How many words should be on a button?

How many words should be on a button?

Considering that, it may be tempting to stretch out your button text, but that’d be a bad move. Ideally you’ll want to keep that button text to two or five words.

Should icons be used before the button text or after the button text?

In order for icons to serve as a visual scanning aid, users need to see them before they see the button label. Placing them to the left of your button label allows users to see the icon first. If you place icons to the right of your button label, they’re not helping users scan because users see them last.

How do you make a good looking button?

Conclusion #

1. Make buttons look like buttons.
2. Label buttons with what they do for users.
3. Put buttons where users can find them or expect them to be.
4. Make it easy for the user to interact with each button.
5. Make the most important button clearly identifiable.

What do you put on a button label?

The active imperative form turns verb phrases into commands. This form allows you to drop the subject and unnecessary articles for a more concise button label. All you need to include on your button label is a verb with an adverb or direct object. Users trust and understand commands on button labels more.

Why are there wrong words on button labels?

What your buttons say is as important as how they look. Using the wrong words on your button labels cause users confusion, more work, and slower task times. If you want to make it easy for users to take action on your app, you need to choose the right words on your button labels.

What does all lowercase mean ON button labels?

An all-lowercase style conveys a casual and lazy tone in a mumbling voice. It makes users feel as if no one put care or attention into the design. Users can sense a lack of professionalism and not trust the button. The call to action speaks as loud as the words on your button label.

Why do you use passive labels on buttons?

Passive labels not only make it riskier to take action, but it forces users to do more work. To illustrate, the example below blocks out the dialog so that only the buttons are visible. The button labels with action verbs allow users to take action, but the buttons that use “Yes/No” labels don’t. Action verb button labels are more task-efficient.