iPhone上的最小智能button尺寸

我正在devise一个iPhone应用程序,它具有相当大的一组屏幕圆angular矩形button。 给定基于手指的触摸屏用户界面,你认为最小的敏感button尺寸是多less? 我需要在视口中尽可能多地安装,而不会过多地影响可用性。 也许有一个苹果推荐的最小尺寸? 现在是33×33,在模拟器上看起来还不错,但我昨天晚上在真正的手机上玩这个应用程序,而且很尴尬 – button感觉太小了。

苹果说平均手指水龙头是44×44(来自WWDC)。 所有的表格行build议至less是这个高度。 通常图标出现32×32,但有填充使可触摸区域44×44。 当然,如果他们非常小心,人们可以使用1×1,但是为什么人们为了使用你的应用程序而努力工作呢?

最近的科学研究发现:

对于离散任务[即单目标指向任务]和9.6毫米用于连续任务的目标, 9.2毫米的目标尺寸应该足够大,以便在基于触摸屏的手持设备上使用单手拇指,而不会降低性能和偏好。

引用目标大小研究单手拇指使用小触摸屏设备 (帕希,卡尔森,&贝德森2006年)。 其他消息来源则认同这个“接近0.4英寸的规则”(例如devise手势界面 (Saffer 2008,p.42))。

鉴于iPhone的像素密度为163 PPI (6.417px / mm),对于任何目标而言,您最好瞄准不低于59px的对angular线

(请注意,这是唯一的单手拇指validation。)

苹果在这方面并不一致,也没有硬性规定。

他们build议您在UI准则中提供指尖大小目标 ,然后继续说计算器button是44×44。

同样在那个文档中,他们说工具栏和导航图标的图像应该是20×20,而标签栏图标应该是30×30。

我想你必须简单地testing你的应用程序,并确保按下button很容易 – 即使你有相当大的手

-t

我可以发誓他们说最小的是37像素,但我今天发现44。 无论哪种方式,33似乎很小。

(请注意,图像可能较小,因为它们通常是较大矩形区域的一部分。)

(如果像素尺寸较大,您可能会在其他设备上使用更less的像素。

实际上,在早期的触摸屏上创build自定义的基于Web的设备UI时,我们发现devise我们的testing者称为“我的胖手指”是很重要的。 他是对的:很容易devise出优雅,精细的控制,大量的用户会发现容易出错或无法使用。 在那个项目中,确切的大小是依赖于应用程序的,但是那个testing人员发现40×40是可用的(对于高清/视网膜显示器来说是双倍的),更less的增加了错过和错误的数量(和沮丧)。 作为奖励,有细长手指的人觉得他们可以更快地移动,并不需要那么精确,这使得整个事物感觉更平滑,更less主观摩擦,更多的呼吸空间。 诀窍就是让这个规模的控制看起来不笨重或咄咄逼人; 上面提到了一个解决scheme,使控制的视觉部分小于其实际尺寸,尽pipe这不是一个通用的解决scheme。