SlideShare a Scribd company logo
FUN WITH WORDS
A TOOLKIT FOR DESIGNING
GREAT CONTENT, FIRST.
OH HAI!
(this is me)
Fun With Words: A Toolkit for Designing Great Content, First
Fun With Words: A Toolkit for Designing Great Content, First
Fun With Words: A Toolkit for Designing Great Content, First
Fun With Words: A Toolkit for Designing Great Content, First
CONTENT FIRST
So we can…
build the right thing 

the first time
get to market quickly
(with a kickass 

digital experience)
build a connection 

through design that 

transcends channels
”
To know what content I
need, I have to know what
the page looks like.
–Every designer ever
Fun With Words: A Toolkit for Designing Great Content, First
AUDIENCE DEFINITION
Who are you speaking to?

• Who are our audiences?
• Which are the highest priority?
• What kinds of information do they want and
how?
• What are their motivations?
Fun With Words: A Toolkit for Designing Great Content, First
DEFINE THE
EXPERIENCE
KNOW FEEL FIND ACT

What experience do we want to create?
• What do we want our audiences to know
about us?
• What do we want them to feel?
• What do we want them to find?
• What do we want them to do?
Methodology derived from John Schneider
Activity 1
Activity 1
Fun With Words: A Toolkit for Designing Great Content, First
Fun With Words: A Toolkit for Designing Great Content, First
JOURNEY MAPPING

What is the journey we want our visitors to take?
Explore the “journeys” key audiences take as the become more
deeply engaged in your organization. Mapping out this
experience helps us:
• Achieve a shared understanding of user needs and goals and
how they relate to the content.
• Identify what content is strong, where the gaps are, and
derive an approach to strengthen conversions.
Methodology derived from Donna LiChaw and Lis Hubert
Activity 2
Fun With Words: A Toolkit for Designing Great Content, First
CRAFT THE
MESSAGE
IDENTITY PILLARS

What do we want to say and how do we want to say it?
• Organizations define how they are perceived now
and how they want to be in the future.
• Result in a high-level framework to communicate a
brand.
• Defining / sticking to Identity Pillars helps ensure
organizations stay true to themselves.
Methodology derived from Ahava Leibtag
Activity 3
IDENTITY PILLARS

What do we want to say and how do we want to say it?
Methodology derived from Ahava Leibtag
Current
Brand
Attributes
Future Brand
Attributes
False Brand
Attributes
Identity
Pillars
How we see
ourselves
now.
How we want
to be seen in
the future.
How we don’t
want to be
seen.
How do we
talk about our
identity.
Activity 3
Fun With Words: A Toolkit for Designing Great Content, First
Fun With Words: A Toolkit for Designing Great Content, First
MESSAGING ARCHITECTURE

What do we want to say and how do we want to say it?


Methodology derived from Karen McGrane
As information architecture defines
the blueprint for a site’s functional
and visual design, messaging
architecture defines the blueprint
of all site content.
Activity 4
MESSAGING ARCHITECTURE

Primary message
Should capture the “what” and the “why”.
Secondary messages
Provides supporting information answering “who”, “how”,
“when”, and “how much”.
Triggers / change in beliefs desired
What should the user feel / what change should happen in
their mind based on seeing this information?
Methodology derived from Karen McGrane
Activity 4
Fun With Words: A Toolkit for Designing Great Content, First
This is hard.
But worth it.
DESIGN THE

NARRATIVE
“TALK BUBBLE”

Let natural language shape the experience
• Conduct a design studio using “talk bubbles.”
• Imagining real conversations helps us design the
right flow / pacing.
• Anticipate customer expectations and create
personalized experiences.
Methodology derived from Steph Hay & Mave Houston
Activity 5
Customer
Customer
Capital One
Capital One
Fun With Words: A Toolkit for Designing Great Content, First
“TALK BUBBLE”

Facilitate these questions
• What did we like?
• What are some insights we learned?
• What are the biggest pain points for the
customer?
• What questions did people have?
Methodology derived from Steph Hay & Mave Houston
Activity 5
LANGUAGE BOARDS

