Button hierarchy

twitter iconlinked in iconfacebook icon
Differentiate the buttons UX tip

Always show which action is primary, and which is secondary.

Avoid two identical looking actions side by side as they take a lot longer to process and can be very confusing to the users.

Clearly show which
 action is 1️⃣ primary and
 which is 2️⃣ secondary.

Avoid having two 
action buttons look 
the same.

If you have any research evidence, that this tip does not work in specific conditions, please share it with us. We will expand the database with that particular case to grow the collective knowledge together.


Liked the tip? Share it!

twitter iconlinked in iconfacebook icon