UI/UX Design Basics for MarketersFlows, structure and interface copy · Lesson 6 of 21

UX writing, microcopy and forms

Article · 10 min · 8 min lecture

Video lecture

UX writing, microcopy and forms

12 chapters · about 8 min · full transcript

Coming soon

Chapter 1 of 12

UX writing, microcopy and forms

  • Words are interface
  • Buttons that say what happens
  • Forms: ask less, explain more
  • Errors that help

The narrated lecture is in production

Every chapter is scripted and ready. Browse the chapters and read the full transcript now — the video will appear here when it’s published.

Chapters

Words are interface

Buttons, labels, error messages, hints, empty states and confirmation messages are all microcopy. Good microcopy is often the cheapest UX improvement: changing words can make a form clearer, reduce errors and build trust — without redesigning anything.

Principles of UX writing

  1. Clear before clever. Say exactly what happens.
  2. Concise. Remove words that don't help the user act.
  3. Useful. Answer the question users have at that moment.
  4. Consistent. Same term for the same thing everywhere ("Sign in" everywhere, not mixed with "Log in").
  5. Human. Match brand voice, but never at the expense of clarity.
  6. Inclusive. Plain language, no idioms that don't translate, avoid blaming users.

Buttons and calls to action

Buttons should describe the action or outcome:

WeakBetter
SubmitGet my free guide
Click hereDownload the checklist
ContinueContinue to payment
OKDelete project
Learn more (everywhere)See pricing / Read case study

Use verbs. Where risk exists, clarify cost and commitment near the button ("Start free trial — no card needed", if true).

Forms: ask less, explain more

Forms are where many conversions die. Principles:

  • Ask only what you need now. Every field adds effort. Collect extra information later if genuinely needed.
  • Explain why for sensitive fields ("We'll only use your phone number for appointment reminders").
  • Visible labels above fields — don't rely on placeholder text alone, which disappears when typing and often has poor contrast.
  • Mark optional fields (or required fields) consistently.
  • Use the right input types — email keyboards for email, numeric keypad for phone numbers, date pickers where helpful.
  • Group related fields and use a single column on mobile.
  • Support autofill and international formats (names, addresses, phone numbers vary widely across countries).
  • Consent: where marketing consent is needed, use clear, unticked opt-in checkboxes and link to privacy information, in line with data-protection laws such as GDPR/UK GDPR and applicable local laws in your markets.

Error messages

Good error messages are:

  • Specific: say what went wrong.
  • Helpful: say how to fix it.
  • Timely: shown inline, near the field, ideally after the user leaves the field or submits.
  • Polite: no blame ("You entered an invalid…" → "Please enter…").
  • Accessible: not only red color — include text and an icon; make errors announced to screen readers.
Error message template
[What happened] + [How to fix it]
"Your card was declined. Please check the details or try another card."
"That email address is missing an '@'. Please check and try again."
"Passwords need at least 8 characters."

Empty states, confirmations and loading

  • Empty states ("No saved items yet") are opportunities to guide: "No saved items yet — tap the heart on any product to save it."
  • Confirmations should confirm and set expectations: "You're booked for Thursday at 3 pm. We've sent the details to amina@example.com."
  • Loading messages reassure: "Processing payment — please don't close this page."

Localization

For multilingual audiences, write microcopy for each language rather than literal translation; watch for text expansion (German, for example) or different lengths in Arabic and Urdu; and ensure buttons can accommodate longer text.

Worked example: a newsletter sign-up

Before: headline "Subscribe"; fields for first name, last name, email, phone, city, date of birth; a pre-ticked box "Send me offers from partners"; button "Submit"; error "Invalid input".

After: headline "Get one practical marketing tip every Tuesday"; fields: first name (optional), email; unticked consent for partner offers removed entirely; button "Send me the tips"; error "Please enter an email address like name@example.com"; confirmation "Almost done! Check your inbox to confirm your subscription."

