8 Tips on writing UI text
General rules that can help you create better UX!
Post inspired by the painful copy we see every day 😅
Courtesy of @ui.helen
Please spread the post to the world if you found it helpful and don’t forget to tag me so I could say thank you 🙏 😀
Make the copy consistent
Inconsistency = confusion.
Replacing a word with a synonym in different parts of the UI is a CONFUSION.
For example, if you use “BUY NOW” do not use “PURCHASE NOW” somewhere else.
Write in the present tense
Don't use the future tense to describe the action. (Sometimes even I forget about this rule 101)
Don't: File has been downloaded
Do: File downloaded
NO double negatives
Double negatives are making users spend more time to understand the message.
Don't I do not want to unsubscribe.
NO long text blocks
Users don't read UI text – they scan it. Help them scan faster by writing short text.
Chunk text into short paragraphs. Write short and then cut it into half.
Use active voice
The passive voice makes readers yawn.
Compare this sentence in both voices:
Don't: The Filter button should be clicked if you want to filter your search.
Do: Click the Filter button to filter your search results.
Effective UX writing is clear and simple. Remove the tech terms and use understandable words instead.
Don't: System error (code #1111): A user authentication error has occurred
YES to numerals
Use numerals instead of words for numbers.
Don't: You have three new messages
Do: You have 3 new messages
Use less words without losing the meaning. Every word on the screen has to have a job.
Don't: Please kindly register before writing a comment
Do: Register to comment
Bonus — 4 tools that may be useful in your designer way:
Crello — the simplest online image editor. A simple but powerful tool to create awesome designs for any social media format — posts, covers, graphics, and posters using the best software on the web. It’s easy! A lot of animated designs.
Webflow — all-in-one web design tool that allows users to design, build, and launch responsive websites visually.
Funnelytics — an incredible tool that helps you build the best marketing funnel mapping.
Flowkit — allows designers to create frighteningly fast user flows within Sketch and Figma.