Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Minimum sensible button size on iPhone

I'm designing an iPhone app that features a rather large set of onscreen rounded rect buttons. Given finger-based touchscreen UI, what do you think would be the smallest sensible button size? I need to fit as many of them as I can in the viewport without compromising the usability too much. Maybe there's an Apple-recommended minimum size? Right now it's 33x33, and it looked OK on a simulator, but I was playing with the app on a real phone last night, and it was awkward - the buttons felt too small.

like image 994
Seva Alekseyev Avatar asked Dec 18 '09 15:12

Seva Alekseyev


People also ask

What is the use of button control in iPhone?

You can use AssistiveTouch to adjust volume, lock your screen, use multi-finger gestures, restart your device, or replace pressing buttons with just a tap.


2 Answers

Apple says that the avg finger tap is 44x44 (from WWDC). All table rows are recommended to be at least that height. It is common for icons to appear 32x32, but have padding to make the touchable area 44x44. Of course, people can tap a 1x1 if they are very careful, but why make people try harder than they need to in order to use your app?

like image 88
coneybeare Avatar answered Oct 02 '22 06:10

coneybeare


Recent scientific research has found that:

[A] target size of 9.2 mm for discrete tasks [i.e., single-target pointing tasks] and targets of 9.6 mm for serial tasks should be sufficiently large for one-handed thumb use on touchscreen-based handhelds without degrading performance and preference.

Cited from Target Size Study for One-Handed Thumb Use on Small Touchscreen Devices (Parhi, Karlson, & Bederson 2006). Other sources agree on this "close-to-0.4-inch-rule" (e.g. Designing Gestural Interfaces (Saffer 2008, p. 42)).

Given the iPhone's pixel density of 163 PPI (6.417px/mm), you should preferably aim no lower than 59px diagonal for any target.

(Please note that this is verified for one-handed thumb use only.)

like image 38
jensgram Avatar answered Oct 02 '22 06:10

jensgram