Notes from Google I/O 2017 on choosing the right words

Writing is easy. All you have to do is cross out the wrong words. (Mark Twain)

Topics covered:

  1. Introduction to Content Strategy
    Maggie Stanphill, UX Director, Content Strategy, Google
  1. Three UX Writing Best Practices
    Alison Rung, UX Writer, Google
  1. Building Brand voice for your new Product
    Julian Appenrodt, UX Write, Google
  1. Your UX Writing Checklist
    Maggie Stanphill, UX Director, Content Strategy, Google

Introduction to Content Strategy

Google follows the principle, focus on the user and all else will follow. Focusing on the user starts with the content.

Content strategy is the crafting and development of all product messaging. UX writing is a speciality within this discipline. It focuses on helping users achieve their goals with language.

Language helps the user get where they want to go. By focusing on what the user wants to achieve, content strategy builds loyalty and trust.

Google UX Image

How Google incorporates UX Writing within UX

Writers work with designers to think about information hierarchy on the page. This, then guides user actions. Writers work with researchers to test hypothesis about language and inform our insights.

When you have the foundation of UX writing and you add brand voice, something amazing can happen. UX writing can survive with the fundamentals, but it can thrive with brand voice.

Google UX Image

Oh don’t use big words. they mean so little.

(Oscar Wilde)

Three UX Writing Best Practices

Clear

Often words used are software problems and not people problems. Pay attention to verbs. A verb is an action word, it tends to be the most powerful part of your sentence. In a perfect world it will relate to some action to the user.

For clarity we remove technical terms and put the action in the context of the user.

Google UX Image

This is especially important when you’re writing a product announcement or an app update. Currently, focus is on the technical specs of the new feature you’re releasing. Instead focus on the new action that people can perform. Jargon free offers context.

Concise

Concise doesn’t only mean short, it means something closer to efficient. When we are writing with concision, we look at our message and make sure every word on the screen has a distinct job.

Google UX Image

The above is a common problem in product writing. Here we don’t need the header. This is typical in interfaces. Because the design field shows some pre-existing text field, we feel we need to fill it in. You should avoid this, when you can instead practice content first design.

Content first design makes sure your visuals are inline with what you’re trying to say. Not the other way around. Try not jam your message in boxes that weren’t meant for them.

Try to have designers work in parallel with writers.

Google UX Image

Here we’ve removed the header. As you know we don’t read every word on screens, we scan.

We know that peoples eyes follow an F shaped pattern as they read over the screen. They read the first line, the second line, then start skipping down the page, catching only the first or second word of each sentence. For this reason we keep our text not only concise but also frontloaded.

Frontloading means to put your important concepts first. This is so people’s eyes catch those important words as they skip down.

Google UX Image

Above, most of the words are at the end of the sentence. We can fix this by flipping it around with the below.

Google UX Image

You won’t always be able to do the above. The principle will always hold true and you can use it anywhere you’re writing for screens. Keep the most important text up front and then ruthlessly edit what comes after it.

Google UX Image

Useful

The call to action (CTA) guides people to their next step. You want your text to help people get where they want to go. For this reason the call to action needs to resonate with what people want to do. Here ‘OK’ is not a good call to action.

Google UX Image

‘Try again’ is a good option instead. This isn’t all we need. We need to give them an option if they’ve forgotten their password. If you forget your password and your only option is to ‘try again’ then you’ll be frustrated.

Google UX Image

Paying attention to writing and the people you’re writing for is so important. It can uncover some of the basic functions that your app or website needs to offer. If you don’t think of those edges cases and write for them, you might see some drop off in usage.

Google UX Image

Best practice wrap up

If you pay attention to these three principles you’ll connect better with your users.

Google UX Image

Good UX writing is not a science.

These three principles are not always in harmony. There is a kind of tension between them. They are competing with each other.

Google UX Image

When we made the text clear it’s still pretty long, and not so scannable. When we made the text concise, it made it shorter but at the expense of some clarity. Finally when we made the text useful it became longer again and became less scannable.

Consider your users context and you’ll find the right balance between these principles. Think about what they want to do in the moment.

You can also look towards your products brand voice. Your brand voice should create the right balance of clear, concise and useful. This should be true to your products character.

Think about your products core function and you’ll begin to find the elements of that character. Then think about what makes it special, how it’s differentiated.

