5

Advanced techniques for writing good interfaces

 1 year ago
source link: https://uxdesign.cc/advanced-techniques-for-writing-good-interfaces-c030ae60150
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Advanced techniques for writing good interfaces

Feeling stuck? Here’s how to keep moving forward.

Three arrows pointing forward.

Good UX writing takes time. Time to simplify phrasing, make interactions clear, and craft every sentence in the product. But there’s only so much you can do when you’re rewriting. Sometimes good UX writing also involves rethinking.

Is this screen doing what it needs to? Are users clear about that? Do we even need this part of the onboarding that people are gonna want to skip?

I’ve found that rewriting the same thing over and over can be a dead end. If I’m making changes, but things aren’t getting better, it’s time to try fixing something other than the words.

The structure. The type styles. The storytelling on the page.

The next time you’re swirling through endless revisions and need a new idea to get unstuck, here are some techniques you can use.

Give CTAs more context.

Calls to action should be short and clear. But sometimes there’s an opportunity to give the user more info. Instead of cramming extra words into a button, add a few words nearby. Maybe there’s an important detail you want to share. Or an explanation about what happens next. And remember: these little snippets of text shouldn’t be written like CTAs. Don’t start with a verb and don’t use the imperative tense. The idea is to complement a button, not compete with it.

Three screens, each showing a button with helpful text underneath.
Try giving a call to action a little extra info underneath.

Play with syntax.

The right sentence structure can unlock the right interface. If you’re stuck, try different ways of saying the same thing. Turn a question into a statement. Or write something that uses a fill-in-the-blank technique. There’s only so much you can polish a single sentence. Sometimes you need to start over and find another way in altogether.

Three screens with different UI & syntax. The first is an open-ended sentence. The second is fill-in-the-blank. The third makes a statement.
Rewriting a sentence can create an entirely new UI.

Emphasize important word(s).

There are lots of ways to do this. In a bigger block of text, it’s most commonly done in italics. But in an interface? You can explore changing color, using different weights of the same typeface, and even mixing typefaces. (That last one is hard to do well and won’t work for every brand.) Whatever you choose, make sure the text reads cleanly without an added emphasis. Your writing needs to be accessible, and screenreaders won’t announce color, typeface, or italics.

Three screens with the same headline. The second half of the headline is styled differently on each, with a different color, weight, and typeface.
There are lots of ways to make important words stand out.

Get creative.

It’s okay to have fun with your writing — and with your layout. Is there something interesting you can do with the architecture of the page? A way to make the design more memorable, unique, unexpected? If it fits the brand and product, go ahead and have fun. You’ll add personality to an otherwise ordinary interface.

Three screens, each showing a playful way to describe free shipping. One plays with spelling, another repeats the phrase into a pattern, and the third puts the text in a circle.
Instead of making your writing simple, try making it playful.

Add short, precise labels.

Sometimes all it takes is a single word or two. Labels add a layer of information without stretching out a headline or cluttering an interface. They’re especially good at highlighting something new or helping people compare options. Next time you’re stuck, add an extra couple words up above.

Three screens each showing an example of a label in a digital product.
Short labels can work for features, prices, or headlines.

Set clearer expectations.

Have you ever taken a quiz that seemed endless? Or felt lost halfway through a signup flow? These experiences are annoying and avoidable. Good writing should help orient the user. Number the steps or questions. Be honest about how long things take. Explain what happens next.

Three screens, each showing a different kind of wayfinding. The first labels the steps in a flow. The second explains the time a feature takes. The third outlines the next steps over a few days.
Help users understand where they’re going and what to expect.

Be more specific.

Especially when you can’t get any simpler. Try writing with a specific voice, tone, or attitude. Or try being more pointed with your input fields to help guide users forward. Shorter pieces of writing can have an outsized impact on the user experience. Even if you’ve only got a few words, there’s always room to explore.

Three identical interfaces, with different headers and input helper text that guide the user with specificity.
Unique styles or word choice can make a big difference.

Delete as much as you can.

The best way to simplify an interface is to get rid of things. Reduce type styles, consolidate choices, and, yes, remove information. Maybe you don’t need that extra clarification in the subhead. Maybe three buttons can become two. A good writer revises their writing. A great one knows when to remove it altogether.

Three screens with varying levels of complexity. They get simpler as the writer deletes. The first screen is cluttered, the second is simpler, but the third is the simplest-and best.
Keep your interface clean. Fewer type styles, words, and buttons.

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK