Type & role

01 Button types

Understanding all the possible types of buttons gives you the knowledge of how and where to use them. This way, you can create a more accurate interface with the best user experience, where a logical and appropriate type and look of buttons help users take action.

Once you understand all the common types of buttons, you have a powerful and flexible tool in your arsenal to create outstanding UI.

The right type of button does half the job of getting the user to act intuitively and reach their goal quickly.

02 Roles

It's bad when buttons fight for the user's attention with their brightness and contrast. The interface always has a primary and secondary. Also, with the buttons. It's better to separate the primary from the secondary to get a little less attention.

When the buttons are the same color but bright and contrasting to the whole interface, they still take too much attention. It is better to reduce their brightness or give them a lighter style.

03 Create the difference

Sometimes it is not easy to understand which button is the primary and the secondary. Both actions have value. In this case, one of the actions can be designed stylistically differently, for example, by making one of the buttons as a link.

A good way to emphasize the main button is to add an icon for the button. This makes the primary button even more obvious.