为拇指设计 - 人机工程学在APP设计中的应用

人机工程学对工业设计来说非常重要，一个优秀的工业设计师应该熟练掌握人机工程学。人体工程学是研究“人-机-环境”系统中人、机、环境三大要素之间的关系，为解决系统中人的效能、健康问题提供理念与方法的科学。它是研究的重要内容，直接影响着产品的使用体验。而优质的使用体验是产品赢得用户和市场的关键，产品设计过程中应坚持人性化的原则，做到与人体工程学理论相符，尽可能的提高产品的使用舒适度和使用体验。

但人机成功学对于APP产品设计同样变得越来越重要，为什么？

因为智能手机和平板电脑的普及，改变了我们与设备交互的方式。我们不再只使用一个笨重的键盘和鼠标来与设备进行交互，触屏的体验使我们与设备之间的交互方式更加友好。

1、设计利于手指操作的APP界面

尝试放置经常使用的控件，如按钮和链接在那里，这样可以测试他们是否很容易地通过手指或拇指。屏幕的中间和底部是很有利的地方，底部的角落对于手指来说不是那么好操作。在屏幕顶部放置菜单仍然是惯例。然而，这可能是一个很难达到的领域，所以这虽然是一个很好的想法，同时也可以设计一个滑动动作来实现菜单。

绿色区域很容易达到，黄色区域需要更多的努力，红色区域则很难达到。

所以我们应该放置经常使用的控件在绿色区域，屏幕的中间和底部是操作的理想区域，底部的角落对于手指来说不是那么好操作。在屏幕顶部放置菜单仍然是惯例，然而，这可能是一个很难达到的领域，同时也可以设计一个滑动动作来实现菜单切换。所以这是一个比较理想的设计，再结合实际场景来应用。

手指操作区域

2、控制内容

当用户点击屏幕时，要注意避免手指或拇指遮蔽屏幕内容，确保关键信息不设置在用户经常操作的区域（如屏幕底部区域），所以在设计APP时一定要注意这一点。

操作方式比例

3、为拇指设计

拇指可以进行大多数智能手机的交互，由上图可知，习惯用拇指来操作的用户可以占到6成。我们会注意到，大拇指通常比其他手指稍大，因此需要在屏幕中设计一个更大的目标。不同操作系统官方推荐的最小点击区域略有不同，如ios的最小点击区域为88×88像素，而安卓而是以mm为单位。

建议可触摸的界面元素不应小于最小平均指垫，即，不小于1厘米（0.4“）直径1厘米×1平方厘米。一个手指可用的UI元素的最小目标尺寸：

·使用食指点击区域：7 x 7毫米与1毫米的间距

·使用拇指点击区域：8 x 8毫米与2毫米的间距

·组件列表类型应该有5毫米的最小间距

·一根手指的宽度限制的项目在屏幕上的密度。如果项目太近，用户将无法选择一个。

我们做设计时也应该考虑最广泛的设备和使用场景，一个设计应该支持它可能遇到的最不准确的方法，这也是基于人体工程学而设计的意义。

4、只保留必要的交互

通常我们没有足有的时间和条件去兼顾全部场景和全部设备的交互质量，所以互动性越少，就越不必担心存在违反人机工程学的问题。无情地去掉不必要或不协调的交互，将功能简单直观的呈现在用户眼前，并限制APP通知，从用户视角出发，只推送用户真正关心的内容。这也是上一篇文章，迪特拉姆斯的“少，却更好”（Less, but better）理论在APP设计上的应用，也是与人机工程学的完美结合。