SlideShare a Scribd company logo
Marli Mesibov
PLANNING AND WRITING
FOR VOICE UI Mad*Pow, VP Content Strategy
Omnichannel 2020
# O M N I X C O N F | @ M A R S I N T H E S T A R S
2
NICE TO MEET YOU!
Marli Mesibov
VP, Content Strategy
Mad*Pow
Must Insert Background Image
To do so:
1- Select “Insert” in the file menu
2- Select “Picture from File”
3- Scale your image to fill the page
by dragging the corner
Background Image must be “sent to back”
To do so:
Right click the Image, select “Send to Back”
Make sure Arrow Box and Mad*Pow
Are viewable.
Mad*Powleverages strategicdesignandthe psychologyofmotivation
tocreate innovativeexperiences andcompelling digitalsolutions that
aregoodforpeople andgoodforbusiness.
DESIGN FOR CHANGE
# O M N I X C O N F | @ M A R S I N T H E S T A R S
P H O T O F R O M C O O P E R
# O M N I X C O N F | @ M A R S I N T H E S T A R S
S T A T S F R O M D E S I G N I N T E C H R E P O R T 2 0 1 7
Voice recognition has gone from
a high error rate (>25%) to a low
rate (<5%).
# O M N I X C O N F | @ M A R S I N T H E S T A R S
# O M N I X C O N F | @ M A R S I N T H E S T A R S
OUR JOB IS TO GO UNNOTICED
“…when no one in the audience knows where the light on the stage comes
from, and when no one notices anything on the stage except the actors […]
then you know that you have done your job as it should be done.” –Jean
Rosenthal, Broadway lighting designer
# O M N I X C O N F | @ M A R S I N T H E S T A R S
OUR JOB IS TO GO UNNOTICED
“…when no one in the audience knows where the light on the stage comes
from, and when no one notices anything on the stage except the actors […]
then you know that you have done your job as it should be done.” –Jean
Rosenthal, Broadway lighting designer
“Tomorrow’s devices should be unobtrusive… something so “you” that it
dissolves into your life.” - Thomas Gayno, Product Lead at Spotify
# O M N I X C O N F | @ M A R S I N T H E S T A R S
I M A G E F R O M L H B S
# O M N I X C O N F | @ M A R S I N T H E S T A R S
I M A G E F R O M L H B S
WHAT IS VOICE UI?
The future is calling
# O M N I X C O N F | @ M A R S I N T H E S T A R S
EXAMPLES OF VOICE UI
UI That Listens (Speech Recognition)
Speech to Text apps (e.g. Dragon, or Google
Voice)
Evernote
Midomi
ToDoist
Netflix
Xbox
UI That Listens and Responds
Siri
Cortana
Amazon Echo
Google Home
Interactive voice response (robot phone
operators)
Cue robot
# O M N I X C O N F | @ M A R S I N T H E S T A R S
13
VOICE VS. CONVERSATION
Chatbots AI Assistants Alexa Skills
Build a voice and tone Build a voice and tone Has a voice and tone
Does not need
an algorithm
Requires an
algorithm
Does not need
an algorithm
Responds to trigger-words Responds to trigger-words Responds to trigger-words
Transactional
Transactional and
informational
Transactional or
informational
All content created by 1
company
All content created by 1
company
Collection of apps
EXPECTATIONS ARE HIGH!
# O M N I X C O N F | @ M A R S I N T H E S T A R S
14
# O M N I X C O N F | @ M A R S I N T H E S T A R S
15
REALITY? WE’RE NOT EVEN HITTING THE LOWEST BAR
V O I C E A P P L I C A T I O N P R O D U C T S T R A T E G Y , P H I L L I P H U N T E R
# O M N I X C O N F | @ M A R S I N T H E S T A R S
16
WHAT’S THE PROBLEM?
We are too focused on creating something
“delightful” and not focused enough on creating
something useful, intuitive, and human.
Let’s make Voice UI useful.
BIG PICTURE TIPS
How much voice would a voice voice voice if a voice voice had a voice voice?
# O M N I X C O N F | @ M A R S I N T H E S T A R S
18
“A conversational interface is any UI that mimics
chatting with a real human.”
–Conversational Interfaces, Explained
VOICE IS VOICE
# O M N I X C O N F | @ M A R S I N T H E S T A R S
19
1. IT’S A CONVERSATION
Just like writing, you want to:
• Consider the questions people state, and the questions they mean
• Set the user up for success
• Use language the audience will recognize
• Match the tone to the situation
# O M N I X C O N F | @ M A R S I N T H E S T A R S
20
EXAMPLE: LEMONADE HAS A CONVERSATION WITH YOU
Question
Answer
Question Question
Answer Answer
# O M N I X C O N F | @ M A R S I N T H E S T A R S
21
2. SAY IT ALOUD AND USE NATURAL LANGUAGE
You’re not building a chatbot, so you may be building one-off statements
• Use active voice
• Clarify the question
• “What’s the capital of Alaska?”
• “The capital of Alaska is Juno.”
• Keep information brief – too much will get lost
• Accept that most conversations will be transactional
• Vary sentence structure, much like in writing
# O M N I X C O N F | @ M A R S I N T H E S T A R S
22
EXAMPLE: VEHICLE UI REQUIRES SHORT, NATURAL LANGUAGE STATEMENTS
A F A I L U R E S T O R Y T O D E S I G N V O I C E U S E R I N T E R F A C E # 1 , S U N K I M
# O M N I X C O N F | @ M A R S I N T H E S T A R S
23
EXAMPLE: MEMORIZING COMMANDS IS HARD
# O M N I X C O N F | @ M A R S I N T H E S T A R S
24
3. DON’T ASSUME CONTEXT
Voice UI doesn’t have the context of the written word
• There’s no surrounding navigation to tell visitors “where” they are
• No headers to visually orient
• No images
• User flows are broader, more expansive
“You have to map each voice request to a manually-curated query (i.e. create “all the dialog
boxes” by hand).”
- This is the Year of Voice
# O M N I X C O N F | @ M A R S I N T H E S T A R S
25
EXAMPLE: ALEXA ONLY KNOWS WHAT IT’S TOLD
What about questions like…
Alexa, where’s
the nearest
doctor?
(that takes my insurance)
Alexa, where can
I get a flu shot?
(and does that place
have them in stock?)
Alexa, is Starbucks
open today?
(and are there holiday
hours in effect?)
Alexa, when does
daylight savings
time begin?
(and does the country I am
visiting this weekend
observe it?)
# O M N I X C O N F | @ M A R S I N T H E S T A R S
26
4. ACCESSIBILITY IS SUPER IMPORTANT
• Written accessibility makes things visual and auditory
• Captions
• Alt-tags
• Transcripts
• Voice UI accessibility is about…
• Accents
• Cultural phrasing
• Understanding lisps
• Asking nicely for repeats
• Offering options before users get frustrated or overwhelmed
# O M N I X C O N F | @ M A R S I N T H E S T A R S
27
EXAMPLE: VOICE UI NEEDS TO BE ABLE TO “HEAR”
E L E V A T O R R E C O G N I T I O N | B U R N I S T O U N
# O M N I X C O N F | @ M A R S I N T H E S T A R S
28
5. VOICE SOUNDS DIFFERENT
Even an audio team like NPR identifies difference in the phrases people use:
“We started with a few questions:
• What features might users most value in a voice-driven context?
• How would the voice device respond in each scenario? (When should the device give a
minimal response? When should it provide more verbose feedback? When should it
provide no feedback and just perform the action?)
• What should a conversation with NPR over VUI feel like? (When might users expect to
provide additional information? What contextual information are users expecting? How
much response information is enough?)”
-Talking Back to Your Radio: How We Approached Voice-UI (NPR)
# O M N I X C O N F | @ M A R S I N T H E S T A R S
29
EXAMPLE: NPR CHANGES THE TERMINOLOGY FOR VOICE
T A L K I N G B A C K T O Y O U R R A D I O : H O W W E A P P R O A C H E D V O I C E - U I
HOW DO YOU WRITE FOR
VOICE?
Your voice has a voice (and tone)
START WITH VOICE AND TONE
# O M N I X C O N F | @ M A R S I N T H E S T A R S
A voice and tone accurately reflects brand personality. It supports communication goals and
provides useful, usable content.
Voice
The voice, or personality, comes across in everything the brand “says” – every bit of help text,
microcopy, messaging, etc.
Tone
Tone is a subset of voice; where voice is the overarching personality, the tone is the appropriate
variation, given the specific situation.
EXAMPLE: 18F
# O M N I X C O N F | @ M A R S I N T H E S T A R S
K A T E K I E F E R L E E , C R E A T I N G C O N T E N T F O R H U M A N S
HOW DO YOU CREATE A VOICE (FOR VOICE)?
# O M N I X C O N F | @ M A R S I N T H E S T A R S
1. Identify content goals
2. Create a message architecture
3. Define the voice
4. TEST!
5. Select relevant scenarios, and each scenario’s
appropriate tone
6. Add the nuts and bolts: editorial guidelines
EXAMPLE: MAILCHIMP
# O M N I X C O N F | @ M A R S I N T H E S T A R S
K A T E K I E F E R L E E , C R E A T I N G C O N T E N T F O R H U M A N S
1. CONTENT GOALS
# O M N I X C O N F | @ M A R S I N T H E S T A R S
The content goals are made up of a combination of audience needs and business
objectives. To do that, first define:
1. Audience
Define the audience(s) we are speaking to
2. Audience Goals
List out prioritized audience goals
3. Business Objectives
List out prioritized business objectives
What Makes it Voice-Specific?
It’s Not! But you should still
consider:
• Why do you offer this as a voice
product?
• How will voice UI help your
audience reach their goals?
START WITH VOICE AND TONE
# O M N I X C O N F | @ M A R S I N T H E S T A R S
K A T E K I E F E R L E E , C R E A T I N G C O N T E N T F O R H U M A N S
START WITH VOICE AND TONE
# O M N I X C O N F | @ M A R S I N T H E S T A R S
K A T E K I E F E R L E E , C R E A T I N G C O N T E N T F O R H U M A N S
2. MESSAGE ARCHITECTURE
# O M N I X C O N F | @ M A R S I N T H E S T A R S
A message architecture serves as a guidepost for future decision making. These themes are
distilled from our audience needs and business objectives.
The message architecture themes will drive
tactical decisions about content and how we
prioritize, organize and present information.
When in doubt, return to the message
architecture to ask: does this decision support
our architecture?
What Makes it Voice-Specific?
It’s Not! But you should still
consider:
• A message architecture should be
what helps your team identify if
voice UI is right for you.
• But if you’re already committed,
use the message architecture to
check that voice UI will help
uphold your pillars.
MESSAGE ARCHITECTURE THEMES
# O M N I X C O N F | @ M A R S I N T H E S T A R S
A message architecture is typically made up of 4-6 pillars. Write down your pillars, and for
each one consider:
How People Will Describe Us
This should be specific to the pillar: how will
people describe us that tells us we are
aligning with this pillar. i.e. if one pillar is that
we are a technology-driven influencer, what
will people say about us that reinforces that?
Content/Design Implications
These may come from behavior change
recommendations, client requests, or known
best practices.
Examples: Scaffold learning; Use X
technology; Allow users to track their work;
Use gamification to do X; Personalize
elements to do X; Create mobile-friendly
content (etc.)
EXAMPLE
# O M N I X C O N F | @ M A R S I N T H E S T A R S
A message architecture is typically made up of 4-6 pillars. Write down your pillars, and for
each one consider:
How People Will Describe Us
Supportive. Company X is a caring,
passionate, and friendly community that
helps me pay my bills. The coaches have a
genuine desire to pay-forward their own
rewarding experience.
Content/Design Implications
Customer support should always be
available.
Chatbot is very important for hours coaches
are not available.
All personalized or automated elements
need to be well explained, and never appear
to be preset.
3. VOICE
# O M N I X C O N F | @ M A R S I N T H E S T A R S
The voice, or personality, comes across in everything the brand “says”.
To create a voice, go back to your themes and
how you said people would describe you.
Make a list of 20-50 adjectives that align with
your message architecture. Then remove
duplicates and redundancies, and whittle
your list of adjectives down to 6-8.
These 6-8 define your voice.
What Makes it Voice-Specific?
It’s Not! But you should still
consider:
• Your voice will need to be
consistent across multiple
channels (including voice UI).
• If you’re using Alexa Skills, there’s
already a voice there. How will
your voice align with Alexa’s?
TO CREATE YOUR VOICE, FOR EACH ADJECTIVE DEFINE:
# O M N I X C O N F | @ M A R S I N T H E S T A R S
Why it Matters
What we know about users.
How We Do it
Describe what this voice means/sounds like.
What it Sounds Like (Written) Not…
1-2 sentence example 1-2 sentence example
What it Sounds Like (Voice) Not…
1-2 sentence example 1-2 sentence example
EXAMPLE: EMPATHETIC
# O M N I X C O N F | @ M A R S I N T H E S T A R S
Why it Matters
Our audience fears they are being judged for not paying their bills on time. Empathy is key to
reducing their fear of judgment.
How We Do it
Express sympathy and understanding for members’ decisions, beliefs, and motivations.
What it Sounds Like (Written) Not…
Of course you want to pay your bills, but
sometimes life gets in the way. Let’s make a list
of some of the reasons you want to pay your
bills.
Pay your bills on time. Otherwise you’re causing
more problems for yourself.
What it Sounds Like (Voice) Not…
Do you want to call your coach? You didn’t call your coach yesterday. You need
to call now.
4. TEST
# O M N I X C O N F | @ M A R S I N T H E S T A R S
You can usability test a voice UI without a fancy developed prototype! Just use the “Wizard
of Oz” approach. It was pretty much invented for voice UI… in 1984.
5. TONE: WHAT DO WE SOUND LIKE WHEN…
# O M N I X C O N F | @ M A R S I N T H E S T A R S
Scenario #1
(common scenarios: first
interaction, giving bad
news, congratulating,
explaining something,
setting goals)
Scenario #2 Scenario #3
Scenario #4 Scenario #5 Scenario #6
TO CREATE YOUR TONES, FOR EACH SCENARIO DEFINE:
# O M N I X C O N F | @ M A R S I N T H E S T A R S
Key elements
Describe the tone and why it is appropriate for this specific scenario
How we do it
Give concrete examples, such as “restate the question”
What it sounds like
1-2 sentence examples
What Makes it Voice-Specific?
• Tone is intended to help for
various scenarios… but don’t
forget to include examples of the
channels where someone might
encounter a scenario.
EXAMPLE: MAILCHIMP
# O M N I X C O N F | @ M A R S I N T H E S T A R S
K A T E K I E F E R L E E , C R E A T I N G C O N T E N T F O R H U M A N S
6. EDITORIAL GUIDELINES
# O M N I X C O N F | @ M A R S I N T H E S T A R S
While the voice and tone convey your brand personality, following best practices and your
editorial guidelines gives your content structure and consistency.
Many editorial guidelines will change from one project or brand to the next. The important
thing is to stick to them for consistency.
What Makes it Voice-Specific?
• Editorial guidelines MUST change
to accommodate the differences
between voice UI and written
text.
QUESTIONS TO DETERMINE EDITORIAL GUIDELINES
# O M N I X C O N F | @ M A R S I N T H E S T A R S
• What grade reading level are you writing
for? (7th grade is appropriate for most
situations – written. What about voice?)
• Are you writing in 1st, 2nd, or 3rd person?
Why?
• Do you use slang?
• What punctuation do you prefer?
• What pronouns do you use?
• What abbreviations do you use (if any)?
• Do you use complete sentences?
• Do you use Active Voice?
• Break content into easily digestible chunks
with bullets, subheads, etc. – but how
small?
• Write clearly and concisely – what are
examples for voice vs. written text?
IN CONCLUSION
Let me ’splain… No, there is too much. Let me sum up.
VOICE UI IS A TOOL. USE IT WELL.
# O M N I X C O N F | @ M A R S I N T H E S T A R S
Litmus Live 2017 52
THANK YOU
Omnichannel 2020
Marli Mesibov
marli@madpow.com
marsinthestars
Mad*Pow

