Slide 1

Slide 1 text

DEVELOPING A VOICE FOR VOICE Michael J. Metts - @mjmetts | he/him Conversation Design Lead, Allstate Why writing is designing

Slide 2

Slide 2 text

Andy Welfle - @awelfle | he/him UX Content Strategy Manager, Adobe BIG THANKS TO THIS HUMAN

Slide 3

Slide 3 text

go.mjmetts.com/book WE WROTE A BOOK! 15% off when you pre-order.

Slide 4

Slide 4 text

Every interface has a voice.

Slide 5

Slide 5 text

Inspiration: https://signalvnoise.com/posts/3404-reminder-design-is-still-about-words

Slide 6

Slide 6 text

Inspiration: https://signalvnoise.com/posts/3404-reminder-design-is-still-about-words

Slide 7

Slide 7 text

“We expect things to be digital, but also, in many cases, physical. We want things to feel auto-magic while retaining a human touch. We want to be safe, but not spied on. We use words at our whim.” Abby Covert How to Make Sense of Any Mess

Slide 8

Slide 8 text

It's not a question of whether your interface has a voice or changes its tone. It's a question of how intentional you are about it.

Slide 9

Slide 9 text

“Customer Service Behavior included items that were related to the friendliness and politeness of the system, its speaking pace, and its use of familiar terms.” Melanie Polkosky, PhD Toward a Social-Cognitive Psychology of Speech Technology: Affective Responses to Speech-Based e-Service Source: https://www.researchgate.net/publication/33994535_Toward_a_social- cognitive_psychology_of_speech_technology_electronic_resource_affective_responses_to_speech-based_e-service In a study with 821 participants, customer service behavior was found to be one of the four most important usability factors out of 76 possibilities.

Slide 10

Slide 10 text

A QUICK PRIMER ON VOICE VS. TONE (using a few GIFs from The Little Mermaid)

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

Voice is who you are. Tone is how we respond to different situations. — Michael Haggerty-Villa, Intuit

Slide 14

Slide 14 text

How is the concept of voice used by design teams?

Slide 15

Slide 15 text

VOICE CHARACTERISTICS Facebook: Simple | Straightforward | Human Shopify: Trustworthy | Confident | Empowering Source: https://ux.shopify.com/shopify-s-voice-and-tone-guide-968539e06777 Airbnb: Straightforward | Inclusive | Thoughtful | Spirited Source: Marissa Philips, Advocating from the inside out: Motivating your team to evangelize their work, Confab 2017 Source: https://medium.com/facebook-design/getting-started-in-content-strategy-d7543ed22633 Slack: Clear | Concise | Human Source: https://api.slack.com/best-practices/voice-and-tone

Slide 16

Slide 16 text

VOICE CHARACTERISTICS IN DESIGN SYSTEMS Source: https://polaris.shopify.com

Slide 17

Slide 17 text

Source: https://polaris.shopify.com

Slide 18

Slide 18 text

Source: https://polaris.shopify.com

Slide 19

Slide 19 text

Source: https://polaris.shopify.com

Slide 20

Slide 20 text

Source: https://polaris.shopify.com

Slide 21

Slide 21 text

PATTERNS DESIGN SYSTEMS When it comes to conversational interfaces, we can create patterns that given them a voice.

Slide 22

Slide 22 text

How does tone fit in?

Slide 23

Slide 23 text

You (the interface) YOU Goal: What do you want the user to do? Mood: What feeling do we want to display to the user? Attribute: What qualities does this interaction have? How would you say things? USER Emotion: What might they be feeling when they encounter this message? Receptiveness: How open to this message is the user likely to be? Your user Scenario SCENARIO UI Type: What is this UI element? Location: Where in their journey might this user be? Exit Point: What will the user be encountering next after this message?

Slide 24

Slide 24 text

MOTIVATIONAL Your goal: To show user new features, get them excited about using a product — perhaps for the first time Your mood: Positive and passionate User’s emotion: Curious, possibly overwhelmed User’s receptiveness: Medium to high Tone attribute: Encouraging TONE PROFILE

Slide 25

Slide 25 text

Your goal: To fade into the background and present relevant information if needed Your mood: Neutral User’s emotion: Any User’s receptiveness: High Tone attribute: Straightforward INFORMATIONAL TONE PROFILE

Slide 26

Slide 26 text

1. START WITH STRATEGY 2. RESEARCH YOUR USERS 3. CRITIQUE THE DESIGN

Slide 27

Slide 27 text

1. START WITH STRATEGY 2. RESEARCH YOUR USERS 3. CRITIQUE THE DESIGN

Slide 28

Slide 28 text

"They’re directional statements that tell teams, 'Here’s where you’re going to focus your efforts for a defined time period.' In other words, strategy tells you what to do… and, by default, what not to do." Kristina Halvorson Co-author of Content Strategy for the Web

Slide 29

Slide 29 text

A design system that's not driven by strategy just helps you do the wrong thing more efficiently and consistently.

Slide 30

Slide 30 text

1. START WITH STRATEGY 2. RESEARCH YOUR USERS 3. CRITIQUE THE DESIGN

Slide 31

Slide 31 text

“If your audience doesn’t trust you, they won’t interact with you.” Sarah Richards Content Design

Slide 32

Slide 32 text

TYPES OF RESEARCH: Looking at numbers - A/B tests, analytics research, surveys Talking to users - Interviews, conversations Understanding vocabulary - Forums, Google Trends Observing users - Usability testing, contextual inquiry

Slide 33

Slide 33 text

Learning more about your users is always a good thing, no matter how small or limited the effort.

Slide 34

Slide 34 text

1. START WITH STRATEGY 2. RESEARCH YOUR USERS 3. CRITIQUE THE DESIGN

Slide 35

Slide 35 text

What's the difference between feedback and critique? Feedback is a quick, one-way reaction often grounded in opinion. Critique is critical dialogue grounded in objectives that helps us understand design decisions. Mia Blume defines it this way:

Slide 36

Slide 36 text

1. START WITH STRATEGY 2. RESEARCH YOUR USERS 3. CRITIQUE THE DESIGN

Slide 37

Slide 37 text

TONE VARIATION WORKSHEET Activity

Slide 38

Slide 38 text

STARTER SCENARIOS: A BANKING BOT • A user just created their bank account • A payment was just accepted by its intended recipient • A credit card on the user's account is about to expire • There was suspicious activity on the user's account, so they need to reset their password before they can sign in • The bank is offering an account credit if the user invites friends to sign up for an account

Slide 39

Slide 39 text

How did that go?

Slide 40

Slide 40 text

TESTING Activity

Slide 41

Slide 41 text

TESTING METHOD • Underline the things that are helpful • Circle the things that aren't helpful Ask your participant to: • Ask follow-up questions You should: • Use a verbal likert scale to measure voice characteristics, e.g. "Rate this from 1-7, where 1 is casual and 7 is formal" Want to do even more?

Slide 42

Slide 42 text

How did that go?

Slide 43

Slide 43 text

Thank you!

Slide 44

Slide 44 text

go.mjmetts.com/book THE BOOK