Touch Target Sizes

··
Touch Target Sizeslukew.com
Sizes for touchscreen buttons

Luke W’s article “Touch Target Sizes” gives helpful guidelines for designing touchscreen buttons. The button sizes listed there were collected from several sources, such as the iPhone Human Interface Guidelines, all linked from the article.

The guidelines and tips are really useful, for example when you work on a responsive web design. Designing buttons for a finger is a different task from designing buttons for a mouse.

Button sizes have to match the size of a fingertip, and the spacing between buttons should be generous so that nobody taps the wrong one by accident. Apple’s figure for a standard touchscreen button is 44 by 44 points. That seems very large at first, but one trick is to make only the tappable area that size and draw the visible button smaller.

Translated from the German original of 21 November 2011.

Categories: , ,

Enjoy what we do here? Then subscribe to our newsletter or YouTube channel. It costs you nothing and already helps a lot. If you'd like to go one step further, leave a small thank-you below. It keeps Elmastudio free for everyone, and we'll keep writing, as we have since 2009. Thank you.Enjoy what we do here? Then subscribe to our YouTube channel. It costs you nothing and already helps a lot. If you'd like to go one step further, leave a small thank-you below. It keeps Elmastudio free for everyone, and we'll keep writing, as we have since 2009. Thank you.

Leave a Reply

Your email address will not be published. Required fields are marked *

Expand sidebarB
DEEN