Studies by the MIT Touch Lab suggests that 10mm x 10mm is the best minimum size for buttons due to the average size of fingertips. Designing buttons must not only be pleasing to the eye, but they also need to make tactile sense for the user.
- How Big Should UI buttons be?
- Does button size matter?
- How much padding should a button have?
- Should mobile buttons be full width?
How Big Should UI buttons be?
Studies by the MIT Touch Lab suggest that 10mm × 10mm is the best minimum size for buttons on mobile due to the average size of fingertips.
Does button size matter?
Yes, size matters. Button size is one of the most important factors to consider when designing touch screen applications. If buttons are too small, users may have difficulty tapping them accurately.
How much padding should a button have?
Button padding is one of the most important aspects of button styling. My personal styling is to set vertical padding equal to font height, and set horizontal padding to 1.33 times vertical height. If a font height is 20px, vertical padding is 20px, and horizontal padding would be 27px.
Should mobile buttons be full width?
Depending on layout, orientation and purpose but it's a good rule of thumb to add at least an 8dp margin. Keep in mind touch space limitations, for example on Android, Material Design deems as good practice to have buttons that are at least 48x48 dp wide so the area of the buttons is comfortable to use for the users.