Design

UX Writing: The Small Words That Make or Break Your Product

A button that says 'Submit' and one that says 'Get my free quote' can perform very differently. Here's how UX writing and microcopy quietly decide whether people finish what they started.

TwoPixelTwoPixel Team
Fewer drop-offs
Same design, better words
TwoPixelTwoPixel/ UX writing Microcopy
Before
Invalid input
Submit
After
sam@company
Missing the “.com” part?
Get my free quote
No card needed

Teams spend weeks on layouts, colours, and illustrations, then write the button label in thirty seconds. "Submit." "Click here." "An error occurred." Those tiny bits of text are often the last thing a user reads before they decide to act, or to leave.

UX writing is the craft of making the words inside a product as considered as the design around them. It's one of the cheapest, fastest improvements you can make to a website or app, and it compounds across every screen. This guide covers where microcopy matters most and the rules that make it work.

0-5 words
Ideal button label
0
Action per message
0
Blame on the user
Key takeaways
  • Label buttons with the outcome the user gets, not the mechanical action.
  • Error messages should say what happened and how to fix it, without blaming anyone.
  • Empty states are an invitation: tell people what goes here and how to start.
  • Write a short voice guide so every screen sounds like the same brand.

What is UX writing?

UX writing is the practice of designing the text people interact with in a digital product: button labels, form fields, error messages, empty states, onboarding, tooltips, and confirmations. That small, functional text is called microcopy. Unlike marketing copy, which persuades someone to arrive, UX writing helps them get things done once they're there. Good UX writing is clear, concise, useful, and consistent, and it's designed alongside the interface rather than added at the end.

Buttons: say what happens next

A button is a promise. Generic labels like "Submit" or "Continue" make the user work out what they're agreeing to. Specific labels remove that doubt and remind people why they're clicking.

Vague
  • Submit
  • Click here
  • Continue
  • Sign up
Specific
  • Get my free quote
  • Download the checklist
  • Review my order
  • Start my 14-day trial

A useful test: could the user predict exactly what happens next from the button alone? If not, rewrite it.

Forms: reduce doubt at every field

Forms are where conversions quietly die. Good microcopy answers the questions people have before they hesitate:

  • Use visible labels, not placeholder-only fields. Placeholders disappear when people type, and are harder to read for many users.
  • Explain why you're asking. "We'll only call if there's a problem with your order" makes a phone field feel safe.
  • Show format hints upfront. Tell people the password rules before they fail them, not after.
  • Mark optional fields. Or better, remove them.
  • Reassure near the button. "No card needed" or "Unsubscribe anytime" right beside the call to action.

Error messages: helpful, human, and specific

"Invalid input" tells the user they've failed without telling them how to succeed. A good error message does three things: it explains what went wrong in plain language, tells them how to fix it, and keeps their work intact.

Unhelpful
  • Error 422
  • Invalid email
  • Something went wrong
  • Password does not meet requirements
Helpful
  • We couldn't save that. Check your connection and try again.
  • That email looks incomplete. Is it missing an @?
  • Payment didn't go through. Your card wasn't charged.
  • Add at least one number to your password.

Empty states and confirmations

An empty dashboard that just says "No data" is a dead end. An empty state is the best moment to explain what belongs there and offer the single next step: "No projects yet. Create your first one in under a minute." Confirmations work the same way in reverse: tell people it worked and what happens next, such as "Booked. We've emailed your confirmation and we'll text you the day before."

Good microcopy also matters for accessibility: descriptive link text, clear labels, and specific errors help screen reader users just as much as everyone else.

Consistency: write a tiny voice guide

Products often sound like five different people wrote them, because five different people did. A one-page voice guide fixes most of that. Decide your tone (friendly but direct, for example), your preferred terms ("workspace" or "project", never both), how you address users, and a handful of examples. Keep it next to your design system so words and components evolve together, and it becomes part of your brand identity rather than an afterthought.

Step by step

1

Audit your key flows

Screenshot sign-up, checkout, and contact flows and collect every bit of text.

2

Rewrite buttons as outcomes

Replace generic labels with what the user gets when they click.

3

Fix your forms

Add visible labels, explain sensitive fields, and show format hints upfront.

4

Rewrite error messages

Say what went wrong and how to fix it, in plain language.

5

Design empty states

Explain what belongs there and offer one clear next step.

6

Write a voice guide

Document tone, terminology, and examples so every screen stays consistent.

Frequently asked questions

Copywriting persuades people to take interest, such as headlines, ads, and landing page messaging. UX writing helps people use a product once they're there: buttons, forms, errors, onboarding, and notifications. The two overlap, but UX writing prioritises clarity and task completion over persuasion.

Yes. Small changes to button labels, form hints, and reassurance near a call to action regularly reduce hesitation and drop-off, because they remove uncertainty at the exact moment someone decides. It's one of the lowest-cost improvements to test.

Usually two to five words. Long enough to describe the outcome specifically, like 'Get my free quote', and short enough to scan instantly. Start with a verb and focus on what the user gets.

Whoever designs the screen should draft it alongside the layout, not after. A short voice guide and a review in your design process keep it consistent. For key flows like sign-up and checkout, it's worth having a specialist review the words.

TwoPixel
Written by
TwoPixel Team

TwoPixel is an indie digital studio run by two founders who ship production-grade SaaS MVPs, web apps, and AI automations for startups across the US, UK, Canada, Australia, the UAE, and New Zealand.

More about us

Make every word on your product pull its weight

We design interfaces and write the words inside them together, so buttons, forms, and error messages guide people to finish what they started. Want a fresh pair of eyes on your sign-up or checkout flow? Let's take a look.