Contents
48 x 48dp
Size. When ‘tap’ is the primary input method for your mobile app, Android’s Material Design principles recommend that touch targets should be at least 48 x 48dp, with at least 8dp (or more) between them.
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 be same size?
Button Spacing Standard And when the buttons were too close together, users had the lowest touch accuracy. The study concluded that a range of 12 to 48 pixels is the optimal button spacing. This wide range is useful because you can apply it to different button sizes.
On the same note, frustrating your users isn’t the best way forward, either. That’s why you should stick to these mobile web design guidelines for button dimensions – keep them to a minimum of 30 to 40 pixels in height and 40 to 80 pixels wide.
For instance, in android UI design, flat and raised material buttons should have be 36dp high, have a minimum width of 88dp, and have a 2dp corner radius (flat)/have a default elevation of 2dp (raised).
How big should the size of a button be?
1 12-24 pixels for a large button 2 24-36 pixels for a medium button 3 36-48 pixels for a small button More
How big should the screen be on a Windows Phone?
Microsoft’s Windows Phone UI Design and Interaction Guide suggests a touch target size of 34px with a minimum touch target size of 26px. Nokia’s developer guidelines suggest that the target size should be no smaller than 1cm x 1cm square or 28 x 28 pixels.