User Experience User Interface

6 Basic Rules for Buttons

Buttons are essential part of UI design. They have a primary role in the conversation between a user and a system. Here are six basic rules for effective buttons.

Buttons should look like buttons

Every item in a design requires effort by the user to decode. Generally, the more time needed for users to decode the UI the less usable it becomes for them. If clear affordances of interaction are missing and users struggle with what is “clickable” and what is not, it won’t matter how cool we make the design. If they find it hard to use, they will find it frustrating and ultimately not very usable.

Place buttons where users expect them

Buttons should be located in places where users can easily find them or expect to see. Don’t make users hunt for buttons. If users can’t find a button, they won’t know that it exists.

Label buttons with what they do

Buttons with generic or misleading labels can be a huge source of frustrations for your users. Write button labels that clearly explain what each button does. Ideally, the button’s label should clearly describe its action.

Ensure proper button size

Make the most important button look like it’s the most important one. Always try to make the primary action button more prominent. Make buttons finger friendly for mobile users

Avoid excessive buttons

When you provide too many options, your users end up doing nothing. When designing pages in your app or website, think about the most important actions you want your users to take.

Provide visual feedback

When users click or tap on the button, they expect that the user interface will respond with appropriate feedback. Based on the type of operation, this might be either visual or audio feedback.