Microcopy.
Microcopy is the short text in a user interface that guides people through actions: labels on buttons, form fields and menus, hints, error messages, confirmations and empty states. It often decides whether someone submits a form or abandons it.
Microcopy — Explained in Detail
Microcopy covers all text that is used rather than read. It includes the text on a call-to-action button, the label of a form field, a hint below the field ('We only call back if you want us to'), an error message, a success message after submitting, the text in an empty cart, the menu labels and the wording in a cookie banner. Individually they seem insignificant; together they form the conversation between website and person.
Good microcopy answers the question someone is asking at that moment. Before clicking 'Submit': what happens next, and how quickly will someone get in touch? Before entering a phone number: what is it needed for? After an error: what exactly is wrong, and how do I correct it? A button reading 'Request a quote' says more than 'Send', and a hint 'Reply within one working day' says more than nothing, provided the promise holds.
For accessibility, microcopy is not optional but mandatory. WCAG requires permanently visible labels on form fields (placeholder text in the field is not enough because it disappears while typing), error messages that name the affected field and give a correction hint, and unambiguous link text instead of 'click here'. Good microcopy is thus both understandable for everyone and accessible to screen readers.
Microcopy belongs in the design, not at the end. Anyone who designs forms with 'lorem ipsum' placeholders and only adds the text just before launch finds out too late that a hint does not fit in the intended line or a step is incomprehensible without explanation. It makes sense to maintain microcopy like components in the design system: a list of recurring phrasings for errors, confirmations and buttons, so the same situation is named the same way everywhere. Its effect can be checked with A/B tests and in usability testing.
Rules for good microcopy
Specific rather than generic: 'Request a quote' instead of 'Send', 'Choose a time' instead of 'Next'. Describe the action, not the technology. Anticipate uncertainty: say briefly why a field is needed, what happens after submitting and what is free or non-binding, but only if it is really true. Name errors kindly and precisely: 'Please enter a four-digit postcode' instead of 'Invalid input'.
Stay consistent: the same terms for the same things, one form of address throughout, a tone that fits the brand. Stay short, but not at the expense of clarity. And never build pressure that does not reflect the truth; artificial scarcity or shaming rejection text belong to dark patterns.
Example: a joinery's quote form
An example: a joinery has a contact form with the fields 'Name', 'Email', 'Phone', 'Message' and the button 'Send'. Many visitors start the form but do not submit it. In a revision the button reads 'Request a non-binding quote', below the phone field it says 'Optional, for questions about measurements', and the message field gets the question 'What would you like us to build? Dimensions and photos help'.
After submitting, a confirmation shows who will get in touch and within what time frame. Error messages appear right next to the field. Whether the change works is measured by the form's completion rate, not by gut feeling. Detailed work like this is part of our conversion rate optimisation and of every project at our UX agency.
Related Page
Call-to-Action (CTA)Frequently Asked Questions About Microcopy
Ideally both together. Microcopy is part of the design because it affects space, hierarchy and flow, and part of the copy because it has to match the brand's language. In small teams the person designing the interface often takes it on, with a text review by marketing.
No. Placeholder text disappears while typing, often has poor contrast and is not reliably read out by assistive technologies. Every field needs a permanently visible label. A placeholder may additionally show an example.
Yes, for instance through a form's completion rate, drop-offs at individual steps, click rates on buttons or the number of follow-up questions. With enough visitors A/B tests are suitable; with little traffic, usability tests with a few people provide good pointers.
More Terms Starting with "M"
Meta Description
The meta description is an HTML tag that contains a brief summary of a webpage for search engines. I...
Mobile-First Index
Since 2019, Google primarily crawls and indexes the mobile version of a website (no longer the deskt...
Multimodal Search
Multimodal Search enables searching with different input formats simultaneously: text, image, voice,...
Ready for Your Project?
Apply this knowledge to your website — DLM Digital will help you.