Contents
The highest accuracy was found with buttons between 42-72 pixels. This means that 42 pixels is the minimum and 72 pixels is the maximum button size that’s most optimal for users. The most preferred button size was 60 pixels, which is about the middle of the range.
What is the minimum type size use for touchscreen?
Based on a study conducted by Parhi, Karlson and Bederson, for users to quickly and accurately select a touch target, its minimum size should be 1cm × 1cm (0.4in x 0.4in).
When the primary action is on the left, it works against reading gravity. The user’s eyes want to move toward the bottom right, but the visual weight of the button keeps them fixated on the bottom left. After the fixation, they move to the bottom right only to revert to the left to tap the main button.
Where is the best place to put the primary button?
If the browser window is large, or you have to scroll down to fill out a form, it’s best to have the primary button right below the last bit of content on the page. The reason is that this is where your users’ attention has been focused, while either reading or adding information to a form. The words you use matter.
Where is the main button on the screen?
When a button group has the “primary right” button, the main actionable button is always in the same place — the right bottom edge of the screen: Actually, if you left-align buttons using the “primary left” rule, the main button will be in the same position as well (but in the left corner instead of the right):
You have the choice to place your primary action on the left or right for horizontal buttons. But which placement allows users to take action faster? When the primary action is on the left, it works against reading gravity.