Why Product Designers Must Write

Is writing part of a product designer’s job? Let’s answer that question with another question: How many of us live within the limits of our job title? Sure, our expertise is designing products with engaging experiences — whether it’s researching, understanding audiences or creating wireframes. Our work also includes providing development specs and creating high-fidelity UIs. But to write? Someone else will do that…right?

You’re more than a designer. You’re a communicator.

Here’s the truth: The best product designers understand that every experience we create hinges on the reconciliation of words and product. An experience without thinking of its words is like trying to find a house using only relative landmarks; you might be on the right path but a street address sure helps you get there.

The words, sentences, and paragraphs that encompass an experience have a profound effect on a user’s feelings and whether they can accomplish what they set out to do. The call-to-action of a button can excite or confuse. Well-thought-out text placement may provide timely information, preempting rash decisions. The microcopy in an onboarding flow has the power to delight. But when it’s ill considered, it can turn people away. If you’ve ever thought writing is something only a copywriter can, or should do, imagine every project you’ve ever done or will do urging you to think again. Product designers can write. We must write. Here’s why.

Copywriting vs UX writing

As product designers, we need to understand how writing impacts the user experience. This will help us better guide and inform them as they navigate the products we help create. However, there’s a difference between writing in the traditional sense and writing for better, more engaging experiences.

Copywriting is the skilled process of writing to advertise, market, or sell a product or service. This type of writing can be short or long form, and it’s what we think of when someone mentions copywriting. Often we use placeholder text in lieu of copywriting while an experience progresses from wireframe to launch.

A punchy copy-written headline helps bed sheet retailer Brooklinen generate email newsletter signups

As UXers, while we have our focus set on optimizing products from an experiential perspective, copywriting complements them. When done seamlessly, it can make a banal interaction delightful. So while we don’t need to take on the long-form copy or the witty headlines, we do need to spot the places where the right copy will make all the difference in a user’s experience — and either provide that copy or let the team know we need it. And we should be comfortable taking on some UX writing where it makes sense.

UX writing (UXW) is all about the words that help facilitate interactions. Compared to copywriting, UX writing is more documentative and transactional, although at times it can be more far reaching than that. This doesn’t mean UXW has to be boring. UXW is the intermediary between traditional copywriting and complicated technical jargon a developer might write off-the-cuff in its absence. These pieces of text can strengthen, clarify, or even entertain.

UX writing “What’s the best time to meet” augments traditional copywriting as visitors learn about Microsoft Outlook’s Text Predictions feature.

UXW isn’t new — it’s a growing discipline related to product design. As new products and services are launched, users are becoming more and more sophisticated. Their expectations for simplicity and clarity are ratcheting up at every touchpoint, and their expectations extend to the words that facilitate them.

As product designers, most of us don’t have a formal background in writing or literature. Luckily, that doesn’t matter. Because in a large sense, we’re perfectly positioned to write for experiences. We’re already good at putting the needs of our users first. We may not think of ourselves as writers, but as you know, we’re excellent communicators. So as we’re working, we should think critically about how the language we use can add important context to interactions.

Product designers must be able to write for experiences.

UX writing can help prevent worst-case scenarios.

As product designers, we’re always striving to consider and put first the needs of our users. And in certain scenarios, it can be disastrous if we don’t — most notably in the financial and healthcare industries. These industries impact the health and well-being of users, so the product design process should treat them that much more carefully.

A cautionary tale from the financial industry

In what has become a black mark on the industry of product design, the story of 20 year old Alexander Kearns comes to mind. Alexander was new to stock trading and had performed what’s called an options trade; typically performed by investors with substantial trading experience. Options trades can result in temporary negative cash balances that don’t reflect an account’s actual buying power. After Alexander performed the trade he noticed what appeared to be a negative cash balance of nearly $1,000,000. Alexander panicked, worried he had incurred an insurmountable debt, and tragically committed suicide as a result. His parents would later find a note next to his computer where Alexander lamented he had “no clue” what he was doing.

