UI/UX Design Basics for MarketersFlows, structure and interface copy · Lesson 6 of 21
UX writing, microcopy and forms
Video lecture
UX writing, microcopy and forms
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
Transcript of the narration, chapter by chapter.
0:00 UX writing, microcopy and forms
Here's the cheapest conversion improvement you'll ever make. Changing words. No redesign. No developer. No new budget. Just the text on buttons, labels, hints and error messages. That text is called microcopy, and it quietly decides whether people finish your forms. In this lecture, you'll learn the principles of UX writing, how to write buttons that say what happens, how to design forms that ask less and explain more, how to write error messages that help instead of blame, and how to use AI to draft options you then edit and test.
0:40 Why it matters
Why does this matter so much? Forms are where many conversions die. Someone has already decided to act. They've clicked your ad, read your page, and started typing. And then a vague button, a confusing field or a blaming error message makes them quit. Here's an analogy. Microcopy is like the signs in an airport. Nobody visits an airport for the signs. But when they're unclear, you miss your flight. When they're clear, you barely notice them, and you get where you're going.
1:16 Six principles
Six principles of UX writing. One, clear before clever. Say exactly what happens. Two, concise. Remove words that don't help people act. Three, useful. Answer the question someone has at that moment. Four, consistent. Use the same term for the same thing everywhere. If it's sign in on one page, don't make it log in on the next. Five, human. Match your brand voice, but never at the cost of clarity. And six, inclusive. Plain language, no idioms that don't translate, and never blame the user.
1:53 Buttons that say what happens
Buttons should describe the action or the outcome. Submit tells people nothing. Get my free guide tells them what they'll receive. Click here becomes download the checklist. Continue becomes continue to payment. OK on a dangerous action becomes delete project. And learn more, used everywhere, becomes see pricing or read the case study. Use verbs. And where there's risk, clarify the commitment near the button, like start free trial, no card needed. But only if it's true. Honesty in microcopy is part of trust, and in many markets it's also a consumer protection issue.
2:34 Forms: ask less, explain more
Now forms. Ask only what you need right now. Every field adds effort, so collect extra details later if you truly need them. Explain why for sensitive fields, like we'll only use your phone number for appointment reminders. Keep labels visible above fields, because placeholder text disappears when people type and often has poor contrast. Use the right input types, so phones show an email keyboard or a number pad. Support autofill. Use one column on mobile. And for marketing consent, use a clear, unticked opt-in checkbox with a link to your privacy information, in line with data protection laws.
3:17 Errors that help
Error messages follow a simple formula. What happened, plus how to fix it. Your card was declined. Please check the details or try another card. That email address is missing an at sign. Please check and try again. Good errors are specific, helpful, and shown right next to the field. They're polite, so no you entered an invalid value. And they're accessible. Don't rely only on red color. Include text, ideally an icon, and make sure screen readers announce the error. The same care goes into empty states, confirmations and loading messages.
3:57 Worked example 1: newsletter form
Worked example one, simple. A newsletter sign-up. Before: a headline that says subscribe, six fields including date of birth and city, a pre-ticked box for partner offers, a submit button, and an error that says invalid input. After: a headline that says get one practical marketing tip every Tuesday. Two fields, first name optional and email. The partner box removed entirely. A button that says send me the tips. An error that says please enter an email address like name at example dot com. And a confirmation: almost done, check your inbox to confirm.
4:38 Worked example 2: clinic form (illustrative)
Worked example two, a business scenario with illustrative numbers. A health clinic in Karachi takes appointment requests online. The form has nine fields, placeholder-only labels, and a phone field that rejects numbers written with the country code. Form analytics show the phone field causes more abandonment than any other. The team rewrites the hint: enter your mobile number, for example zero three hundred, or with plus nine two. They accept both formats, add a visible label, explain that the number is only for appointment reminders, and cut three optional fields. Phone field errors fall sharply over the next month.
5:21 Watch me do it: AI drafts, human edits
Watch me do it with AI. I open an assistant and give it context. Product: a weekly tips newsletter for small business owners in the UAE and Pakistan. Then constraints. Five options each for the headline, the button, the missing at sign error and the success message. Plain English, buttons under eight words, no exclamation marks in errors, no blame, no promises we can't verify. It returns a table. I pick the strongest options and edit them against our style sheet. I change log in to sign in for consistency. Then I check the form code: visible labels, email input type, autocomplete, and an error linked to its field.
6:08 Keep it consistent at scale
Two habits keep microcopy good as your team grows. First, a microcopy style sheet. It's a short document listing the terms you use, like sign in not log in, cart not basket, plan not package. It sets your capitalization rule for buttons, how you write dates, times and prices in each market, and a few approved examples of errors and confirmations. Share it with everyone who writes, including freelancers and translators. Second, localization, not literal translation. Write microcopy for each language. Watch for text that grows longer in some languages, and make sure buttons can stretch without breaking, including in Arabic and Urdu layouts.
6:53 Common mistakes and measures
Common mistakes. Generic buttons like submit and click here. Placeholder-only labels. Asking for personal data you don't need. Pre-ticked consent boxes and vague privacy statements. Error messages that blame or confuse. And shipping AI-written copy without review, especially for pricing, legal or consent text. How do you measure success? Track form start rate, completion rate and errors per field. Good microcopy lowers errors and abandonment on the fields you changed. And watch lead quality, so a shorter form doesn't just bring in more unqualified sign-ups.
7:30 Recap and try this now
Let's recap. Treat words as interface. Write clear, concise, consistent microcopy. Make buttons describe the action. Ask only what you need, keep labels visible, use the right keyboards and autofill, and make consent clear and unticked. Write errors that say what happened and how to fix it, without relying on color alone. Use AI for drafts, and humans for decisions. Try this now. Audit one form you own. Remove any unnecessary field. Rewrite the button, the labels and at least two error messages using the formula. And check that consent is clear, specific and unticked.
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
- Clear before clever. Say exactly what happens.
- Concise. Remove words that don't help the user act.
- Useful. Answer the question users have at that moment.
- Consistent. Same term for the same thing everywhere ("Sign in" everywhere, not mixed with "Log in").
- Human. Match brand voice, but never at the expense of clarity.
- Inclusive. Plain language, no idioms that don't translate, avoid blaming users.
Buttons and calls to action
Buttons should describe the action or outcome:
| Weak | Better |
|---|---|
| Submit | Get my free guide |
| Click here | Download the checklist |
| Continue | Continue to payment |
| OK | Delete 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:
- Labels stay visible when typing (not placeholder-only).
- Email fields use
type="email"and phone fieldstype="tel"so the right mobile keyboard appears. autocompleteattributes are set so browsers and password managers can fill details.- Error messages appear as text next to the field, say how to fix the problem, and are announced to screen readers.
- Consent boxes are unticked and specific, with a link to privacy information.
- 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.
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.