- How to write copy for UI components? buttons, lists, toasts, toggles, inputs, tooltips, and headings)
- How to write the date, time, currency, and numbers correctly?
- What are the main voice and tone principles?
π Find the answers to these and other questions in the complete Microcopy guide for UX/UI Designers.
βοΈThe guide is created based on International Standards ("AP style guide" and "ISO 8601 international standards").
- How to write the date, time, currency, and numbers correctly?
- What are the main voice and tone principles?
π Find the answers to these and other questions in the complete Microcopy guide for UX/UI Designers.
βοΈThe guide is created based on International Standards ("AP style guide" and "ISO 8601 international standards").
Available in Figma
https://www.figma.com/community/file/1172924220833346044
https://www.figma.com/community/file/1172924220833346044
Button. Use cases.png
428.2 KB
Buttons π
Microcopy. Complete UX Writing Guide pinned Β«Available in Figma https://www.figma.com/community/file/1172924220833346044Β»
π Encourage action
Users should be able to understand what will happen when they click a button. Buttons should always lead with a strong verb that encourages action except in the case of common actions like βDoneβ, βCloseβ, βCancelβ, or βOKβ.
π Microcopy Guide
Users should be able to understand what will happen when they click a button. Buttons should always lead with a strong verb that encourages action except in the case of common actions like βDoneβ, βCloseβ, βCancelβ, or βOKβ.
π Microcopy Guide
β Avoid articles
For labels, titles, and buttons, avoid articles to keep content short and actionable. This increases readability and encourages immediate action.
π Microcopy Guide
For labels, titles, and buttons, avoid articles to keep content short and actionable. This increases readability and encourages immediate action.
π Microcopy Guide
π« Error messages
Sometimes errors happen. Help people get back to work as quickly as possible by explaining what happened and giving clear instructions on what to do next.
π Microcopy Guide
Sometimes errors happen. Help people get back to work as quickly as possible by explaining what happened and giving clear instructions on what to do next.
π Microcopy Guide
Microcopy. Complete UX Writing Guide pinned Β«Find more tips in my UX Writing Guide. Available in Figma π Explore guide in FigmaΒ»
πActive voice
Use the active voice if users need to do something. It should be clear that the subject is the one doing the action.
π Microcopy Guide
Use the active voice if users need to do something. It should be clear that the subject is the one doing the action.
π Microcopy Guide
π₯2
π«Avoid gendered pronouns
When possible, avoid gendered pronouns. If you can't, then they or their is preferable to his or her or he or she.
π Microcopy Guide
When possible, avoid gendered pronouns. If you can't, then they or their is preferable to his or her or he or she.
π Microcopy Guide
β€1π1
