Currently looking for international opportunities in digital marketing & design.Let’s talk

Skip to content
Kavin P

Website Design

UX Writing and Microcopy: Small Words That Lift Conversions

By Kavin P · · 8 min read

Businessman adjusting his suit
Photo from Unsplash (unsplash.com/license)

Most visitors never read your long paragraphs, but they do read your buttons, form labels and error messages. Those tiny pieces of text are called microcopy, and the craft of writing them well is UX writing. Done properly, it removes hesitation and helps people finish what they came to do.

What UX writing and microcopy actually are

UX writing is the practice of choosing words that guide people through an interface. Microcopy is the small text inside that interface: button labels, menu items, form field hints, confirmation messages, empty states, tooltips and error notes.

Unlike a blog post, microcopy has a job to do in a single glance. It answers silent questions such as "What happens if I click this?", "Why do you need my phone number?" and "Did that work?"

Because these moments often sit right before a purchase, sign-up or enquiry, a few words can make the difference between a visitor continuing and leaving. Good microcopy is closely connected to conversion rate optimization, even though it rarely gets as much attention as layout or images.

Principles that make microcopy work

A handful of principles cover most situations.

  1. Be clear before being clever. A witty label that confuses people costs more than it gains. Save personality for places where meaning is already obvious.
  2. Be concise. Use the fewest words that still answer the question.
  3. Use the visitor's language. Say "Sign in" or "Book a visit" if that is what people say, not internal jargon.
  4. Be specific. "Get my free quote" tells people more than "Submit".
  5. Be consistent. Choose one term for each action and keep it. If you call something a "basket" in one place and a "cart" in another, people wonder whether they are different things.
  6. Be human and kind. Especially in errors, avoid blame and sound helpful.

Buttons and calls to action

Buttons are the most important microcopy on most pages. A strong button label starts with a verb and describes the outcome.

  • Weak: "Submit", "Click here", "Go".
  • Stronger: "Request a quote", "Download the checklist", "Book my slot".

Adding a first-person phrase such as "my" can feel natural for some audiences, but test it rather than assuming. Keep the label short enough to fit on a phone screen without wrapping awkwardly.

Place a few reassuring words near the button when the stakes are high. For example, a note beneath a sign-up button might say "No payment needed to start" if that is true. Never include promises you cannot keep.

For landing pages, button text works together with headlines and offers, a topic expanded in landing page conversion tips.

Forms, labels and hints

Forms are where microcopy does the heaviest lifting, because they ask people for effort and personal information.

Labels

Keep labels visible above or beside each field rather than relying only on placeholder text that disappears when someone types. Use plain names such as "Full name" and "Email address".

Helper text

Explain why you are asking when it is not obvious. "We use your phone number only to confirm your appointment" removes a common worry. Show formats in advance if there is a specific requirement, such as the length of a password.

Optional and required fields

Mark which fields are optional, and remove any field you do not truly need. Each extra question adds friction.

Error messages and empty states

Errors are moments of frustration. Good wording keeps people moving.

An effective error message does three things: says what happened, explains how to fix it, and avoids blame.

  • Poor: "Invalid input."
  • Better: "That email address looks incomplete. Please check that it includes an @ symbol and a domain."

Place the message next to the problem field, not only at the top of the page. Keep the visitor's entered information so they do not have to start again.

Empty states, such as a basket with nothing in it or a search with no results, are opportunities. Instead of a blank page, say what is missing and offer a next step: "Your basket is empty. Browse our latest products." or "No results found. Try a different spelling or fewer words."

Confirmation, loading and trust messages

After someone acts, reassure them.

  • Confirmation: "Thanks, your message has been sent. We will reply within two working days." Only promise a timeframe you can honour.
  • Loading: a short note such as "Checking availability" calms uncertainty when a wait occurs.
  • Destructive actions: be specific when someone is about to delete or cancel. "Delete this draft? This cannot be undone." with buttons "Delete draft" and "Keep draft" is clearer than "Yes" and "No".
  • Trust cues: next to payment or personal details, brief wording about security, refunds or privacy can help, provided it is accurate.

