触摸屏按钮设计：尺寸与间距

在触摸屏按钮设计当中，尺寸对可用性的影响相当巨大。ISO和ANSI标准都推荐0.75″ x 0.75″（约19 x 19毫米）的尺寸，来自莱特州立大学心理系的一项研究也表明0.75″ x 0.75″的按钮对于用户来说是满意率最高的。

原文： Touchscreen Button Dimensions and Spacing — Hell If Phi Know
译文： http://iconmoon.com/blog2/Touchscreen-Button-Dimensions-and-Spacing/
作者： Morgan Strauss

让我们来稍微深入地探讨一下，我觉得1.25″ x 0.75″（约32 x 19毫米）才是最佳尺寸。为什么呢？这个当然和比例有关，就像陪你度过童年的普通电视机现在早已被宽屏电视剧所取代了，这背后的道理其实也是比较简单的。

按钮本身的尺寸是一个方面，按钮间的间距呢？非常有意思的事实是按钮间的间距对于整个交互的性能和精确度影响微乎其微。所以即使在屏幕尺寸很小的情况下，仍 然建议增大按钮面积，哪怕这样做会使很多按钮紧挨着。当然如果有多余的空间，最高0.125″（约3毫米）的间隔还是有助于让界面用起来更舒服，尽管整体 精度和速度不会发生变化。

希望在你的设计里使用尺寸更小的按钮？没问题，我们这里讨论的尺寸都是按钮的实际可触摸面积。如果你使用了更小的按钮，只要保证按钮的可触摸面积超过他本身的可视面积，达到我们的要求就好了。当然这种情况下就得考虑按钮间的间距问题了。

如 果你要处理的触摸屏尺寸实在是非常小，你可能不得不使用小于0.75″（约19毫米）的按钮。这个时候0.375″（约9.5毫米）的尺寸可以作为参考， 但是绝对不能让按钮小于0.25″（约6.4毫米）。就像投掷飞镖一样，无论用户离触摸屏多近，都很难每次都“命中”按钮的中心区域。一个普通的人多次按 同一个点，其精度一般在0.125″（约3.2毫米）以内。

那尺寸变大呢？不得不说这也未必是好事，因为大过一定程度之后用户点击的精度不会提高，速度反而会下降，因为移动于各个按钮间的时候手指必须移动更大的距离。

现在让科学来告诉我们一个理想的按钮应该是什么样的。

希腊字母 “φ” 在数学上往往表示一个定值——1.618，也就是大家非常熟悉的“黄金分割”。了解文艺复习的朋友肯定都知道黄金分割被广泛应用在非常多的地方。比如蒙娜丽莎这幅画上所使用的黄金分割就足够你写一整本书了。

如果你把这个黄金比例用在按钮上，那这个“理想”的按钮大小就是1.25″ x 0.75″（约32 x 19毫米）

文中Food Network App配图作者：Isaac Sanchez

优设哥向您推荐：
设计中的十个基本配色法则	一个设计师的PS经验技巧及设计心得分享	用PS设计APP过程中改进IOS设计流程的30个密诀	产品设计流程	【PS旋转技巧】让像素完美呈现
无觅