Microcopy
The small pieces of text that do most of the work: labels, hints, empty states, errors and confirmations.
Definition
Microcopy is the functional text embedded in an interface. It is usually written last, changed most often, and responsible for a disproportionate share of whether a design works.
Craft convention. True because the industry converged on it. Breaking it costs familiarity, not correctness.
On this plate
Reach for this when
- Writing any interface text.
- Users misunderstand what a control does.
- Before rebuilding a flow that tests badly.
- A specific screen produces a specific, repeated question from readers.
Common mistakes
- Generic labels such as Submit and OK.
- Brand voice applied to functional controls.
- Terminology that differs between the product and support content.
Rewrites that carry weight
| Weak | Better | Why |
|---|---|---|
| Submit | Create account | Names the outcome rather than the mechanism. |
| Error | Your card was declined | Says what actually happened. |
| No results | No results for "blue chairs" | Confirms the query and points at the cause. |
| Learn more | How refunds work | Describes the destination, and works out of context for screen readers. |
| Are you sure? | Delete 12 files permanently? | States the consequence and the scope. |
| Something went wrong | We could not save your changes. Retry? | Gives a next action. |
Rules
- Label buttons with the verb of what happens next.
- Write in the second person and the active voice.
- Front-load the important word, since people scan the first two or three words of a label.
- Be specific about numbers, names and outcomes.
- Write error messages that could be read aloud to a customer without embarrassment.
- Keep terminology identical across the interface, help centre, emails and support scripts.
Where the words earn most
Do
- Name the consequence on the control that causes it.
- Answer the question the reader is holding at that moment, in one line.
- Use their words. The support inbox is where those are written down.
- Cut anything that is true but not needed here.
Do not
- Write a sentence where a label would do.
- Apologise for the product in the interface.
- Use the same word for two things, or two words for one thing.
- Write in the interface what should have been fixed in the design.
In practice
- i.
Two words, one support queue
The cheapest fix availableRenaming a button from Submit to Send for review removed most of a recurring support question. Nothing else about the flow changed, and no engineering time was spent.
Local chart
WRT·001 · Region III · Grid F1
This entry and the entries it is stated to connect with. Each line is labelled with what the connection means.
Sources
Where a source establishes something narrower than the popular reading of it, the note says so.
- [1]
Microcopy: The Complete Guide
K. Yifrah, 2017
Continue from here
Each link says what the connection is, so you can tell a principle from an alternative from a thing people mix this up with.
Applies when you are designing
Principles behind this
The reasoning this solution is an application of.
- Curse of KnowledgeBIAS·008 · Cognitive bias
- Framing EffectBIAS·003 · Cognitive bias
- Help and DocumentationHEUR·010 · Heuristic
- Help Users Recognise, Diagnose and Recover From ErrorsHEUR·009 · Heuristic
- Match Between System and the Real WorldHEUR·002 · Heuristic
- User Control and FreedomHEUR·003 · Heuristic
- Parkinson's LawLAW·013 · Law
- Peak-End RuleLAW·007 · Law
- Mental ModelsMOD·001 · Mental model
- Deceptive PatternsPRIN·011 · Principle
Practical example
A worked decision where this was the deciding factor.
- Building Trust on a Payment ScreenCASE·002 · Case study
Short definition
The one-paragraph version, for when that is all you need.
- Information ScentTERM·015 · Term
- MicrocopyTERM·132 · Term
- Plain LanguageTERM·134 · Term
- Voice and ToneTERM·133 · Term
Related concept
Connected closely enough to change how you apply this.
- Labels and InstructionsA11Y·017 · Accessibility
- UI to UX WritingAI·006 · AI workflow
- ButtonCMP·001 · Component
- LinkCMP·002 · Component
- ConfirmationPAT·008 · Pattern
- Empty StatesPAT·010 · Pattern
- NotificationsPAT·015 · Pattern
- Button and Action LabelsWRT·008 · UX writing
- Content DesignWRT·004 · UX writing
- Empty State CopyWRT·010 · UX writing
- Error MessagesWRT·002 · UX writing
- Form Labels and Help TextWRT·009 · UX writing
- Inclusive LanguageWRT·005 · UX writing
- Loading and Progress CopyWRT·011 · UX writing
- Notification CopyWRT·013 · UX writing
- Onboarding CopyWRT·016 · UX writing
- Permission RequestsWRT·014 · UX writing
- Tooltips and Inline HelpWRT·015 · UX writing
- Voice and ToneWRT·003 · UX writing