Imagine a small yoga studio with a booking form. The original button says "Submit" and the error says "Error 400". After a rewrite, the button says "Reserve my class", the helper text says "We will email your confirmation", and the error says "Please choose a class time to continue". Nothing about the design changed, yet the form now speaks to the visitor.

Tone, accessibility and testing

Match tone to your brand and context. A playful tone may suit a snack brand but feel wrong in a banking or healthcare setting. Your brand voice guide is the best reference for deciding how formal or friendly to be.

Keep accessibility in mind:

  • Write link text that makes sense out of context. "Read the pricing details" beats "Click here".
  • Do not rely on colour alone to show an error. Add words.
  • Use plain language and short sentences. The accessible web design basics post explains more.

To improve your microcopy over time:

  1. Read your whole site aloud, as if you were a first-time visitor.
  2. List every button, label and message in one document and look for inconsistencies.
  3. Ask a friend to complete a task while thinking aloud.
  4. Run a simple A/B test on key buttons if you have enough traffic.
  5. Review support emails and calls, because repeated questions often reveal unclear wording.

Wording shapes how easily people find their way, even before they reach a button.

Use plain, familiar names such as Services, Pricing, About and Contact. Creative labels like "Our journey" or "Magic" may sound distinctive but hide where the link leads. If a visitor must hover to guess what a label means, choose a clearer word.

Page headings

A heading should confirm that the visitor has arrived in the right place. "Wedding photography packages" is more useful than "Moments that matter". You can still be expressive in the line beneath, once meaning is secure.

Search and filters

Label the search box clearly, show helpful text when no results appear, and suggest alternatives. For filters, use the terms customers use rather than your internal product codes.

A before-and-after workshop you can run

Gather a list of your key interface text and rewrite it using a simple template.

  1. Context: where does this text appear and what is the person trying to do?
  2. Worry: what might they be unsure about at this moment?
  3. Draft: write the shortest version that answers that worry.
  4. Check: read it aloud. Does it sound like a helpful person speaking?
  5. Consistency: does it use the same terms as the rest of the site?

Here is a hypothetical example for a small online bookshop's checkout.

  • Before: "Enter details", "Invalid code", "Complete".
  • After: "Where should we send your books?", "That discount code was not recognised. Check for typing mistakes or continue without it.", "Place my order".

The second set tells people what is needed, what went wrong and what happens next.

Common mistakes in microcopy

  • Using jargon or internal names for features.
  • Writing error messages that blame the visitor.
  • Changing terms between pages, such as Log in, Sign in and Login.
  • Hiding crucial information, such as delivery costs, until the last step.
  • Using humour in serious or stressful moments.
  • Writing long messages in places that only have room for a few words.
  • Leaving default system messages that sound robotic.

Keep a simple style sheet with preferred terms, tone notes and example phrases. When more than one person writes for the site, it keeps the voice steady and saves repeated debates. Combine it with an occasional review of your analytics and support questions, because the places where visitors drop out or ask for help are usually the places where wording needs attention.

Key takeaways

UX writing is about clarity at the exact moment a person needs it. Use specific verbs on buttons, explain why you ask for information, write kind and practical error messages, and keep terms consistent across the site.

Start with the three most important actions on your website and rewrite their labels and surrounding text. If you would like a review of your site's wording or a full content refresh, get in touch via the form or download something from the resources page.

Frequently asked questions

What is microcopy in web design?

Microcopy is the small text inside an interface, such as button labels, form hints, error messages, tooltips and confirmations. It guides people through tasks and reduces uncertainty at key moments.

What makes a good call-to-action button label?

A good label starts with a verb and states the outcome, such as Request a quote or Download the checklist. It is specific, short and consistent with the promise made on the page.

How do I write helpful error messages?

Say what happened, explain how to fix it and avoid blaming the visitor. Place the message beside the affected field and keep the information the person already entered so they can correct it quickly.

Is UX writing the same as copywriting?

They overlap but differ in purpose. Copywriting often persuades or sells, while UX writing helps people complete tasks inside an interface. Strong websites use both, with consistent tone.

Related articles

Enjoyed this? Get the next one.