Common mistakes

  • Generic buttons ("Submit", "Click here").
  • Placeholder-only labels.
  • Asking for unnecessary personal data.
  • Pre-ticked consent boxes and vague privacy statements.
  • Error messages that blame or confuse.

A microcopy style sheet

Consistency is easier with a short style sheet. List the terms you use ("Sign in", "Basket" or "Cart", "Plan" or "Package"), your capitalization rule for buttons, how you write dates, times and prices for each market, and a few approved examples of error and confirmation messages. Share it with everyone who writes for your site, emails and apps, including freelancers and translators.

Hands-on: build an accessible, conversion-friendly form

Most marketers use a form builder, but it helps to know what a good form looks like underneath, so you can check your builder's output or brief a developer. This example uses visible labels, correct input types, autocomplete hints for browser autofill, an unticked consent box, and an error message linked to its field so screen readers announce it.

<form action="/subscribe" method="post" novalidate>
  <label for="first-name">First name (optional)</label>
  <input id="first-name" name="first_name" type="text" autocomplete="given-name">

  <label for="email">Email address</label>
  <input id="email" name="email" type="email" autocomplete="email" required
         aria-describedby="email-hint email-error">
  <p id="email-hint">We'll send one tip every Tuesday. Unsubscribe anytime.</p>
  <p id="email-error" role="alert" hidden>Please enter an email address like name@example.com</p>

  <label>
    <input type="checkbox" name="partner_offers" value="yes">
    Also send me occasional offers from our partners (optional)
  </label>
  <p><a href="/privacy">How we use your data</a></p>

  <button type="submit">Send me the tips</button>
</form>

What to check in any form builder:

  1. Labels stay visible when typing (not placeholder-only).
  2. Email fields use type="email" and phone fields type="tel" so the right mobile keyboard appears.
  3. autocomplete attributes are set so browsers and password managers can fill details.
  4. Error messages appear as text next to the field, say how to fix the problem, and are announced to screen readers.
  5. Consent boxes are unticked and specific, with a link to privacy information.
  6. The submit button says what happens.

Hands-on: generate microcopy variants with AI, then edit

AI assistants are good at producing options quickly. Give them context and constraints, then choose and edit the best — never ship unreviewed output, especially for legal, pricing or consent text.

You are a UX writer. Product: a weekly marketing-tips newsletter for small business owners in the UAE and Pakistan.
Write 5 options each for: (1) the form headline, (2) the submit button, (3) the error for a missing '@',
(4) the success message. Rules: plain English, under 8 words for buttons, no exclamation marks in errors,
no blame, no promises we can't verify. Return a table.

Then run your favorite options past the style sheet and test them with real users.

How to measure success

Track form start rate, completion rate, and error rate per field (many form tools and behavior-analytics tools report which fields cause abandonment). Good microcopy should lower errors and abandonment on the fields you changed, and reduce support questions about the same step. Also watch lead quality, so a shorter form doesn't just produce more unqualified sign-ups.

Summary

Treat words as interface: write clear, concise, consistent microcopy; use action-specific buttons; minimize and explain form fields; write specific, helpful, accessible errors; and design empty states and confirmations to guide users.

Key takeaways

  • Microcopy is often the cheapest, fastest UX improvement.
  • Buttons should describe the action or outcome using verbs.
  • Ask only for what you need, use visible labels and explain sensitive fields.
  • Error messages should say what happened and how to fix it, without relying on color alone.

Check your understanding

Quick questions to lock in the lesson. They don’t count towards your certificate.

  1. Which button text is best for a form that sends a free guide?
  2. Why shouldn't forms rely only on placeholder text as labels?
  3. Which error message is most helpful?

Put it into practice

Audit one form you own: remove any unnecessary field, rewrite the button, labels and at least two error messages using the template, and check that consent is clear and unticked.

Enrol for free to save your progress

Reading is always free. Enrol to keep your place, take the final assessment and earn a verifiable certificate.