iPhone上的最小敏感按钮大小

苹果公司说,平均点击率是44x44(来自WWDC)。建议所有表行至少具有该高度。图标通常显示为32x32,但有填充以使可触摸区域44x44。当然,如果人们非常小心的话,他们可以点击1X1,但是为什么要让人们比使用你的应用程序更努力?

最近的科学研究发现:

[A] 目标尺寸 9.2毫米 离散的 任务 [即单个目标指向任务] 以及9.6 mm的目标 任务应该足够大 单手拇指使用 不带触摸屏的手持设备 降低性能和偏好。

引用自 Target Size Study for One-Handed Thumb Use on Small Touchscreen Devices (Parhi、Karlson和Bederson,2006年)。其他来源也同意这个“接近0.4英寸的规则”(例如 Designing Gestural Interfaces (Saffer 2008,第42页))。

考虑到iPhone的像素密度 163 PPI (6.417px/mm),最好瞄准 不低于59px对角线 对于任何目标。

(请注意,这是经过验证的 单手拇指使用 只有。)

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

他们建议你提供 指尖大小目标 在UI指南中,然后继续说计算器按钮是44x44。

在该文档中,他们还说工具栏和导航图标的图像应该是20x20,选项卡栏图标应该是30x30。

我认为你只需要简单地测试你的应用程序,并确保它很容易按下按钮-即使你有相当大的手…

-T

我可以发誓他们说最小像素是37像素,但我今天找到44像素。不管怎样,33看起来都很小。

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

(如果像素大小更大,在其他设备上使用的像素可能会更少。)

在实践中,当我们在早期的触摸屏上创建一个定制的基于网络的设备用户界面时,我们发现设计一个测试版的测试人员称之为“我的胖手指”是很重要的。他是对的:很容易设计出优雅、精细的控件,很多用户会发现这些控件容易出错或不可用。在那个项目中,确切的尺寸取决于应用程序,但是测试人员发现40 x 40是可用的(是高清/视网膜显示器的两倍),任何更少的东西都会增加失误和错误的数量(以及挫折感);作为额外的好处,手指纤细的人发现他们感觉自己可以更快地移动,不必那么精确,这使得整体感觉更顺畅,减少主观摩擦,增加呼吸空间。诀窍是使这种大小的控件看起来不笨拙或傲慢;上面提到了一个解决方案,使控件的可视部分小于其实际尺寸,尽管这不是一个通用的解决方案。