怎么设计更容易操作的APP

整理了一下基础的UI设计交互规范。希望在接下来的几个月里能把这些基础的规范都写一下。第一篇是关于屏幕操作的：怎么设计更容易操作的APP。

当我们在设计App时，我们必须考虑一些事情：用户如何在他们的设备上使用页面。

人们以多种方式操作手机，具体取决于他们的设备大小，使用需求和操作背景。我们先看一下通常用户是怎么操作手机的。

单手操作

单手持握固定并用拇指操作

看视频，看新闻等，多使用单手；

摇篮式操作

一只手持握固定，另一只手拇指或食指操作。

双手操作模式

双手持握固定，双手拇指操作。

聊天，玩游戏等多使用双手。

不同的需求，所手持手机的方式也不完全相同。

走路，站立和坐下所使用的方式也会有所不同。

研究表明：

75％的用户只用一个拇指触摸屏幕。

50％的用户单手握住手机。

36％的用户使用支架支撑他们的手机。

10％的用户用一只手握住手机，另一只手用手指敲击。

单手操作的比例高达50%，而拇指操作的比例高达75%。再加上手机越来越大，所以我们必须更加重视拇指可达范围，我们在设计APP时应该让常用操作区域尽量在绿色或者黄色区域。才能让我们的app更加易用。

可达性热力图

其中绿色部分是用户最容易触摸到的，黄色其次，红色区域是最难触摸的，

使用可达性热力图你可以很容易地检查你的关键元素是否在最佳位置，无论是单手还是双手。（文件已上传提供下载）

屏幕触发敏感度

操作的便利性一个体现在操作范围，而另一个体现在操作的触发敏感度上，试想就算你把内容放在一个用户方便点击的地方，但是没有触发区域设置的过小，用户触发了没有反应，或者容易误触也是会令用户非常的烦躁的。

最小触摸目标应不小于7mm

研究表明，屏幕的触摸精度，从屏幕中心的7毫米到角落的12毫米不等。手指垫的平均长度在10-14mm之间，指尖的长度为7-9mm，所以好的最小触摸目标尺寸应该不低于7mm。

考虑一下整个背景。对于沿屏幕边缘吸引触摸的选项或图标列表，请确保行的高度至少为9或10 mm，以便用户可以准确地在行的任何位置点按。

IOS&安卓规范

IOS:Human Interface Guidelines 规范给出的最小触摸目标大小是44像素（@1x），

安卓：Metiral Design 规范给出的最小触摸目标大小为48dp

不同的屏幕密度对应的像素大小不同，48dp约等于7～9mm

间距

另外需要注意的是如果一排中有多个触摸点，要保持足够的间距，避免误触。

设计app时，我们需要分析用户的使用场景，及使用习惯，根据用户的习惯及场景，决定我们元素的排列位置。设计出更符合用户操作习惯的app.