Tips for better button copy

The words we see on buttons are as important as their appearance. Using the wrong button copy can cause people to feel confused, take longer to complete tasks, or abandon your site or app. While there is ample guidance on button styling, this article focuses solely on making your button copy more effective. These details may seem like devil is in the details, but when designing a website or developing the UX for a new digital service, the devil is in the details. Check out the design and development roles we are hiring for.

Use verbs

Using verbs is a good practice for call-to-action (CTA) buttons. Make it easy for users to click the button. Don’t make them think. Using verbs in CTAs creates actionable instructions that let them know exactly what they’ll be doing.

In the above example, the words “Discard” and “Save” make it clear to the user what will happen. The “Yes” and “No” options might mean they need to reread the text above the buttons before making a decision. Avoid this kind of friction by providing clarity.

Adding a noun or an adverb (or both) to a verb in a button can enhance the clarity and turn the verb into a clear instruction.

The above approach works because the combination of relevant verbs and nouns helps the user to understand what will happen when they click the button. This helps with their decision-making process.

Using verbs to encourage action only works if it is task-specific, though. A common mistake is to have the button copy refer to the interface instead of the task. For example, countless buttons on the web read “Click here”. This instructs the user to click a button but does not convey any value or explain what clicking the button will do. Another mistake is the “Submit” button. “Submit” describes what the system will do, not what the user will do.

For other types of buttons that focus on helping the user navigate through multiple steps in a flow (rather than taking an “action”), it is common to see non-verbs used, such as “Next” and “Back”.

Personalise

Using the words “You”, “Your”, “Me” or “My” in buttons makes it more about the user and not about the business. Possessive pronouns in buttons, like “My Account” create a sense of ownership. This relates to the “Endowment Effect,” which means that when people feel like something belongs to them, they tend to overvalue it and want to keep it.

User profiles and profile photos reinforce that sense of ownership.

Source: Linkedin.com

Consistency

Keep your approach to button copy consistent. Users may encounter many buttons while interacting with your product. As they become familiar with things like tone of voice, case and structure, a consistent approach will make their experience more positive and seamless.

Consider the number of words that should be in different types of buttons. Think about whether the text should be upper case, sentence case, etc. Build all of this into your design system. Also, align the tone of voice of the buttons with the overall content strategy.

Nielsen Norman Group talks about internal and external consistency.

Internal consistency is the consistency within a product or a family of products, either within a single application or across a family or suite of applications.

So if your users have touchpoints across more than one of your products, ensure consistency across these products.

External consistency refers to established conventions in an industry or across the web at large, beyond a single application or family of applications.

This means people spend more time using apps or websites other than yours, and they bring those expectations to yours. So, in the case of button copy, follow conventions they are familiar with, such as "Create account", "Add to cart" and "Learn more".

CTAs and Surrounding Text

The text surrounding a CTA can play an important role in persuading the user to click. This can be particularly useful, for example, in banners for free trials and interfaces where the user may not have clicked before.

Again, demonstrate the value that the user will gain in the text closest to the button. An impressive heading and sub-heading can draw the user down to the CTA.

Source: Spotify.com

The Spotify example above cleverly uses a couple of cognitive biases to persuade the potential customer to sign up:

• With the word “Free” in the CTA, they are using the “Zero price effect”. This means that people are disproportionately interested in something free compared with something that costs even a small amount. That's why free trials are so popular. Adding the word “Free” to a CTA or beside the CTA has been proven to significantly increase conversion rates.
• The copy above the button that states “No credit card needed” uses the “Zero risk bias”. This means that we generally feel more confident about doing something if we have complete certainty that there’s absolutely no risk involved. In this example, even though a free trial is appealing, adding the detail that you don’t need to enter card details at this stage makes it even more tempting to sign up.

Destructive actions

This type of action means a user needs to delete an item, cancel a service, etc. Designers need to pay particular attention to the button copy in these scenarios.

With regular actions, there is often a “Cancel” option that serves as an alternative to a “Save” option. The word “Cancel” might become confusing when trying to carry out a destructive action.

A combination of colour and careful word choice can help remove the ambiguity of having the option to cancel the cancellation. A colour different to the primary colour can signify that the action is destructive. The copy needs to clarify the options.

In this example, the copy directly above the buttons plays an important role, as indicated in the previous section. It describes what will happen when the user completes the action.

Conclusion

The words you choose for the buttons on your app or website can make or break your product's usability and, in turn, your conversions and business goals. When it comes to content strategy, it is often an afterthought, but it is also the final step in a user’s journey to buying something or signing up for a service. Providing clarity and consistency will help to make the best possible experience for your users.

If you need help reinventing your digital presence or if you want to optimise your content, contact us today.