- What is the recommended maximum width of a button?
- Should buttons have a minimum width?
- Should buttons have fixed width?
- How do you change the width of a button?
What is the recommended maximum width of a button?
Button size should not be less than 42 pixels and a maximum of 72 pixels. The most preferred button size is 60 pixels at a minimum, with 72 pixels optimal for certain users. Looking at research studies, a 72 pixel button was preferred by older users and overall produced the highest touch accuracy.
Should buttons have a minimum width?
Size. The size of a button also helps make it identifiable as one. 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.
Should buttons have fixed width?
Fixing the width for buttons will give a coherent aspect to the interface. Yet, it has the risk of not being able to handle further buttons with perhaps longer labels. This reason makes it incompatible with a fixed guideline. You can always emphasise one particular button by playing on size, colour and padding.
How do you change the width of a button?
To set the button width, use the CSS width property.