AI for Content Design
CC-NA-3.0
https://slides.com/mike-1/button

Talk title: Humans in control: Design a content-savvy AI Agent
Links
Live: https://slides.com/mike-1/button/live
Later: https://slides.com/mike-1/button/
HAL
2001

Inspiration


Principal Technical Writer
Product Documentation
Mission
- Complete accurate documentation

Pixabay CC0

Background


My Bias

Content Design
We help users make decisions
https://slides.com/mike-1/button
We want to "unblock" users
Our style guides drive "helpful" text

Figma and Microsoft
https://slides.com/mike-1/button
Microsoft: Content Designers design Copilot responses
From ChatGPT
"Figma: strikingly close to your approach"
If AI were a teenager
- Teenagers
- "Wash the dishes"
- Result: nothing is clean
- Better

Mindset for AI

Make AI work for you
- AI answers the prompt
- AI doesn't solve problems
- Until you provide detailed instructions
Fantasy Football


Who should I start?
- Highest projected points
- Best matchup
- Lower ceiling
- Good if protecting a lead
- Boom-or-bust
- High-risk high reward
Better answer: it depends
Result: almost won!
Wordiest
Decision requirements
Opportunity: progressive disclosure
Cleanest
Minimal text
Best if the UX is crowded
Balanced
Assumes user knowledge
Minor detail for edge cases
Link to docs
Three tier model
Big picture
Style guide
Instructions and Skills
AI
Agent
How AI can help with content design
- Start with a style guide
- Set up instructions
- Pull content from the style guide
- Organize the knowledge in AI
- Test the steps locally
- Identify problems
- Update the style guide
- Automate updates
Start with a Style Guide
- Designed for humans
- Content design skills for AI
Skills
- Well, sort of
- Reusable content design expertise
- Well, sort of
- a reusable capability that can be invoked to perform a particular kind of task
Make it "easy" for ourselves
- Know your product
- Set up instructions
- One easy breath
- Two thoughts
- Minimize need for docs
- Know your audience
- Know your stakeholders
- Start with the easy stuff
- Harder stuff: do your homework
- Use style guides (details)
-
-
-
-
-
-
-
-
-
-
-
-
AI models -- Best practices
- Governing instructions
- Details in separate files
Searching the database
Content in Markdown
Make it "easy" for ourselves
- instructions.md


What we've done
- 30 different distinct pages

OMG AI
- Know your product
- "Don't Make Me Think"
- Pull content from your style guide
- Minimize need for docs
- Know your audience
- Know your stakeholders
- Start with the easy stuff
- Harder stuff: do your homework
- Use style guides (details)
-
-
-
-
-
-
-
-
-
-
-
Convert your style guide
- Format only
- Emerging standard for AI: Markdown
Conversion
HTML to Markdown



OMG AI
- Know your product
- "Don't Make Me Think"
- Pull content from your style guide
- Organize the knowledge for AI
- Minimize need for docs
- Know your audience
- Know your stakeholders
- Start with the easy stuff
- Harder stuff: do your homework
- Use style guides (details)
-
-
-
-
-
-
-
-
-
-
-
Structure your instructions
- Straightforward set of steps
- Reference to a directory of "skills"


Before you deploy
- Know your product
- "Don't Make Me Think"
- Pull content from your style guide
- Organize the knowledge for AI
- Test steps locally
- Minimize need for docs
- Know your audience
- Know your stakeholders
- Start with the easy stuff
- Harder stuff: do your homework
- Use style guides (details)
-
-
-
-
-
-
-
-
-
-
Tip: pinned instructions

Formalize the Agent

Test time!
Avoid "hallucinations"
- Know your product
- "Don't Make Me Think"
- One easy breath
- Two thoughts
- Minimize need for docs
- Test edge cases
-
-
-
-
-
-
-
-
-
Test Time, Part 2
Test and iterate
- Know your product
- "Don't Make Me Think"
- One easy breath
- Two thoughts
- Minimize need for docs
- Test edge cases
- Share your work
-
-
-
-
-
-
-
-
-
Automate
-
-
-
-
-
-
Your style guide = Single source of truth
- Know your product
- "Don't Make Me Think"
- One easy breath
- Two thoughts
- Minimize need for docs
- Test edge cases
- Share your work
- Set up CI/CD
-
-
-
-
-
Lessons Learned
Big picture
Style guide
Instructions and Skills
AI
Agent
Style Guide
The single source of truth
Remember the BSoD

Potential solutions

For the record

Credits
- Torrey Podmajersky (Button, "Strategic Writing for UX")
- Jodie Putrino (F5)
- Elmira Cheraghi (F5)
- UX Communities (Content + UX, We are Content Club)
Questions

The End
Thanks for Listening!
Copy of Button: AI Agent for Content Design
By Mike
Copy of Button: AI Agent for Content Design
Mike Jang's slides, customized for F5
- 2