More Related Content

PDF
Designthinking Inspiring Communities
PPTX
Designing for Voice UI: Planning and Writing for Voice Interaction
PDF
Experience Trends in 2017 by Joe Salowitz at MOMOGR January 2017
PPTX
Social Media Chat Bots - Hvem taler du med
PPTX
Ad Copy Tips For Adwords, Facebook, and LinkedIn Ads: BrightonSEO
PPTX
expo estetica diseño interior de local comercial
PDF
PRIME IPTV SERVICE - BEST IPTV SERVICE.pdf
DOCX
Fmp proposal 2020
Designthinking Inspiring Communities
Designing for Voice UI: Planning and Writing for Voice Interaction
Experience Trends in 2017 by Joe Salowitz at MOMOGR January 2017
Social Media Chat Bots - Hvem taler du med
Ad Copy Tips For Adwords, Facebook, and LinkedIn Ads: BrightonSEO
expo estetica diseño interior de local comercial
PRIME IPTV SERVICE - BEST IPTV SERVICE.pdf
Fmp proposal 2020

Similar to Planning and Writing for Voice UI (20)

PDF
Designing applications for voice interface platforms
PPTX
[CMWorld 2015 Lunch & Learn hosted by studioD] Content Mixology: Mixing the r...
PPTX
2022 03 10 critical reflexion
PDF
Beyond product features: how to get noticed by early adopters
PPTX
What Designs Need To Know About Visual Design
PPT
Media Evaluation - Richard Bedford
PDF
Social Media 101 for Nonprofits with Adobe Spark
PDF
How to Build a Prototype Workflow for Product/Market Fit
PDF
Let's put the right questions
PDF
2016 Death of the Home Screen
PDF
Designing on the Ground: Transformative Uses of Design during Social Crises, ...
PPT
Evaluation media3
PPT
Evaluation media3
PPT
Evaluation media3
PDF
VTS-Guide-V5
PPTX
Evaluation Q1.
PDF
AltConf - Products need a vision, not just features
PPT
Tv advert evaluation
PDF
Beginners' guide to app design
PDF
Inclusion, research and next billion users
Designing applications for voice interface platforms
[CMWorld 2015 Lunch & Learn hosted by studioD] Content Mixology: Mixing the r...
2022 03 10 critical reflexion
Beyond product features: how to get noticed by early adopters
What Designs Need To Know About Visual Design
Media Evaluation - Richard Bedford
Social Media 101 for Nonprofits with Adobe Spark
How to Build a Prototype Workflow for Product/Market Fit
Let's put the right questions
2016 Death of the Home Screen
Designing on the Ground: Transformative Uses of Design during Social Crises, ...
Evaluation media3
Evaluation media3
Evaluation media3
VTS-Guide-V5
Evaluation Q1.
AltConf - Products need a vision, not just features
Tv advert evaluation
Beginners' guide to app design
Inclusion, research and next billion users
Ad

