The Microcopyist: Cancellation, Confirmation, Conflagration

Writing microcopy for destructive actions

One of the marvellous things about UX writing is that you’ll inevitably write yourself into some torturous and impossible-to-fathom linguistic corners.

One day, your mind boggles over whether to hyphenate or not hyphenate a lesser-known phrase. The next, you forget what sanity feels like when someone asks you to write microcopy for unknown errors.

Slack borrows from a defunct MMO to evade error message insanity.

All the while, you’ll have to justify your decisions to the voice, tone, and data deities. But never forget, young writer: You did this to yourself.

In this quick story, I’ll walk you through one of my recent microcopy conundrums.

A new wrinkle: cancellation confirmation microcopy

Typically, I can cure most microcopy hiccups through a combination of brainstorming with my collaborators and remembering that people don’t read interfaces.

But the other day I bumped into an unfamiliar puzzle. I was writing about order cancellation usability issues and needed to sketch out a few interface examples. That’s when I realized I had wandered into a trap:

My experience as a UX writer told me that the primary button should be the action that the button initiates. In this case, Cancel Order. So what’s the secondary button, and how might it influence the primary?

How do you write button copy for a destructive task?

I cobbled together some meager copy options while my brain began to fizzle.

The nuance here is that that primary action the user will take is destructive in nature. Because the order will be canceled, there should be absolutely no ambiguity between the primary and secondary actions. And it’s this ambiguity that really matters (to me, anyways).

Notorious podcast spammer Squarespace keeps it simple. Too simple, maybe.

From my perspective, the choice between Cancel and Confirm in a Cancel Order dialog is unmistakable. But I am not my users, and for a large percentage of folks who use e-commerce sites, the difference won’t be so clear.

I took this question to one of my favorite discussion groups and and received two very helpful answers.

1. Nevermind

Andrew Schmidt, who writes at Slack, had been there before:

“Oh yeah. I backed myself into that exact same corner recently — having to write a confirmation dialog for an action called Cancel Invitation. That’s no fun. I settled keeping Cancel invitation as the confirmation button, in red (because it’s destructive), and using Never mind as the “close this dialog and go back” button.”

One consideration you might want to ponder with this particular direction is tone. Never Mind might work for a product like Slack, where the audience is one that’s accustomed to clever, well-executed copy. Some writers, however, might argue that this type of casual language is inappropriate for a more traditional audience. They might be right. But my gut tells me this is more likely a matter of fearing your stakeholders than it is accommodating for your product voice and tone.

2. Keep the thing

Michael Strickland, Director of Content Design/Strategy at Charter Communications, referred to a different but still relevant scenario. Rather than an order cancellation dialog, he outlined his team’s simple approach to deleting recordings.

“We use cancel the thing and keep the thing.”

Presumably, it looks something like this:

Mike also called our attention to the following example, for which I am infinitely grateful:

Interface copy so bad, it’s almost beautiful.

Thanks to Andrew and Mike for their feedback!

This article was originally published on Jason’s Medium page.

Get started with Marvel Enterprise

Get started with Marvel Enterprise

From CEOs to marketing, get your entire organisation collaborating in one place.

Get started with Enterprise

Jason is a UX research analyst and writer at The Baymard Institute. His favorite piece of punctuation is a serial comma and his least favorite interface element is a drop-down menu.

Related Posts

There are lots of great tools for drawing wireframes today. However, I still prefer my good ol’ paper wireframing kit. In this post I’ll tell you why and explain how paper wireframing will make you a better designer. In 2012 I was planning on taking my wireframing skills to the next level. I had gotten the excellent app Paper by… Read More →

Your portfolio is a story about you and your work — your expression of growth through all the obstacles, surprises, successes and failures. This is your epic. Illuminate the arc of your career and why you matter. For the audience, your portfolio showcases your problem-solving superpowers, hard and soft skills, and your ability to reflect upon your successes and failures…. Read More →

Animation is a big part of user experience. When it comes to transitions in mobile apps, there are a lot of things you can communicate very subtly with animation. Send the message, open Settings, check the box, navigate to another page — these are all moments of change. Animating a transition is an excellent way to reinforce the user’s action…. Read More →