voice & tone - user interface engineering - usability ... and tone creating content for humans...

33
Voice and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch your tone Know when to keep a straight face Be honest Find your voice Speak onto the page Watch your tone Know when to keep a straight face Be honest

Upload: trinhdien

Post on 10-Mar-2018

239 views

Category:

Documents


7 download

TRANSCRIPT

Page 1: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Voice and ToneCreating content for humans

@katekiefer

voiceandtone.com mailchimp.com

Find your voiceSpeak onto the page

Watch your toneKnow when to keep a straight face

Be honest

Find your voiceSpeak onto the page

Watch your toneKnow when to keep a straight face

Be honest

Page 2: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Ask questionsWhat does your company do?Why did you start your company?Why do people visit your website?Who are your customers?What other companies do you admire?

Page 3: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

If your brand were a person, how would you describe them?

Show me a few examples of content that suits your brand.

What other companies do you admire?

How do you want people to feel when they visit your website?

Ask questionsIf your brand were a person, how would you describe him or her?Show me a few examples of content that suits your brand.How do you want people to feel when they visit your website?

MailChimp is

fun but not childish.clever but not silly.powerful but not complicated.smart but not stodgy.cool but not alienating.informal but not sloppy.helpful but not overbearing.expert but not bossy.

Page 4: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Design persona (Aarron Walter)

Voice guidelines

company's missioncontent typesspeci!c content examplesbrand traitspersonality explanationreader/customer typesvisual guidelines

Page 5: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Yaaaawn.

styleguide.yahoo.com

Page 6: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

"It is insight into human nature that is key to the communicator's skill. For whereas the writer is concerned with what he puts into his writings, the communicator is concerned with what the reader gets out of it. He therefore becomes a student of how people read or listen."

William Bernbach

Find your voiceSpeak onto the page

Watch your toneKnow when to keep a straight face

Be honest

Page 7: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

"A good teacher I know, Jennifer Auger, has a simple but e!ective technique for the writing classroom. When her students have blah voiceless writing, she makes them speak the following words to her before reading their text: 'Listen to me, I have something to tell you.'"

Peter ElbowVernacular Eloquence: What Speech Can Bring to Writing

Jerrold, a Nerdbot

Page 8: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

��������

�� ��������������������� ���� ��������������� ��������������� ����������������������������������� ������������������

�����

���

Any questions?Next up:Watch your toneKnow when to keep a straight faceBe honest

Page 9: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Find your voiceSpeak onto the page

Watch your toneKnow when to keep a straight face

Be honest

Page 10: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Style guide: content types

"e app

"e application is MailChimp’s heart. Its language helps people along as they create, send and track email campaigns. People using the app already know and love MailChimp, so we can have a little fun with the language–though our priority is helping them get their work done quickly.

Why we do it: Duh.

Microcopy

Microcopy is that small but oh-so-important instructional copy that you usually see in forms and feedback messages. It might remind a user that her password has to contain a number or explain that email communication will only be used regarding a speci#c order. We also call it “help text,” and you see it both in the app and on the public site. It’s short and to-the-point.

Why we do it: To help users complete tasks.

MailChimp newsletter

MailChimp’s email newsletter is a company update written by our CEO, Ben. It’s full of photos, stories, experiments, links and announcements for customers who want to know more about MailChimp. It’s casual and entertaining.

Why we do it: To give customers more MailChimp news and provide an occasional behind-the-scenes look at how the company works. We are an email service, after all.

Mascot’s jokes: an extra layer of humor

Page 11: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Compliance alert: bad news

Plutchik’s Wheel of Emotions

Page 12: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

"If advertising had a little more respect for the public, the public would have a lot more respect for advertising."

James Randolph Adams

To determine your tone of voice, consider:

1. Content type2. "e reader's emotional state

Page 13: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Ask yourself

What situation is the reader in that's bringing her to this content?What situation will this content put her in?How does the reader feel right now?How will this content make her feel?What can I do to maintain the reader's state of mind or put her in a better one?

Touchy subjects

health and medicinereligionpoliticsmoney and bankingprivate informationfundraising

Sensitive content types

help contentcontact pageFAQformsprivacy policies and terms of usefailure messages and alerts

Page 14: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

"No tears in the writer, no tears in the reader."

Robert Frost

"No tears in the writer, no tears in the reader."

Robert Frost

Page 15: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch
Page 16: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch
Page 17: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Tufts University’s voice and tone guidelines

Tufts University’s voice and tone wiki

wikis.uit.tufts.edu

Page 18: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Tufts University’s voice and tone guidelines

wikis.uit.tufts.edu

Indiana University Alumni AssociationIU Alumni Association’s word oppositions

alumni.indiana.edu

Page 19: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

be.macmillan.org.uk

Macmillan Cancer Support’s writing guide

be.macmillan.org.uk

Page 20: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Gov.UK’s style guide

Some examples(and mistakes I’ve made)

Page 21: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

WRONG tone of voice

Playful tone of voice

Page 22: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Obama campaign’s unsubscribe screen

$ickr.com/whitehouse

Page 23: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Romney campaign’s unsubscribe screen

Photojojo’s unsubscribe form

Page 24: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Photojojo’s unsubscribe screen

Tea Muse’s unsubscribe screen

Page 25: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

""e consumer isn’t a moron. She is your wife."

David Ogilvy

Find your voiceSpeak onto the page

Watch your toneKnow when to keep a straight face

Be honest

Page 26: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Current 404

mint.com 404

404 reject

Page 27: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Woot’s product description

woot.com

Woot’s contact page

woot.com

Page 28: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

More questions!Next up:Be honest

Find your voiceSpeak onto the page

Watch your toneKnow when to keep a straight face

Be honest

Page 29: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Warby Parker’s roots

warbyparker.com

Warby Parker’s library

warbyparker.com

Page 30: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Warby Parker’s writing guide

Warby Parker’s story page

warbyparker.com

Page 31: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Oh, really?

makersmark.com

“We’re humbled by your overwhelming response and passion for Maker’s Mark. While we thought we were doing what’s right, this is your brand – and you told us in large numbers to change our decision.

You spoke. We listened. And we’re sincerely sorry we let you down.”

Maker’s Mark’s apology

Page 32: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

"I’ve learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel."

Maya Angelou

Page 33: Voice & Tone - User Interface Engineering - Usability ... and Tone Creating content for humans @katekiefer voiceandtone.com mailchimp.com Find your voice Speak onto the page Watch

Thanks.

@katekiefer

voiceandtone.com mailchimp.com