More from Marli Mesibov (20)

PPTX
Writing for Health Literacy
PPTX
Accessible Design and Content in 20 Minutes
PPTX
Plain Language Can Be Inclusive, Accessible, and Fun!
PPTX
Journey mapping for content strategy
PPTX
Content Strategy for Behavior Change
PPTX
Fighting Stigma
PPTX
It's About the Journey
PPTX
Make Magic with Anticipatory Design
PPTX
Whats So Smart About Intelligent Content?
PPTX
How do we talk about healthcare
PPTX
Meeting at the Intersection of Content Strategy and UX
PPT
Little content fish lava con 2015
PPTX
Surprise! You're a Content "Engineer"
PPTX
Creating Tangible Experiences - STC Summit Slides
PPTX
Traveling UX Adventures (UXPA)
PPTX
Meeting at the Intersection of Content Strategy and UX
PPTX
Social media
PPTX
Meeting at the Intersection of UX Design and Content Strategy
PPTX
Finding Role Clarity in UX Chaos
PPTX
Little content fish in a big company pond
Writing for Health Literacy
Accessible Design and Content in 20 Minutes
Plain Language Can Be Inclusive, Accessible, and Fun!
Journey mapping for content strategy
Content Strategy for Behavior Change
Fighting Stigma
It's About the Journey
Make Magic with Anticipatory Design
Whats So Smart About Intelligent Content?
How do we talk about healthcare
Meeting at the Intersection of Content Strategy and UX
Little content fish lava con 2015
Surprise! You're a Content "Engineer"
Creating Tangible Experiences - STC Summit Slides
Traveling UX Adventures (UXPA)
Meeting at the Intersection of Content Strategy and UX
Social media
Meeting at the Intersection of UX Design and Content Strategy
Finding Role Clarity in UX Chaos
Little content fish in a big company pond
Ad

