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.