Screenshot of what appears to be a negative cash balance of $730,165.72.

That was an extreme example of what can happen in the absence of clarity. And, the blame cannot be placed on UX writing alone, or lack thereof. From a product design perspective, there are likely many ways to mitigate disasters like these. For example, Fidelity’s trading app restricts certain types of trades based on level of experience, and requires an approved questionnaire to do so. Traditional copywriting could have also played a stop-gap role. Without more intimate knowledge of the specific circumstances, it’s impossible to say definitively what improvements could have been made; the point however, is that words matter.

Again, we must write for experiences.

A smart heads-up by a healthcare app

Healthcare is another arena where UXW can make a lifesaving difference. The healthcare app My Chart takes steps to keep users informed, relying heavily on words and less on UX patterns. In this example, bright red text relays the important message that the user may be about to see life-changing test results. This execution skews more toward traditional copywriting (and it appears that it may have been a hastily but wisely added afterthought), but the UX can recognize the importance of displaying such information and allocate the necessary room for it during the wireframing phase.

My Chart app considers both text and placement of text to keeps user’s informed of the potential they may see life-changing information.

Use your skills to help get the right words in place.

As product designers, we need to keep our users’ best interests top-of-mind and keep them informed as best we know how. Both UX writing and copywriting play an important role in that process, and the extent of the role you play can feel like a balancing act.

You may be perfectly at home copywriting paragraphs of content where needed. Or you may just plug in key phrases here and there, leveling up the UXW for the optimal user experience. Whatever your skill and comfort level, it’s all good — the important thing is, when the time comes, that you use your communication skills to know where writing is needed.

UX writing, for better experiences.

By now it’s crystal clear writing factors enormously in product design, whether it’s traditional copywriting or UXW. We’ve also seen how getting UXW wrong can have horrific consequences. But even when UX writing is not a matter of life and death, it still matters. Proof? Coming right up. Let’s take a look at some examples of where UXW is done right…and not so right.

Search, and results

In what seems to be total lack of consideration for the user, searching for content inside of the xFinity app can have a bad ending. In the next example, a search for “Superman” returns no results, and that’s precisely how bluntly the message is communicated. Compare that to what Netflix does in the same scenario; a cheeky message is displayed that informs the user in a humorous way.

No search results: XFinity vs Netflix

Even better, on the desktop experience, Netflix takes things one step further, showing options that are related to a search when there is no content that matches the query. The “Explore titles related to” microcopy thoughtfully and succinctly conveys the message.

Netflix desktop app: “Explore titles related to” takes no search results one step further.

Coinbase does a great job of taking every opportunity to show users their helpful, proactive side. Even down to the language in their search bar. Instead of standard, lackluster wording like “search,” they added warmth and personality. “How can we help you” is both conversational and professional. It reinforces brand tone and voice. Small opportunities present themselves to incorporate UX writing, and taking advantage of them can separate the average from the delightful.

Coinbase website: “How can we help you?” works as a conversational alternative to simply writing “search.”

Loading screens

This next example is one of my favorites. Webflow uses UX writing and microcopy to draw attention away from the time it takes for their application to load. When a customer logs into their account, the interface doesn’t just display a progress bar. They turned the moment into an opportunity to include instruction on what’s happening, interspersed with messages that anyone using their application will recognize. “Adding lens flares,” and “Making it pop” adds levity while the experience loads — time that is commonly wasted. Moments like these can easily fall outside the purview of traditional copywriting and are great for incorporating UXW.

Webflow: While the app loads UXW informs and adds levity while customers wait.

Negative vs neutral opt-out language

Online shopping is fraught with what most people describe as annoying interruptions. Pop-up windows, chat box notifications, cookie policies opt-ins and more disrupt our users’ intentions. Case in point, a pop-up on the CB2 website entices viewers to enter their email address to get a discount. To dismiss the pop-up, the user must click on the anchor text labeled “I’ll pay full price.” Negative opt-out language like this can make a user feel resentful or even angry. In fact, it’s used so ubiquitously in product design we’ve given it a name: confirm shaming. When writing CTAs it’s important to do it in a way that doesn’t offend or irritate more than the initial disruption. Simple language like “no thanks” in the example by GQ accomplishes the same result in a friendly way.

