How to be clear Designing content for products
A presentation at IxDA Interaction 20 in February 2020 in Milan, Metropolitan City of Milan, Italy by Jonathon Colman
How to be clear Designing content for products
Jonathon Colman Senior Design Manager, Intercom
Everyone have one of these?
Agenda 9:00-10:30am Intro & core values 10:30-11:00am Break for morning tea 11:00-12:30pm Discovering your voice 12:30-1:30pm Break for lunch 1:30-3:00pm Tone and content design 3:00-3:30pm Break for afternoon tea 3:30-5:00pm Group critique
What you should know straightaway • Bio breaks and toilets • Be gentle, stay curious, assume best intent • This is a judgment-free zone • Please take distractions elsewhere • Introverting is a-okay • Don’t worry about finishing everything • Oh, so you’re already an expert?
Interaction 20 code of conduct (abridged) interaction20.ixda.org/code-of-conduct “…the IxDA respectfully asks the following of our membership, both for online and in-person interactions under our brand: • To be considerate and respectful of all cultures, backgrounds and perspectives • To maintain a professional manner and refrain from harassment or exclusionary behavior toward other members • To endeavor to resolve misunderstandings directly, through open dialogue and respectful feedback • To notify the organizers or moderators if you feel you have experienced harassment or have witnessed the harassment of others.”
Interaction 20 code of conduct (abridged) interaction20.ixda.org/code-of-conduct “…the IxDA respectfully asks the following of our membership, both for online and in-person interactions under our brand: • To be considerate and respectful of all cultures, backgrounds and perspectives • To maintain a professional manner and refrain from harassment or exclusionary behavior toward other members • To endeavor to resolve misunderstandings directly, through open dialogue and respectful feedback • To notify the organizers or moderators if you feel you have experienced harassment or have witnessed the harassment of others.”
Interaction 20 code of conduct (abridged) interaction20.ixda.org/code-of-conduct “…the IxDA respectfully asks the following of our membership, both for online and in-person interactions under our brand: • To be considerate and respectful of all cultures, backgrounds and perspectives • To maintain a professional manner and refrain from harassment or exclusionary behavior toward other members • To endeavor to resolve misunderstandings directly, through open dialogue and respectful feedback • To notify the organizers or moderators if you feel you have experienced harassment or have witnessed the harassment of others.”
Interaction 20 code of conduct (abridged) interaction20.ixda.org/code-of-conduct “…the IxDA respectfully asks the following of our membership, both for online and in-person interactions under our brand: • To be considerate and respectful of all cultures, backgrounds and perspectives • To maintain a professional manner and refrain from harassment or exclusionary behavior toward other members • To endeavor to resolve misunderstandings directly, through open dialogue and respectful feedback • To notify the organizers or moderators if you feel you have experienced harassment or have witnessed the harassment of others.”
Interaction 20 code of conduct (abridged) interaction20.ixda.org/code-of-conduct “…the IxDA respectfully asks the following of our membership, both for online and in-person interactions under our brand: • To be considerate and respectful of all cultures, backgrounds and perspectives • To maintain a professional manner and refrain from harassment or exclusionary behavior toward other members • To endeavor to resolve misunderstandings directly, through open dialogue and respectful feedback • To notify the organizers or moderators if you feel you have experienced harassment or have witnessed the harassment of others.”
© Charles Strebor https://www.flickr.com/photos/rantz/6688216699 (CC BY-NC-SA 2.0 — https://creativecommons.org/licenses/by-nc-sa/2.0/)
How to be clear What do we mean by clear, anyway?
How to be clear Clarity could mean: • A lack of ambiguity • Total comprehensiveness • Ease of understanding or use • Sense-making • Consistency
How to be clear Clarity could mean: • A lack of ambiguity • Total comprehensiveness • Ease of understanding or use • Sense-making • Consistency • Structure and strategy
Jesse James Garrett’s 5 planes of UX © Jesse James Garret, The Elements of User Experience - http://www.jjg.net/elements/ (used with permission)
Where content is seen and used © Jesse James Garret, The Elements of User Experience - http://www.jjg.net/elements/ (used with permission)
Where content is modeled and built © Jesse James Garret, The Elements of User Experience - http://www.jjg.net/elements/ (used with permission)
Where content is proposed and planned © Jesse James Garret, The Elements of User Experience - http://www.jjg.net/elements/ (used with permission)
Where you’ll be practicing content design today © Jesse James Garret, The Elements of User Experience - http://www.jjg.net/elements/ (used with permission)
Content design What do we mean by content design, anyway?
Content design “ Working from people’s intent and organizational goals to solve problems and create value by planning, structuring, designing, and writing content in interactive product experiences. ”
Content design “ Working from people’s intent and organizational goals to solve problems and create value by planning, structuring, designing, and writing content in interactive product experiences. ”
Content design “ Working from people’s intent and organizational goals to solve problems and create value by planning, structuring, designing, and writing content in interactive product experiences. ”
Content design “ Working from people’s intent and organizational goals to solve problems and create value by planning, structuring, designing, and writing content in interactive product experiences. ”
Content design “ Working from people’s intent and organizational goals to solve problems and create value by planning, structuring, designing, and writing content in interactive product experiences. ”
Content design “ Working from people’s intent and organizational goals to solve problems and create value by planning, structuring, designing, and writing content in interactive product experiences. ”
Content design “ Working from people’s intent and organizational goals to solve problems and create value by planning, structuring, writing, and improving content in interactive product experiences. ”
Content design Okay, then what do we mean by content?
Content design “ Content is the stuff I came here for. — Mike Monteiro, Erika Hall, & Kristina Halvorson ”
© REI - http://www.rei.com/
© REI - http://www.rei.com/
© Facebook - facebook.com/crisisresponse/
© Facebook - facebook.com/crisisresponse/
© Aer Lingus - https://www.aerlingus.com/support/contact-us/#/tab-0-ireland
© Aer Lingus - https://www.aerlingus.com/support/contact-us/#/tab-0-ireland
LANGUAGE IS AN INTERFACE © Aer Lingus - https://www.aerlingus.com/support/contact-us/#/tab-0-ireland
LANGUAGE IS INFRASTRUCTURE © Aer Lingus - https://www.aerlingus.com/support/contact-us/#/tab-0-ireland
LANGUAGE IS DESIGN MATERIAL © Aer Lingus - https://www.aerlingus.com/support/contact-us/#/tab-0-ireland
LANGUAGE IS ENABLEMENT © Aer Lingus - https://www.aerlingus.com/support/contact-us/#/tab-0-ireland
Infrastructure for clarity Core Values
Infrastructure for clarity Voice Core Values
Infrastructure for clarity Tones of voice Voice Core Values
Infrastructure for clarity Words Tones of voice Voice Core Values
A strategy for results Words Tones of voice Voice Core Values } • Standards & styles • Controlled vocabulary • Flexibility for growth • Repeatable success • Ongoing improvement
A strategy for results Words Tones of voice Voice Core Values } • Standards & styles • Controlled vocabulary • Flexibility for growth • Repeatable success • Ongoing improvement These are the elements of content design
What we won’t cover today [an incomplete list] • Content strategy for the web • Defining specific terms and usage • Information architecture • Content modeling • Localization • Product or feature naming • Visual or interaction design
What we will cover today [also incomplete] • Discovering your core values • Defining an organization’s voice • Documenting tones of voice • Designing product content for an app • Improving content design with critique
Conclusion Bringing the elements all together
What did we learn today?
What did we learn today? © Jesse James Garret, The Elements of User Experience - http://www.jjg.net/elements/ (used with permission)
What did we learn today? Words Tones of voice Voice Core Values
What did we learn today?
You also learned… Your own, personal core values
You also learned… How to work fast under pressure
You also learned… How to negotiate as a team
You also learned… How to satisfy business & user goals
You also learned… How to strengthen each other’s work
You also learned… How to be clear
These are the elements of content design © Entroy http://entropymag.org/the-poetics-of-space-outer-space/
Additional resources • Content + UX resources bit.ly/Content-UX-Resources • Content design: planning, writing, and managing content www.gov.uk/guidance/content-design/what-is-content-design • Voice, tone, and content guides voiceandtoneguides.webflow.io/ • Content strategists group on Facebook www.facebook.com/groups/contentstrategists/ • Content + UX Slack mjmetts.com/content-ux-slack/
Some books about content design • Writing is Designing by Michael Metts & Andy Welfle • Strategic UX Writing by Torrey Podmajersky • Content Design by Sarah Richards • The Craft of Words (Part 1 & 2) by The Standardistas • Content Strategy for the Web by Kristina Halvorson • Nicely Said by Kate Kiefer Lee and Nicole Fenton
Some events featuring content design • Confab Events confabevents.com • Design & Content content.design • Information Architecture Summit iasummit.org • EuroIA euroia.org • Find your local Meetup! meetup.com
Any final questions?
THANK YOU and enjoy Interaction 20!
THANK YOU and enjoy Interaction 20!
THANK YOU and enjoy Interaction 20!
THANK YOU and enjoy Interaction 20!
THANK YOU and enjoy Interaction 20!
THANK YOU and enjoy Interaction 20!
THANK YOU and enjoy Interaction 20!
