Member-only story

5 Best Practices for Designing Effective Buttons

Eva V.
UX Planet
Published in
4 min readJan 20, 2021

Buttons are important elements in creating a smooth conversation.

Source: dribbble.com Chris Bassett

To me, a great designer is someone who has enough experience to make practical decisions. And someone who knows how to design intuitive products. I aspire to be someone like this.

So I try to learn and update my knowledge every step of the way.

In terms of designing a button, a few basic practices have proven to be effective so far. The main point is all about knowing what catches attention and inspires users’ to take action.

There are 5 best practices that I would love to share with you.

1. Explain buttons with what they do

How do you design your Cancel and OK buttons? How do they play smoothly in the interaction design?

They are primary action buttons that play a key role in creating an effortless conversational flow with any device you have.

Thus, what matters the most is what clearly means these crucial action buttons. There should always be something self-explanatory, like an image or some text.

And the Cancel button should never grab attention. It doesn’t make changes to the system and usually brings users back to their previous screen.

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Published in UX Planet

UX Planet is a one-stop resource for everything related to user experience.

Responses (2)

Write a response

Good refresher on such a common principle. Thanks!
With #3, I feel that as well it is just important to be consistent in whatever decision you make. If something is done arbitrarily, at least be consistent in that arbitrary-ness...! 😀

And the Cancel button should never grab attention. It doesn’t make changes to the system and usually brings users back to their previous screen.

This may not be true 100% of the time...
Sometimes we might want to make the user think twice about making a destructive action — so highlighting the button which cancels said action may be desirable — potentially preventing the user making a mistake.