CB2 vs GQ: Neutral opt-out language avoids upsetting users.

UXW should never confuse

Creating interfaces that collect basic information is something we do every day. So, it’s surprising when interfaces get it wrong. Take this next example by CNN. For a website that’s all about the written word, the labels on their email capture form take a bit of effort to understand. Here, a visitor can sign up to receive the newsletter by clicking the “Summarize The News” button. Or confusingly, they may opt out by clicking the “Reject My Briefings” button.

CNN website: “Reject My Briefings” confuses instead of clarifies.

A better label might read “unsubscribe,” as that’s one visitors will be familiar with already. Even better is Spotfiy’s UX writing as they prompt listeners to sign up for email updates. “We saved a spot for your email” replaces what would normally be something along the lines of “enter your email.” Clear, concise and a great illustration of why an appreciation for and an ability to write for experiences is key.

Spotify website: “We saved a spot for your email” jazzes up a normal statement that might read “email.”

404 pages

Finally, let’s talk about error pages. It’s not uncommon for a web page to vanish into thin air. In this example, when a visitor hits Flinto’s 404 page they’re greeted with a blank screen and sterile message that reads “Page not found.” Not optimal.

Flinto’s website: Sub-optimal UX and UXW on 404 page.

In contrast, Stocksy’s 404 page jumps on the opportunity to add some personality to the experience. The headline and visual turn the 404 page into a moment of discovery — and even the CTA that reads “Go home” subtly ties into the overall visual and written concept . It’s clear that the UX designer considered this scenario, and it’s likely that the designer brought in a copywriter to help craft those words. Whether it’s you or a copywriter composing the words, it’s up to you to identify areas like a 404 page that will need attention and plan a strategy to give users the best possible experience.

Stocksy website: A great example of UX writing and traditional copywriting.

Final words

The examples I’ve covered here are some of the ways UX writing impacts product design. Our users deserve and expect thoughtfulness at every turn and tap. We may not write copy in the traditional sense, but we can definitely add value to an experience’s language as we craft the screens and flows that comprise our work.

To add a sharp point, UXW is more than writing witty pieces of text. Its main objective is to add clarity and fill in the gaps that traditional copywriting may miss. As product designers, it’s incumbent on us to recognize these cases and take appropriate measures.

That said, check out this microcopy generator — a handy thought-starter when you’re exploring ways to communicate different pieces of UXW and microcopy. And, for those of you interested in taking your writing skills even further take a look at Hemingway.

I hope I’ve given you some inspiration and knowledge about ways you can use words to plus-up the user experience in the work you do. We’ve all got writing chops to some extent. Even me — a senior full-time product design generalist. I’ll have more copy coming your way soon, so let’s stay in touch. You can find me on Twitter @jon_patterson, or reach me via my website at www.jonathanpatterson.com with any product design inquiries or questions.

--

--

--

Freelance Product Designer. Now: Celebrating a decade of freelance UX and UI design!

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

51261 Project 3: Type Specimen Poster

TERRA: Taking a step closer to nature

The Puzzler Project

#CaseStudy — AgriXpert, One Stop Agri Solution

Your Guide to Handmade Holiday Gifting

Can machine learning speed up UX research analysis?

How Restaurants Got So Loud

Tips for your UX writing portfolio when you’re starting out

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Jonathan Patterson

Jonathan Patterson

Freelance Product Designer. Now: Celebrating a decade of freelance UX and UI design!

More from Medium

How can web3 fundamentals change the game for designers?

How design thinking method helps to create successful products

The Art of UX/UI and How You Can Join the Journey

Web3 Mindset For UX Designers — Expedite Design