Smallest clickable area

[tarokker]

Hi to all,

I'm developing a simple puzzle game on Iphone.

Actually I need to click on small squares in order to play; this work well on simulator (of course) because with mouse pointer I have 1x1 pixel clicks precision.

Although I haven't an iphone (yet ) so I wonder which could be the smallest clickable area an user could click with his fingers...
I'm using 30x30 squares, but I'm afraid this could be too small for human fingers ... Am I right?

Thanks for your support.
Regards.

[DenVog]

Originally Posted by tarokker

Although I haven't an iphone (yet ) so I wonder which could be the smallest clickable area an user could click with his fingers...
I'm using 30x30 squares, but I'm afraid this could be too small for human fingers ... Am I right?

I don't think there is a hard requirement. The Apple iPhone Human Interface Guidelines seem to suggest that a "Fingertip-Size target" is 44 x 44.

easy-to-tap controls that each have a target area of about 44 x 44 pixels

Note that the "info" button that Apple provides in Interface Builder is considerably smaller than this at 18 x 18.

[wuf810]

Originally Posted by DenVog

Note that the "info" button that Apple provides in Interface Builder is considerably smaller than this at 18 x 18.

but I think the clickable area is made bigger. Not sue if this is a bug or desired behaviour on Apple's part but its been discussed before in these forums...but can't remember where. Sorry.

[Steaps]

Originally Posted by wuf810

but I think the clickable area is made bigger. Not sue if this is a bug or desired behaviour on Apple's part but its been discussed before in these forums...but can't remember where. Sorry.

The clickable area isn't bigger, but you can make it bigger. (I don't think it is...)

[lbendlin]

it really is. You can test it yourself. Place just one button on a UIToolbar, and then tap on the bar next to the image. The event will fire. The more images you place on the bar the smaller the "hot" area around the buttons will become, but it will always be bigger than the button itself.

[wuf810]

Originally Posted by lbendlin

it really is. You can test it yourself. Place just one button on a UIToolbar, and then tap on the bar next to the image. The event will fire. The more images you place on the bar the smaller the "hot" area around the buttons will become, but it will always be bigger than the button itself.

Thanks for confirming lbendlin; that's what I was seeing and why I mentioned it. I wonder whether its just in UIToolbars because this is the only place I've ever noticed it.