Buttons must look like buttons
When it comes to user interface interactions, users nee to know what is clickable and what is not. Face with each element in the UI interface, users nee to identify and judge them, and the longer this process, the worse the usability.
So, how does the user interpret which element is interactable? Usually, users judge UI elements base on past experience and vision, which is why it is necessary to help users understand through appropriate visual symbols (such as size, shape, color, shadow, etc.), so that elements look like buttons. Visual symbols provide affordances for the interface.
Unfortunately, in many interfaces, the buttons are not very discoverable and indicative, which makes the interaction less likely, and users will struggle with which ones are clickable and which ones are not, and whether the design is cool at this time. , it seems less important. Even if the interface is visually prominent enough, the usability is weak, frustrating the user and the product is no longer usable.
In order to determine whether the button is available, when the user visits the website on the desktop side, he needs to move the cursor over the element and check whether the state of the element will change to determine whether it is clickable. On the other hand, mobile users are in trouble. There is no mouse to perform such an operation. Whether the element can be clicke can only be trie once, and there is no other better way.
Don’t assume elements in your UI are obvious to the user.
In many cases, designers make a conscious effort not to highlight the interactivity of certain elements because they think they are obvious. But this is not the case, when designing the UI, the following things should be kept in mind.
As a designer, it’s Lithuania WhatsApp Number List easy to figure out which elements in the UI are interactable and which are not, but the user doesn’t.
Try to use a familiar design in your buttons.
Here are the button styles that most users are familiar with:
- Color-fille buttons with rectangular borders;
- Color-fille buttons with rounde rectangular borders;
- Buttons with shadows with color and content fill;
- Ghost button.
Among these common Lithuania WhatsApp Number List patterns, the button with shadow and color fill is. The clearest to the user, because it has three dimensions visually. And the user will perceive it as an element that can be presse .