5 Techniques to Make Mobile Call to Action Buttons Intuitive

UX Movement
6 min readMar 13, 2019

To tap or not to tap — that is the question on the user’s mind when they see a call to action button.

The more buttons there are, the longer it takes for users to decide. They have to examine each button to figure out which one best meets their goal. Any uncertainty could cause them to take no action or the wrong action.

You can prevent this by making your call to actions intuitive. When users can see which button is important to their task, they’re able to take action right away. Below are a few UX techniques you can use to make your call to action buttons intuitive.

Order Buttons According to Scanning Pattern

A common mistake designers make is to place their main call to action first because they want users to notice it first. This is unnecessary because the button’s visual weight already makes it noticeable.

Not only that, but placing the main call to action first breaks the user’s natural scanning pattern. Users have to scan all the buttons and then reverse their scanning direction to go back to the main call to action.

Instead of forcing users to re-scan buttons, place the main call to action last so users can get to it by scanning the buttons in a single top-to-bottom flow. This makes it efficient for them to examine each button before deciding. The bottom location is also the easiest for fingers to reach which further improves efficiency.

Distinguish Buttons from Text with an Outline

Another mistake is to use text only to represent a low priority button. This is a poor choice for a call to action because the text doesn’t look like a button. It looks like plain text which can cause users to overlook those actions.

Not only are text buttons harder to recognize, but they’re also smaller targets that are harder to tap. To make…

UX Movement

There’s a good and bad way to design user interfaces. Our publication shows you which way gives the best user experience. https://uxmovement.substack.com