Microcopy is the little bits of text that guide users through an experience. In apps and websites, microcopy includes things like button labels, hint text, and error messages. Often an afterthought that gets quickly added at the end of the development process, microcopy actually provides a really simple way to assist users as they interact with your product.
Microcopy is a small yet powerful copy. Don’t judge it on its size, judge it on its effectiveness. In this article, we’ll see how microcopy can be used in all sorts of functional and delightful ways.
Design is about words. Words still form the backbone of communication on the web and in the apps, and microcopy should be a vital element of the design process from the very start.
When done right, effective microcopy increases conversions, improves the rate of task completion and delights users.
Microcopy is extremely contextual. That’s why it’s so valuable. It answers a very specific question people have and speaks to their concerns right on the spot.
For example, when users are about to sign up to Tumblr, they’re asked to choose a name for their blog. This seems like a big deal because you’re going to define not just the username, but the URL at which you’ll be found by others. In order to reduce the stress of making a big decision that could affect the future of your blog, Tumblr reminds users that “You can change it anytime”. Problem solved. No more worries about choosing the wrong sub-domain name.
Microcopy can be fundamental in reassuring your users at the point of subscribing or sharing details. Whilst ‘not to spam/auto-tweet’ might be taken for granted by good marketers when asking for email address/access to the social network account connections, the user is less than sure. Thus, when people add their emails or connect their Twitter accounts, say “we hate spam as much as you do.”
Microcopy from Timely covers all the potential user concerns in one tight little sentence.
We all know how frustrating it can be when you lose content while you’re in the middle of something. Autosave will help make sure that never happens. And microcopy should be used to reassure them that their data is safe.
Google Doc keeps you informed that your hard work is okay.
Users don’t like to give out personal information, especially if they feel it’s unnecessary. Explain to the user why you need their information, or outlining how you use (and protect) their data. For example, Facebook addresses all user’s concerns, head-on, in its signup box. Their form explains the service is free (forever), and if you’re nervous about giving your date of birth it deals with that too.
How errors are communicated can have a huge impact on the way someone experiences your website or app. Often overlooked, an ill-constructed error message can fill users with frustration.
Error message during Windows 10 installation.
A well-crafted error message, on the other hand, can turn a moment of frustration into a moment of delight. Error states must incorporate concise, friendly, and instructive copy as to what to do next.
Make error messages human, not technical, and suited to your audience. Get a little sense of humor to humanize it.A short sprinkling of humour is often a great way to diffuse the frustration of an error.
Injecting delightful details into your designs is a great way to break the barriers that exist between man and machine.
A quick way to make your UI warmer and less mechanical is a human tone in the copy. If your product sounds human, it’s easier for people to trust you.
Yelp shows the humans behind the brand and encourages people to open up and leave an honest review.
Microcopy can provide a nice opportunity to convey personality to your designs. Good microcopy can turn a routine task into something memorable.
Each time you visit Flickr, the site welcomes you in a different language, which adds a quirky, playful touch.
OkCupid compliments your city when creating a new account: “Ahh, Paris.”
Writing microcopy takes more than good writing skills. Just because microcopy is small, doesn’t mean it’s easy to implement. There are multiple factors that play a role in designing great microcopy. Here are a few tips to make a little bit of text pay off in a big way.
Every company has its own language, which often sneaks onto the website and in the app. Don’t let it happen. What works for you not necessary will work for your user. You need to convey technical information in simple terms.
Use natural language and talk to your user like a person. Don’t write the vocabulary from the top of your head. Instead, get to know the user: research and reuse the existing language of your audience.
Users don’t want to read long instructions on how to complete a single task. When implementing microcopy use simple unambiguous language and short sentences. It’s supposed to be micro-, not macrocopy.
It’s not always appropriate to use humor in your microcopy. First, not everyone shares your sense of humor. What might sound good on the paper, but in fact can be regarded as uncaring or rude.
Is it really funny or just rude?
Second, it really depends on the context. For instance, a user losing a significant amount of work—then saying “Oops! We can’t seem to save your data ” is entirely inappropriate.
This message users see when Medium unable to save their data
Whether it’s a photo, illustration, or a simple picture can sometimes be the perfect pairing for your microcopy. They work together to create a feeling of delight that’s more magical than words or pictures alone. As Dr. Seuss once said: “Words and pictures are yin and yang. Married, they produce a progeny more interesting than either parent.”
When you’re about to send out a campaign using Mailchimp, the accompanying animation shows how stressful it is.
Writing good microcopy in your app is just as important as having the app work correctly and the user interface being easy and efficient to use. After seeing these examples of functional and delightful microcopy, I hope it’ll inspire you to look at your product in a new light.