When you see an application for the first time, the microcopy can give away many clues about the app’s purpose, how the app can help us, and how we can interact with the app. Still, many organizations develop great applications but don’t write an effective microcopy.
“Microcopy” refers to the small bits of text that guide your users to their goal, instruct them, and alleviate their concerns. Microcopy includes all information bits we communicate to users.
For example, a search bar contains text to hint at how to use the search bar, or at what information you can look up. It alleviates users’ concern about what information they can find using the search bar.
Therefore, it’s a crucial part of user experience (UX) to help users quickly understand the purpose of an individual element and the whole application. Effective microcopy accelerates the user’s learning process.
Imagine using Uber Eats for the first time. When you visit their website, we may have no idea about the website’s purpose. However, microcopy makes the purpose of the website immediately clear. We can use Uber Eats to deliver food right at our doorstep.
The website first displays a short slogan, which is also part of the microcopy. “Your favorite food, delivered with Uber.” The keyword food immediately pops up. To strengthen this slogan, they’ve paired “food” with the adjective “favorite”.
More importantly, we find a search bar directly below the slogan. This search bar asks us to enter our delivery address. Next, there’s a clear button that encourages us to search for food. In other words, they instruct us on how to use the application by following the textual clues.
It’s amazing how just 11 words can immediately clarify the meaning and purpose of an application. To repeat, Uber Eats is about finding food you like and delivering it right at your doorstep. Who doesn’t like a delicious pizza without having to leave the comfort of your home?
Let’s take a look at five tips to writing microcopy that will accelerate a user’s learning process.
1. Consider the Order of Microcopy Elements
The order of elements matters when creating microcopy. A user will most likely read elements top down and left to right. Therefore, structure information top down and left to right in order of importance. Avoid placing information a user needs below a particular element while needing it to complete the last element.
Let’s take a look at an example to clarify this order. Mailchimp’s sign-up form has switched the order of elements. They’ve added the password requirements below the password input field.
It might happen a user fills in their default password when first seeing the password field. This reaction is normal when we read a form top down. Next, the user notices that their password doesn’t meet the password requirements. In this case, they have to create a new password. It might sound like a small UX issue, but they can add up.
We don’t want to completely diss Mailchimp’s password field, as they do a great job listing the password requirements. And you could argue that placing the requirements between the password label and the password field would take up too much space, making it hard to see the link between the label and the field.
In short, when designing input elements, stick to the following order to comply with the top-down, left-to-right order:
- Instruction or hint
- Input field
2. Be Transparent, Add Meta Info
Nowadays, users are more conscious of their data and who can access it. Therefore, when you want to store users’ data, sign them up for a newsletter, or lead them to a product page, tell the user what will happen. We refer to this type of information as “meta-information”.
Here’s a great example of the (old) Medium sign-up form telling us how Medium uses our data.
Below, we see an example of a paid newsletter by The New Paper. They do a great job at creating transparency by providing meta-information. They provide news once a day, using a concise format.
Furthermore, they add some microcopy to the sign-up button declaring the cost and cancellation policy. It’s important to declare this type of meta-information, as you don’t want to disappoint your user with the impression the newsletter is free to read after clicking the sign-up button.
Being transparent allows you to build trust but also tells something about your brand’s values. It’s a bonus when users perceive a brand as honest and transparent.
Continue reading 5 Tips for Writing Better Microcopy on SitePoint.