Recently uploaded (20)

DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Approach and Philosophy of On baking technology
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PPTX
Big Data Technologies - Introduction.pptx
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Modernizing your data center with Dell and AMD
PDF
Spectral efficient network and resource selection model in 5G networks
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
The AUB Centre for AI in Media Proposal.docx
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Per capita expenditure prediction using model stacking based on satellite ima...
Diabetes mellitus diagnosis method based random forest with bat algorithm
Approach and Philosophy of On baking technology
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
Review of recent advances in non-invasive hemoglobin estimation
20250228 LYD VKU AI Blended-Learning.pptx
Big Data Technologies - Introduction.pptx
Dropbox Q2 2025 Financial Results & Investor Presentation
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
Mobile App Security Testing_ A Comprehensive Guide.pdf
Modernizing your data center with Dell and AMD
Spectral efficient network and resource selection model in 5G networks
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Building Integrated photovoltaic BIPV_UPV.pdf

Planning and Writing for Voice UI

  • 1. Marli Mesibov PLANNING AND WRITING FOR VOICE UI Mad*Pow, VP Content Strategy Omnichannel 2020
  • 2. # O M N I X C O N F | @ M A R S I N T H E S T A R S 2 NICE TO MEET YOU! Marli Mesibov VP, Content Strategy Mad*Pow
  • 3. Must Insert Background Image To do so: 1- Select “Insert” in the file menu 2- Select “Picture from File” 3- Scale your image to fill the page by dragging the corner Background Image must be “sent to back” To do so: Right click the Image, select “Send to Back” Make sure Arrow Box and Mad*Pow Are viewable. Mad*Powleverages strategicdesignandthe psychologyofmotivation tocreate innovativeexperiences andcompelling digitalsolutions that aregoodforpeople andgoodforbusiness. DESIGN FOR CHANGE
  • 4. # O M N I X C O N F | @ M A R S I N T H E S T A R S P H O T O F R O M C O O P E R
  • 5. # O M N I X C O N F | @ M A R S I N T H E S T A R S S T A T S F R O M D E S I G N I N T E C H R E P O R T 2 0 1 7 Voice recognition has gone from a high error rate (>25%) to a low rate (<5%).
  • 6. # O M N I X C O N F | @ M A R S I N T H E S T A R S
  • 7. # O M N I X C O N F | @ M A R S I N T H E S T A R S OUR JOB IS TO GO UNNOTICED “…when no one in the audience knows where the light on the stage comes from, and when no one notices anything on the stage except the actors […] then you know that you have done your job as it should be done.” –Jean Rosenthal, Broadway lighting designer
  • 8. # O M N I X C O N F | @ M A R S I N T H E S T A R S OUR JOB IS TO GO UNNOTICED “…when no one in the audience knows where the light on the stage comes from, and when no one notices anything on the stage except the actors […] then you know that you have done your job as it should be done.” –Jean Rosenthal, Broadway lighting designer “Tomorrow’s devices should be unobtrusive… something so “you” that it dissolves into your life.” - Thomas Gayno, Product Lead at Spotify
  • 9. # O M N I X C O N F | @ M A R S I N T H E S T A R S I M A G E F R O M L H B S
  • 10. # O M N I X C O N F | @ M A R S I N T H E S T A R S I M A G E F R O M L H B S
  • 11. WHAT IS VOICE UI? The future is calling
  • 12. # O M N I X C O N F | @ M A R S I N T H E S T A R S EXAMPLES OF VOICE UI UI That Listens (Speech Recognition) Speech to Text apps (e.g. Dragon, or Google Voice) Evernote Midomi ToDoist Netflix Xbox UI That Listens and Responds Siri Cortana Amazon Echo Google Home Interactive voice response (robot phone operators) Cue robot
  • 13. # O M N I X C O N F | @ M A R S I N T H E S T A R S 13 VOICE VS. CONVERSATION Chatbots AI Assistants Alexa Skills Build a voice and tone Build a voice and tone Has a voice and tone Does not need an algorithm Requires an algorithm Does not need an algorithm Responds to trigger-words Responds to trigger-words Responds to trigger-words Transactional Transactional and informational Transactional or informational All content created by 1 company All content created by 1 company Collection of apps
  • 14. EXPECTATIONS ARE HIGH! # O M N I X C O N F | @ M A R S I N T H E S T A R S 14
  • 15. # O M N I X C O N F | @ M A R S I N T H E S T A R S 15 REALITY? WE’RE NOT EVEN HITTING THE LOWEST BAR V O I C E A P P L I C A T I O N P R O D U C T S T R A T E G Y , P H I L L I P H U N T E R
  • 16. # O M N I X C O N F | @ M A R S I N T H E S T A R S 16 WHAT’S THE PROBLEM? We are too focused on creating something “delightful” and not focused enough on creating something useful, intuitive, and human. Let’s make Voice UI useful.
  • 17. BIG PICTURE TIPS How much voice would a voice voice voice if a voice voice had a voice voice?
  • 18. # O M N I X C O N F | @ M A R S I N T H E S T A R S 18 “A conversational interface is any UI that mimics chatting with a real human.” –Conversational Interfaces, Explained VOICE IS VOICE
  • 19. # O M N I X C O N F | @ M A R S I N T H E S T A R S 19 1. IT’S A CONVERSATION Just like writing, you want to: • Consider the questions people state, and the questions they mean • Set the user up for success • Use language the audience will recognize • Match the tone to the situation
  • 20. # O M N I X C O N F | @ M A R S I N T H E S T A R S 20 EXAMPLE: LEMONADE HAS A CONVERSATION WITH YOU Question Answer Question Question Answer Answer
  • 21. # O M N I X C O N F | @ M A R S I N T H E S T A R S 21 2. SAY IT ALOUD AND USE NATURAL LANGUAGE You’re not building a chatbot, so you may be building one-off statements • Use active voice • Clarify the question • “What’s the capital of Alaska?” • “The capital of Alaska is Juno.” • Keep information brief – too much will get lost • Accept that most conversations will be transactional • Vary sentence structure, much like in writing
  • 22. # O M N I X C O N F | @ M A R S I N T H E S T A R S 22 EXAMPLE: VEHICLE UI REQUIRES SHORT, NATURAL LANGUAGE STATEMENTS A F A I L U R E S T O R Y T O D E S I G N V O I C E U S E R I N T E R F A C E # 1 , S U N K I M
  • 23. # O M N I X C O N F | @ M A R S I N T H E S T A R S 23 EXAMPLE: MEMORIZING COMMANDS IS HARD
  • 24. # O M N I X C O N F | @ M A R S I N T H E S T A R S 24 3. DON’T ASSUME CONTEXT Voice UI doesn’t have the context of the written word • There’s no surrounding navigation to tell visitors “where” they are • No headers to visually orient • No images • User flows are broader, more expansive “You have to map each voice request to a manually-curated query (i.e. create “all the dialog boxes” by hand).” - This is the Year of Voice
  • 25. # O M N I X C O N F | @ M A R S I N T H E S T A R S 25 EXAMPLE: ALEXA ONLY KNOWS WHAT IT’S TOLD What about questions like… Alexa, where’s the nearest doctor? (that takes my insurance) Alexa, where can I get a flu shot? (and does that place have them in stock?) Alexa, is Starbucks open today? (and are there holiday hours in effect?) Alexa, when does daylight savings time begin? (and does the country I am visiting this weekend observe it?)
  • 26. # O M N I X C O N F | @ M A R S I N T H E S T A R S 26 4. ACCESSIBILITY IS SUPER IMPORTANT • Written accessibility makes things visual and auditory • Captions • Alt-tags • Transcripts • Voice UI accessibility is about… • Accents • Cultural phrasing • Understanding lisps • Asking nicely for repeats • Offering options before users get frustrated or overwhelmed
  • 27. # O M N I X C O N F | @ M A R S I N T H E S T A R S 27 EXAMPLE: VOICE UI NEEDS TO BE ABLE TO “HEAR” E L E V A T O R R E C O G N I T I O N | B U R N I S T O U N
  • 28. # O M N I X C O N F | @ M A R S I N T H E S T A R S 28 5. VOICE SOUNDS DIFFERENT Even an audio team like NPR identifies difference in the phrases people use: “We started with a few questions: • What features might users most value in a voice-driven context? • How would the voice device respond in each scenario? (When should the device give a minimal response? When should it provide more verbose feedback? When should it provide no feedback and just perform the action?) • What should a conversation with NPR over VUI feel like? (When might users expect to provide additional information? What contextual information are users expecting? How much response information is enough?)” -Talking Back to Your Radio: How We Approached Voice-UI (NPR)
  • 29. # O M N I X C O N F | @ M A R S I N T H E S T A R S 29 EXAMPLE: NPR CHANGES THE TERMINOLOGY FOR VOICE T A L K I N G B A C K T O Y O U R R A D I O : H O W W E A P P R O A C H E D V O I C E - U I
  • 30. HOW DO YOU WRITE FOR VOICE? Your voice has a voice (and tone)
  • 31. START WITH VOICE AND TONE # O M N I X C O N F | @ M A R S I N T H E S T A R S A voice and tone accurately reflects brand personality. It supports communication goals and provides useful, usable content. Voice The voice, or personality, comes across in everything the brand “says” – every bit of help text, microcopy, messaging, etc. Tone Tone is a subset of voice; where voice is the overarching personality, the tone is the appropriate variation, given the specific situation.
  • 32. EXAMPLE: 18F # O M N I X C O N F | @ M A R S I N T H E S T A R S K A T E K I E F E R L E E , C R E A T I N G C O N T E N T F O R H U M A N S
  • 33. HOW DO YOU CREATE A VOICE (FOR VOICE)? # O M N I X C O N F | @ M A R S I N T H E S T A R S 1. Identify content goals 2. Create a message architecture 3. Define the voice 4. TEST! 5. Select relevant scenarios, and each scenario’s appropriate tone 6. Add the nuts and bolts: editorial guidelines
  • 34. EXAMPLE: MAILCHIMP # O M N I X C O N F | @ M A R S I N T H E S T A R S K A T E K I E F E R L E E , C R E A T I N G C O N T E N T F O R H U M A N S
  • 35. 1. CONTENT GOALS # O M N I X C O N F | @ M A R S I N T H E S T A R S The content goals are made up of a combination of audience needs and business objectives. To do that, first define: 1. Audience Define the audience(s) we are speaking to 2. Audience Goals List out prioritized audience goals 3. Business Objectives List out prioritized business objectives What Makes it Voice-Specific? It’s Not! But you should still consider: • Why do you offer this as a voice product? • How will voice UI help your audience reach their goals?
  • 36. START WITH VOICE AND TONE # O M N I X C O N F | @ M A R S I N T H E S T A R S K A T E K I E F E R L E E , C R E A T I N G C O N T E N T F O R H U M A N S
  • 37. START WITH VOICE AND TONE # O M N I X C O N F | @ M A R S I N T H E S T A R S K A T E K I E F E R L E E , C R E A T I N G C O N T E N T F O R H U M A N S
  • 38. 2. MESSAGE ARCHITECTURE # O M N I X C O N F | @ M A R S I N T H E S T A R S A message architecture serves as a guidepost for future decision making. These themes are distilled from our audience needs and business objectives. The message architecture themes will drive tactical decisions about content and how we prioritize, organize and present information. When in doubt, return to the message architecture to ask: does this decision support our architecture? What Makes it Voice-Specific? It’s Not! But you should still consider: • A message architecture should be what helps your team identify if voice UI is right for you. • But if you’re already committed, use the message architecture to check that voice UI will help uphold your pillars.
  • 39. MESSAGE ARCHITECTURE THEMES # O M N I X C O N F | @ M A R S I N T H E S T A R S A message architecture is typically made up of 4-6 pillars. Write down your pillars, and for each one consider: How People Will Describe Us This should be specific to the pillar: how will people describe us that tells us we are aligning with this pillar. i.e. if one pillar is that we are a technology-driven influencer, what will people say about us that reinforces that? Content/Design Implications These may come from behavior change recommendations, client requests, or known best practices. Examples: Scaffold learning; Use X technology; Allow users to track their work; Use gamification to do X; Personalize elements to do X; Create mobile-friendly content (etc.)
  • 40. EXAMPLE # O M N I X C O N F | @ M A R S I N T H E S T A R S A message architecture is typically made up of 4-6 pillars. Write down your pillars, and for each one consider: How People Will Describe Us Supportive. Company X is a caring, passionate, and friendly community that helps me pay my bills. The coaches have a genuine desire to pay-forward their own rewarding experience. Content/Design Implications Customer support should always be available. Chatbot is very important for hours coaches are not available. All personalized or automated elements need to be well explained, and never appear to be preset.
  • 41. 3. VOICE # O M N I X C O N F | @ M A R S I N T H E S T A R S The voice, or personality, comes across in everything the brand “says”. To create a voice, go back to your themes and how you said people would describe you. Make a list of 20-50 adjectives that align with your message architecture. Then remove duplicates and redundancies, and whittle your list of adjectives down to 6-8. These 6-8 define your voice. What Makes it Voice-Specific? It’s Not! But you should still consider: • Your voice will need to be consistent across multiple channels (including voice UI). • If you’re using Alexa Skills, there’s already a voice there. How will your voice align with Alexa’s?
  • 42. TO CREATE YOUR VOICE, FOR EACH ADJECTIVE DEFINE: # O M N I X C O N F | @ M A R S I N T H E S T A R S Why it Matters What we know about users. How We Do it Describe what this voice means/sounds like. What it Sounds Like (Written) Not… 1-2 sentence example 1-2 sentence example What it Sounds Like (Voice) Not… 1-2 sentence example 1-2 sentence example
  • 43. EXAMPLE: EMPATHETIC # O M N I X C O N F | @ M A R S I N T H E S T A R S Why it Matters Our audience fears they are being judged for not paying their bills on time. Empathy is key to reducing their fear of judgment. How We Do it Express sympathy and understanding for members’ decisions, beliefs, and motivations. What it Sounds Like (Written) Not… Of course you want to pay your bills, but sometimes life gets in the way. Let’s make a list of some of the reasons you want to pay your bills. Pay your bills on time. Otherwise you’re causing more problems for yourself. What it Sounds Like (Voice) Not… Do you want to call your coach? You didn’t call your coach yesterday. You need to call now.
  • 44. 4. TEST # O M N I X C O N F | @ M A R S I N T H E S T A R S You can usability test a voice UI without a fancy developed prototype! Just use the “Wizard of Oz” approach. It was pretty much invented for voice UI… in 1984.
  • 45. 5. TONE: WHAT DO WE SOUND LIKE WHEN… # O M N I X C O N F | @ M A R S I N T H E S T A R S Scenario #1 (common scenarios: first interaction, giving bad news, congratulating, explaining something, setting goals) Scenario #2 Scenario #3 Scenario #4 Scenario #5 Scenario #6
  • 46. TO CREATE YOUR TONES, FOR EACH SCENARIO DEFINE: # O M N I X C O N F | @ M A R S I N T H E S T A R S Key elements Describe the tone and why it is appropriate for this specific scenario How we do it Give concrete examples, such as “restate the question” What it sounds like 1-2 sentence examples What Makes it Voice-Specific? • Tone is intended to help for various scenarios… but don’t forget to include examples of the channels where someone might encounter a scenario.
  • 47. EXAMPLE: MAILCHIMP # O M N I X C O N F | @ M A R S I N T H E S T A R S K A T E K I E F E R L E E , C R E A T I N G C O N T E N T F O R H U M A N S
  • 48. 6. EDITORIAL GUIDELINES # O M N I X C O N F | @ M A R S I N T H E S T A R S While the voice and tone convey your brand personality, following best practices and your editorial guidelines gives your content structure and consistency. Many editorial guidelines will change from one project or brand to the next. The important thing is to stick to them for consistency. What Makes it Voice-Specific? • Editorial guidelines MUST change to accommodate the differences between voice UI and written text.
  • 49. QUESTIONS TO DETERMINE EDITORIAL GUIDELINES # O M N I X C O N F | @ M A R S I N T H E S T A R S • What grade reading level are you writing for? (7th grade is appropriate for most situations – written. What about voice?) • Are you writing in 1st, 2nd, or 3rd person? Why? • Do you use slang? • What punctuation do you prefer? • What pronouns do you use? • What abbreviations do you use (if any)? • Do you use complete sentences? • Do you use Active Voice? • Break content into easily digestible chunks with bullets, subheads, etc. – but how small? • Write clearly and concisely – what are examples for voice vs. written text?
  • 50. IN CONCLUSION Let me ’splain… No, there is too much. Let me sum up.
  • 51. VOICE UI IS A TOOL. USE IT WELL. # O M N I X C O N F | @ M A R S I N T H E S T A R S
  • 52. Litmus Live 2017 52 THANK YOU Omnichannel 2020 Marli Mesibov marli@madpow.com marsinthestars Mad*Pow

Editor's Notes

  • #4: We handle complex industries
  • #5: Plenty of devices. It’s a trend, it’s super exciting. And we’re at a good place to start talking about the UX. They’re complex (like stuff MP works with) Example of Mike with timers
  • #6: What types of interactions count as errors?
  • #7: We’ve moved up to the reliable section. Now it’s time to make it usable and convenient. People are jumping from functional to significant – and it’s failing. We need to think about it and actually achieve it, by taking small steps.
  • #10: How did we get here? It’s been a long time in coming.
  • #13: When you look at the list, there aren’t a lot of situations where content creators are writing voice UI conversations. Who are you working for? Are you at a big company?
  • #14: What are people asking you for when they say “Voice UI?” You’re likely working on one of these three things. Sometimes we confuse “conversational UI” with “UI that can have a conversation”
  • #20: Talk about trust
  • #21: Lemonade – a rental insurance company
  • #23: - People’s speaking ways are all different: ‘Call John Smith’, ‘John Smith making a call’, ‘Would you call John Smith?’, and ‘Phone call John Smith’. Let people know the commands they can give Short statements! Confirm whether you’ve heard the speaker
  • #36: Is VoiceUI even the appropriate step?