Outline the conversation
• Using what we know, create a “language board” to
focus the design.
• Identify the top 3 things people will ask, and
answer them.
• Script out the conversation from there.
Methodology derived from Steph Hay
Activity 6
Language Board
Capital One Home Loans
What this is
A language board serves three purposes:
1. It captures the natural language that starts conversations between us and our customers.
2. It serves as messaging / content roadmap for the design team to think about how to represent
these conversations in an interface.
3. It serves as an internal communication tool to talk with project teams about whether we’re
speaking the right language, and what content or design solutions we need to generate to fulfill
on these conversations.
What we say to start the conversation
• We’ll help you figure out if you can afford a home and how your credit is involved.
• We’ll explain everything every step of the way, and we won’t disappear.
• You’ll know everything there is to know about rates, how we determine what you can qualify for,
and things to avoid.
Top questions they have, and our responses
Q: (Skeptical) What are your rates? This is the starting point of all conversations for me.
A: We have lots of rates for you to choose from. Give us a bit more information and we can tell you
which programs are best for you.
Q: (Overwhelmed) Show me how to do this. I want to know the process upfront, and how many days I
can expect it to take. I want a site that tracks the process, what's submitted and what's required. And
it needs to be up-to-date.
A: The lending process takes some time, but we're here to help you get through it as quickly as
possible. It's important that we get it right the first time, so we're not going to cut corners. Overall, you
can expect that it will take around 10 days to get a mortgage with us. This varies depending on how
complex your situation is. You can track the steps to get your mortgage. We'll be there every step of
the way to help you know what to do now and what's coming up next. We'll be sure to provide you
Fun With Words: A Toolkit for Designing Great Content, First
CONTENT WORKBOOKS

Keep yourself honest
• Stay organized, keep your conversation design
agnostic.
• Manage all of your content iterations and
promote collaboration.
Methodology derived from Steph Hay
Activity 7
Fun With Words: A Toolkit for Designing Great Content, First
No. Activity Used For
1 Know Feel Find Act Defining the experience
2 Journey Mapping w/ content Defining the experience
3 Identity Pillars Craft the message
4 Messaging Architecture Craft the message
5 “Talk Bubble” Design the narrative
6 Language Boards Design the narrative
7 Content Workbooks Design the narrative
WHAT WERE THOSE
ACTIVITIES AGAIN?

WHAT DO I DO

NOW?
SOME ADVICE…

BE BRAVE
”
You don’t always need a
plan. Sometimes you just
need to breathe. Trust. Let
go. And see what
happens.
–Cheryl Strayed
THERE’S NO RIGHT WAY
YOU MIGHT FAIL ONCE
OR TWICE
(but that’s ok)
AND YOU’LL FIGURE
OUT WHAT WORKS
BEST…
Fun With Words: A Toolkit for Designing Great Content, First
LEARN MORE
THINGS TO READ

Content First User Experience | Steph Hay
Content First Design | Steph Hay
The Digital Crown: Winning at Content on the Web | Ahava Leibtag
Content Strategy at Work | Margot Bloomstein
Storymapping, A Macgyver Approach .... | Donna Lichaw & Lis Hubert
Nicely Said | Nicole Fenton & Kate Kiefer Lee
GatherContent’s Blog
Epic List of Content Strategy Resources | Jon Colman
MailChimp’s Style Guide
STAY IN TOUCH
Michaela Hackner
UX Content Strategy @ Capital One

michaela.hackner@capitalone.com
@kalabird

More Related Content