Below is what Google would do inline with their own positive brand voice. We don’t like to lead with a negative words like ‘wrong’. We are also ok to have a the text a little longer, a little less concise, to be friendly and chatty. Now the message below sounds like Google. It doesn’t mean it’s right for your brand. It’s up to you to build your own brand voice for you own product.

Google UX Image

Make the most of your words.

(Claire Savage)

Building Brand voice for your new Product

Brand principles

Start with a set of brand principles. These can be 3 or 4 adjectives that embody your brand, and how you want people to perceive it. To come up with these adjectives you can do a brainstorming exercise.

Imagine you are signing up your product to a dating site.

What words or info would you put in your products profile? What is it about your product that you think would make it stand out, or seem most interesting to people?

What would make them want to swipe right and want to learn more?

You can then distill these qualities into descriptive words. These will then will become your brand principles.

With Google Pay the principles were: fresh, empathetic and approachable.

Now you have your brand principles. The next step is what these principles will sound like when you apply them to your writing. These will then become your writing guidelines.

Google UX Image

Tone

You can then take it one step further and think about what your voice will sound like in different contexts. This is tone.

An easy way to remember the difference between voice and tone, is to think about it like a person. A person’s voice stays the same. The tone they talk to you in may change, depending on the situation or what they’re saying.

In an app this might be like talking to users in a different way for different circumstances.

Tone spectrum

For Android Pay we mapped these different moments on a user journey. We did it in a tone spectrum ranging from serious to whimsical. This makes sure that we are using our voice in a consistent way across the entire user experience.

For your product the two ends of the spectrum might be called something different. Your tone might range from informative to inspiring or direct to humorous. Once you have created your two ends you then need to determine what moments in the user journey you’re going to map.

A good way to do this is to think about the distinct milestones or interactions in your user experience. These can be things like on-boarding, education or troubleshooting.

To help you decide where these will fall on the spectrum, you can then think about:

  • What is the users goal
  • What they might be feeling in that moment
  • What you’d like them to feel

Google UX Image

Now do some UX writing

So you established your voice and you have mapped your tone. Now it’s time to apply both of these and do some UX Writing.

It’s time to decide what words will go in your user interface. This ends up being a combination of everything we’ve talked about today.

To be successful your interface text needs to:

  • Be Clear
  • Be Concise
  • Be Useful
  • Reflect your brands natural voice

To show you how we get there we can walk through how the UX writing process looks like.

As an example lets try to see what we say to the user, the first time that they use Android Pay. We can guess that they’re curious. So we want to tell them what they can do with the app, as well as give them reason to move beyond this screen and set it up.

Step 1

At the beginning of the process we start with something descriptive like the below.

Google UX Image

Step 2

We then think about the three principles of good UX Writing. The text is clear and useful, but it’s not concise. We look at what pieces of information are essential. What parts could use visuals instead? We edit it to something like the below.

Google UX Image

Step 3

We’ve ticked off clear, concise and useful and now we need to think about tone. We’d ask ourselves, does this text convey our brand? Not too much, it fells pretty generic.

So going back to our brand principles we think about how we can make it fresher and more exciting. Even whimsical as this might be our first impression on the user.

In our final iteration we end up with something like this.

Google UX Image

A/B Testing

It’s a little longer than before, but adding a little personality can do this. It’s up to you whether infusing this personality is worth the words. This is not always a clear decision. If you’re not sure whether some words will be more effective than others then A/B test them.

Google UX Image

When trying to find the right words for your product never underestimate the power of A/B testing.

We ran an A/B test on the start screen on Android Pay. We changed the button from ‘add card’ to ‘get started’ and it resulted in a 12% increase in click throughs.

Google UX Image

A/B testing is a great way to confirm a hypothesis you might have. Or to decide between two different versions of text you’re not sure which will connect more with your users.

Bad writing slows things down. Good writing speed them up.

(Ken Roman)

Your UX Writing Checklist

With this checklist, you’re on your way to make your product stand out with language.

Standout UX Writing Checklist

ALWAYS

  • User First:Focus on your users
  • Clear:Write in a language free of jargon, and with context
  • Concise:Write in a style that’s efficient and scannable
  • Useful:Write in a way that directs the next action
  • On Brand:Define your brand voice and apply an appropriate tone

WHENEVER POSSIBLE

  • User First:Choose language that performs, proven by research and A/B testing