Microcopy Writing Guide — UI Text Character Count Design
Microcopy refers to the short text strings found throughout a user interface — button labels, error messages, placeholders, tooltips, and toast notifications. A difference of just a few characters can significantly impact conversion rates and user satisfaction. By choosing the right length and wording, you can dramatically improve the user experience.
What Is Microcopy?
Microcopy provides guidance when users feel uncertain or anxious during interactions. It ranges from button labels like "Submit" and "Cancel" to placeholder text like "Enter your email address." Great microcopy works so naturally that users barely notice it. Poor microcopy, on the other hand, causes confusion and drives users away. Too many words get skipped; too few leave users without enough information.
Recommended Character Counts by UI Element
| UI Element | Recommended Length | Key Principle |
|---|---|---|
| Button Label | 1–3 words (5–25 chars) | Start with a verb ("Buy now," "Download") |
| Placeholder Text | 3–6 words (20–40 chars) | Show an input example ("e.g., john@example.com") |
| Error Message | 5–15 words (30–80 chars) | State the cause and how to fix it |
| Tooltip | 5–15 words (30–80 chars) | Provide supplementary info in 1–2 sentences |
| Toast Notification | 3–8 words (20–50 chars) | Give immediate feedback on an action |
| Empty State Message | 8–20 words (50–120 chars) | Suggest the next action to take |
| Confirmation Dialog | 8–25 words (50–150 chars) | Clearly state the consequence of the action |
| Label / Heading | 1–3 words (5–25 chars) | Form field or section name |
These are guidelines — adjust based on your design system and component widths. Use Character Counter to verify your microcopy lengths.
Writing Effective Error Messages
Error messages should help users solve problems. Vague messages like "An error occurred" provide no actionable guidance. The ideal structure is "cause + solution."
- ❌ "Invalid input" — What's invalid?
- ✅ "Password must be at least 8 characters" — Clear cause and fix
- ❌ "Invalid value" — What value?
- ✅ "Please enter a valid email address" — Specific guidance
Avoid blaming language. Use "Please check..." rather than "You entered wrong..." to maintain a supportive tone.
Designing Button Labels
Button labels are the most critical microcopy for driving user action. Specific labels outperform generic ones — "Add to cart" converts better than "OK," and "Start free trial" beats "Submit."
Effective button label principles: start with a verb ("Buy," "Download"), make the outcome predictable ("Start free trial"), and create appropriate urgency ("Sign up now"). For destructive actions (delete, cancel), pair with a confirmation dialog: "Delete this item? This action cannot be undone."
Surprising Microcopy Facts
One e-commerce site reportedly saw conversion rates jump by over 30% simply by changing a button label from "Submit" to "Place your order." Those few extra characters eliminated ambiguity about what would happen next.
Google's Material Design guidelines explicitly discourage using "OK" as a button label because it fails to predict the outcome. Instead, they recommend specific action words like "Save," "Delete," or "Send."
Why Optimal Lengths Differ by Element
Button labels are kept to 1–3 words because of the physical tap target size. Apple's Human Interface Guidelines specify a minimum tap area of 44×44 points — the text that fits comfortably within this area is roughly 1–3 words.
Error messages need 5–15 words to convey both cause and solution in 1–2 sentences. Fewer than 5 words cannot include a fix; more than 15 words risks breaking the layout when displayed near form fields.
Common Mistakes
- Using placeholders as labels — When placeholder text like "Full name" disappears on input, users forget what they were supposed to enter. Always use a persistent label above the field; reserve placeholders for examples only.
- Double-negative confirmation dialogs — "Cancel?" with a "Cancel" button creates confusion: does "Cancel" mean cancel the action or cancel the cancellation? Use explicit labels like "Discard changes" and "Keep editing."
- Exposing technical jargon — "Authentication token expired" or "Session timed out" means nothing to most users. Rewrite as "Your login has expired. Please sign in again."
Pro Microcopy Techniques
- Add reassurance copy near forms — Text like "Your card details are encrypted and secure" or "Cancel anytime" near CTAs can boost conversion by an estimated 5–15%.
- A/B test your microcopy — Test variations like "Start free trial" vs. "Get started free" or "Buy now" vs. "Add to cart" using tools like Google Optimize or Optimizely.
- Create a Voice & Tone guide — Define consistent tone (formality level, humor, pronoun usage) across your product. Mailchimp's Content Style Guide is a widely referenced example in this space.
Conclusion
Microcopy may be short, but its impact on user experience is outsized. Aim for 1–3 words for button labels, 5–15 words for error messages, and always be specific and positive. Use Character Counter to verify your UI text lengths fit within your design constraints.