PPTX
NTEN Content Strategy Part II: Developing Your Voice and Defining Your Strategy
PPTX
NTEN Content Strategy Part I: Getting Started
PDF
[Workshop] Strategic Storytelling: Listen, Empathize, Execute Repeat
PDF
Confab 2018 Talk - Solo Content: Lessons for Lone Rangers & Tiny Team
PDF
Stronger together: how to build your cross-team content engine
PDF
The Truth About Content: Broken Dreams and the Big Fix
PDF
#Howto do a content strategy
PDF
Words and the design process - Confab 2018 - Biz Sanford
NTEN Content Strategy Part II: Developing Your Voice and Defining Your Strategy
NTEN Content Strategy Part I: Getting Started
[Workshop] Strategic Storytelling: Listen, Empathize, Execute Repeat
Confab 2018 Talk - Solo Content: Lessons for Lone Rangers & Tiny Team
Stronger together: how to build your cross-team content engine
The Truth About Content: Broken Dreams and the Big Fix
#Howto do a content strategy
Words and the design process - Confab 2018 - Biz Sanford

What's hot (20)

PDF
Content governance presentation - TIG 2017
PPTX
Successful Digital Content Strategy
PPTX
Confab assess-progress 2018-05-22 - final
PDF
Mission Possible: Stakeholder Alignment
PPTX
Collective 2016-workshop-2016-06-05-final
PDF
Content/Communication: Lavacon 2014
PDF
Are You ‘LPC’ on Twitter? How to Make Your Brand Live, Public and Conversational
PDF
A New Model for Content Strategy [Confab Central 2016 Session Slides]
PPTX
AMWA SEO -Optimize Your Online Content
PPT
Without Strategy, You Could Still Be Throwing Content into the Wind
PPTX
Ditch the Keyword Based Content Strategy
PPT
10 things every business person should know about content strategy
PDF
Content Calendar Workshop
PPT
Introduction to Content Strategy
PDF
Content ux processes_idw_2014_final
PDF
Easy and affordable user testing at Confab Central 2018
PPTX
State of Internet Marketing - Session 2
 
PPTX
How to use content mapping to collaborate: CSInc - Gather Content Webinar 2016
PDF
Hacking Your Email Content: How to Write Effective Emails Fast
PPTX
Keywords powering seo and content strategy
Content governance presentation - TIG 2017
Successful Digital Content Strategy
Confab assess-progress 2018-05-22 - final
Mission Possible: Stakeholder Alignment
Collective 2016-workshop-2016-06-05-final
Content/Communication: Lavacon 2014
Are You ‘LPC’ on Twitter? How to Make Your Brand Live, Public and Conversational
A New Model for Content Strategy [Confab Central 2016 Session Slides]
AMWA SEO -Optimize Your Online Content
Without Strategy, You Could Still Be Throwing Content into the Wind
Ditch the Keyword Based Content Strategy
10 things every business person should know about content strategy
Content Calendar Workshop
Introduction to Content Strategy
Content ux processes_idw_2014_final
Easy and affordable user testing at Confab Central 2018
State of Internet Marketing - Session 2
 
How to use content mapping to collaborate: CSInc - Gather Content Webinar 2016
Hacking Your Email Content: How to Write Effective Emails Fast
Keywords powering seo and content strategy
Ad

Similar to Fun With Words: A Toolkit for Designing Great Content, First (20)

PPT
Intro to Content Strategy: January 2013
KEY
Developing Information Architecture with Non-Technical Stakeholders
PDF
Content Strategists (CS Forum, London, UK)
PPTX
UX as a core competence - TYPO3 conference Asia 2012
PDF
How To Write Like a Human - by Claire Dawson
PDF
Context As A Content Strategy: Creating More Meaningful Web Experiences Throu...
PPTX
Marketing: Internet Content Design
PPTX
Social Media Marketing what business owners should know ..
PDF
How to Obsess the Customer Experience
PDF
10: The pitch & cool tools
PPTX
Social Media Marketing .. What you need to know
PDF
Of brains and buttons
PPTX
One Tree Content
PDF
Client of the Future by Gringo / SoDA DMO
PDF
ARSTE august 2010 presentation
PDF
Effectively Improving Touchpoints - 3 functions of User Experience - Igor Far...
PDF
Above the code story telling : branded content : sadara ventures - ramallah
PDF
Addressing the Elephant in the Room - Content Strategy
PDF
What is this UX thing?
PDF
Whatisux 120716141232 Phpapp02
Intro to Content Strategy: January 2013
Developing Information Architecture with Non-Technical Stakeholders
Content Strategists (CS Forum, London, UK)
UX as a core competence - TYPO3 conference Asia 2012
How To Write Like a Human - by Claire Dawson
Context As A Content Strategy: Creating More Meaningful Web Experiences Throu...
Marketing: Internet Content Design
Social Media Marketing what business owners should know ..
How to Obsess the Customer Experience
10: The pitch & cool tools
Social Media Marketing .. What you need to know
Of brains and buttons
One Tree Content
Client of the Future by Gringo / SoDA DMO
ARSTE august 2010 presentation
Effectively Improving Touchpoints - 3 functions of User Experience - Igor Far...
Above the code story telling : branded content : sadara ventures - ramallah
Addressing the Elephant in the Room - Content Strategy
What is this UX thing?
Whatisux 120716141232 Phpapp02
Ad

