阻力设计在产品中的应用

比如最新 iOS13 的信息应用，将 iOS12 原有的使用分段控件整合信息的方式改为了 iOS13 的列表形式，导致从一级页面（A）进入到二级页面（B或C）后。如果想切换信息列表还需要返回到一级页面再次选择，增加了一步操作。

iOS13 的这种改动可能考虑到用户切换信息列表的频率没有那么高，希望用户专注于当前的信息列表，但是我这样的用户经常查看过滤信息列表，担心是否有重要信息被屏蔽，多出的一步操作还是给我带来不小的使用阻力。

淘宝订单模块的做法就比较合理，从一级页面（A）进入二级的任何页面（B 或 C）后，二级页面可以在标签栏互相切换，而不需要退回一级页面再次选择二级页面，从而节省了一步操作。

4.1.1.5 快捷方式

快捷方式有跳转类和功能类两种，跳转类的快捷方式可以帮助用户快速触达或回退到某个页面。

比如我们可以通过长按 iOS 应用图标调出功能的快捷方式使用，减少中间的操作步骤。淘宝可以在大多数页面通过快捷方式快速回退到首页。

功能类的快捷方式提供给用户更快捷的方式完成复杂或较多的任务，比如哔哩哔哩的一键三连。被苹果收购的应用快捷指令可以自定义系统以及第三方应用的复杂任务，并且在下次一键即可完成。

4.1.2 减少页面跳转

米哈里·契克森米哈赖在《心流：最佳体验心理学》中将“最佳体验”定义为：当我们在做某些事情时，那种全神贯注、投入忘我的状态。这种状态下，我们身心合一，甚至感觉不到时间的存在，技术水平也会达到顶峰，在这件事情完成之后我们会有一种充满能量和非常满足的感受。

然而，周围突然的干扰或环境刺激都有可能打破心流体验。用户在使用软件产品时很少有心流体验，因为过多的页面的跳转和刷新会中断用户心流，冗余的页面层级会增加用户的理解成本和操作成本。

针对这个问题，我们可以提高单个页面的动态容量，在不跳转页面的前提下使用户完成任务，为用户创造在视觉感受层面上的心流体验，下面是一些方法举例。

4.1.2.1 覆盖层

覆盖层是出现并覆盖在原页面上层的一个弹出窗口，可以由用户触发或系统自动触发，在网页端和移动端都有着广泛应用。我们通常可以将其用于输入内容、附加信息、子页面信息外显、显示操作指令等。

4.1.2.1.1 模态覆盖层

模态覆盖层一般由点击触发，通常出现后会伴随亮盒效果，使用户聚焦于覆盖层上的任务，用户操作完毕后才可以进行覆盖层外的其他操作。

模态覆盖层的大小不固定，它可以是一个小型的显示警示信息的弹窗，也可能是一个篇幅很大的信息介绍，在保持上下文的情况下展示更多信息，避免了用户迷失在各种页面跳转中。

如下图，behance的首页点击一个作品后，会在当前页面上生成一个模态覆盖层供用户浏览详细的作品内容，而不是跳转到新的页面。在设计师浏览单个作品的场景中，一般只需要 1-3 分钟的浏览后就会关闭页面，模态覆盖层的方式使得打开和关闭的操作更加流畅，提高了设计师的浏览效率。

模态覆盖层在移动端同样也有着应用。如果前后两个页面存在较强的关联性，为了避免用户产生明显的割裂感，一般适合采用模态覆盖层的方式展示新页面。如下图，知乎使用模态覆盖层展示评论。

4.1.2.1.2 详情覆盖层

详情覆盖层在网页端通过光标移入触发，触发后不需要刷新页面既可显示附加信息。如下图Boss直聘中光标移入某条招聘介绍时，会触发详情覆盖层展示出次级页面的详细岗位信息，避免了跳转新页面。

4.1.2.1.3 嵌入层

嵌入层类似于抽屉，需要的时候将其展开，不需要的时候将其收起。与模态层不同之处在于，展开后也不会遮盖页面的其他信息和影响其他操作。

嵌入层的主要的应用场景有：拓展内容、展示下级内容。如下图，微博的发现页面的功能图标可以通过嵌入层进行拓展从而展示更多功能。

Xmind的嵌入层展示了格式的下级内容，可以在保持能够继续编辑脑图的前提下进行格式设置。

4.1.2.1.4 标签页

对于内容丰富的页面，希望用户能够通过尽可能少的跳转就能够触达。我们可以将列表导航、宫格导航修改为标签导航或分页的形式。

4.2 降低交互成本

4.2.1 降低操作难度

把某些操作难度大耗费成本高的操作使用新技术解决，比如人脸识别和 OCR 技术可以降低信息输入成本，不但帮助用户使用较少的时间完成任务，也降低了用户的犯错几率和使用阻力。

手势的优化也是降低操作难度的可行方法，优化的方式有增加多手势操作和加大热区。

比如在 App Store 首页进入应用推荐页后，针对不同使用场景的用户提供了三种退出的方式，大大降低了操作难度。

（编辑：源码网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!