Recently uploaded (20)

PPTX
building Planning Overview for step wise design.pptx
PPTX
Media And Information Literacy for Grade 12
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
DOCX
actividad 20% informatica microsoft project
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PDF
Urban Design Final Project-Context
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPTX
CLASSIFICATION OF YARN- process, explanation
PPTX
joggers park landscape assignment bandra
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PDF
Phone away, tabs closed: No multitasking
PPTX
EDP Competencies-types, process, explanation
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PDF
Interior Structure and Construction A1 NGYANQI
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PDF
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
building Planning Overview for step wise design.pptx
Media And Information Literacy for Grade 12
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
Wisp Textiles: Where Comfort Meets Everyday Style
actividad 20% informatica microsoft project
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
Urban Design Final Project-Context
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
CLASSIFICATION OF YARN- process, explanation
joggers park landscape assignment bandra
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
Phone away, tabs closed: No multitasking
EDP Competencies-types, process, explanation
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
Interior Structure and Construction A1 NGYANQI
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb

Fun With Words: A Toolkit for Designing Great Content, First

  • 1. FUN WITH WORDS A TOOLKIT FOR DESIGNING GREAT CONTENT, FIRST.
  • 8. So we can… build the right thing 
 the first time
  • 9. get to market quickly (with a kickass 
 digital experience)
  • 10. build a connection 
 through design that 
 transcends channels
  • 11. ” To know what content I need, I have to know what the page looks like. –Every designer ever
  • 13. AUDIENCE DEFINITION Who are you speaking to?
 • Who are our audiences? • Which are the highest priority? • What kinds of information do they want and how? • What are their motivations?
  • 16. KNOW FEEL FIND ACT
 What experience do we want to create? • What do we want our audiences to know about us? • What do we want them to feel? • What do we want them to find? • What do we want them to do? Methodology derived from John Schneider Activity 1
  • 20. JOURNEY MAPPING
 What is the journey we want our visitors to take? Explore the “journeys” key audiences take as the become more deeply engaged in your organization. Mapping out this experience helps us: • Achieve a shared understanding of user needs and goals and how they relate to the content. • Identify what content is strong, where the gaps are, and derive an approach to strengthen conversions. Methodology derived from Donna LiChaw and Lis Hubert Activity 2
  • 23. IDENTITY PILLARS
 What do we want to say and how do we want to say it? • Organizations define how they are perceived now and how they want to be in the future. • Result in a high-level framework to communicate a brand. • Defining / sticking to Identity Pillars helps ensure organizations stay true to themselves. Methodology derived from Ahava Leibtag Activity 3
  • 24. IDENTITY PILLARS
 What do we want to say and how do we want to say it? Methodology derived from Ahava Leibtag Current Brand Attributes Future Brand Attributes False Brand Attributes Identity Pillars How we see ourselves now. How we want to be seen in the future. How we don’t want to be seen. How do we talk about our identity. Activity 3
  • 27. MESSAGING ARCHITECTURE
 What do we want to say and how do we want to say it? 
 Methodology derived from Karen McGrane As information architecture defines the blueprint for a site’s functional and visual design, messaging architecture defines the blueprint of all site content. Activity 4
  • 28. MESSAGING ARCHITECTURE
 Primary message Should capture the “what” and the “why”. Secondary messages Provides supporting information answering “who”, “how”, “when”, and “how much”. Triggers / change in beliefs desired What should the user feel / what change should happen in their mind based on seeing this information? Methodology derived from Karen McGrane Activity 4
  • 33. “TALK BUBBLE”
 Let natural language shape the experience • Conduct a design studio using “talk bubbles.” • Imagining real conversations helps us design the right flow / pacing. • Anticipate customer expectations and create personalized experiences. Methodology derived from Steph Hay & Mave Houston Activity 5
  • 36. “TALK BUBBLE”
 Facilitate these questions • What did we like? • What are some insights we learned? • What are the biggest pain points for the customer? • What questions did people have? Methodology derived from Steph Hay & Mave Houston Activity 5
  • 37. LANGUAGE BOARDS
 Outline the conversation • Using what we know, create a “language board” to focus the design. • Identify the top 3 things people will ask, and answer them. • Script out the conversation from there. Methodology derived from Steph Hay Activity 6
  • 38. Language Board Capital One Home Loans What this is A language board serves three purposes: 1. It captures the natural language that starts conversations between us and our customers. 2. It serves as messaging / content roadmap for the design team to think about how to represent these conversations in an interface. 3. It serves as an internal communication tool to talk with project teams about whether we’re speaking the right language, and what content or design solutions we need to generate to fulfill on these conversations. What we say to start the conversation • We’ll help you figure out if you can afford a home and how your credit is involved. • We’ll explain everything every step of the way, and we won’t disappear. • You’ll know everything there is to know about rates, how we determine what you can qualify for, and things to avoid. Top questions they have, and our responses Q: (Skeptical) What are your rates? This is the starting point of all conversations for me. A: We have lots of rates for you to choose from. Give us a bit more information and we can tell you which programs are best for you. Q: (Overwhelmed) Show me how to do this. I want to know the process upfront, and how many days I can expect it to take. I want a site that tracks the process, what's submitted and what's required. And it needs to be up-to-date. A: The lending process takes some time, but we're here to help you get through it as quickly as possible. It's important that we get it right the first time, so we're not going to cut corners. Overall, you can expect that it will take around 10 days to get a mortgage with us. This varies depending on how complex your situation is. You can track the steps to get your mortgage. We'll be there every step of the way to help you know what to do now and what's coming up next. We'll be sure to provide you
  • 40. CONTENT WORKBOOKS
 Keep yourself honest • Stay organized, keep your conversation design agnostic. • Manage all of your content iterations and promote collaboration. Methodology derived from Steph Hay Activity 7
  • 42. No. Activity Used For 1 Know Feel Find Act Defining the experience 2 Journey Mapping w/ content Defining the experience 3 Identity Pillars Craft the message 4 Messaging Architecture Craft the message 5 “Talk Bubble” Design the narrative 6 Language Boards Design the narrative 7 Content Workbooks Design the narrative WHAT WERE THOSE ACTIVITIES AGAIN?

  • 43. WHAT DO I DO
 NOW?
  • 45. ” You don’t always need a plan. Sometimes you just need to breathe. Trust. Let go. And see what happens. –Cheryl Strayed
  • 47. YOU MIGHT FAIL ONCE OR TWICE (but that’s ok)
  • 48. AND YOU’LL FIGURE OUT WHAT WORKS BEST…
  • 51. THINGS TO READ
 Content First User Experience | Steph Hay Content First Design | Steph Hay The Digital Crown: Winning at Content on the Web | Ahava Leibtag Content Strategy at Work | Margot Bloomstein Storymapping, A Macgyver Approach .... | Donna Lichaw & Lis Hubert Nicely Said | Nicole Fenton & Kate Kiefer Lee GatherContent’s Blog Epic List of Content Strategy Resources | Jon Colman MailChimp’s Style Guide
  • 52. STAY IN TOUCH Michaela Hackner UX Content Strategy @ Capital One
 michaela.hackner@capitalone.com @kalabird