阻力设计在产品中的应用

举一个反例，得到的书籍详情页中，查看详情的按钮热区只存在于文字上，但是用户的使用习惯会误认为整块区域都可以点击，因此每次点击多次失败后才理解热区的正确位置，如果将热区扩大到整个区域就可以降低操作的难度。

想要了解更多交互手势知识可以拓展阅读：交互手势的容错性和逻辑性

4.2.2 减少用户思考

4.2.2.1 提供默认选择

用户的每一次思考都伴随着流失的风险。有时用户对于我们提供的选择不是很了解，会纠结和疑惑不同选择之间的区别，最终可能导致放弃选择进而流失。

我们需要做的是为用户提供默认选择，同时允许用户切换到其他选择，以此来减少思考，降低使用阻力。

以手机淘宝查看相似宝贝功能改版为例，在旧版中，长按淘宝某个商品会出现「找相似」和「找同款」的按钮选项，点击后会跳转到对应页面。

在新版中，长按淘宝某个商品会直接跳转到「相似宝贝」页面展示商品，同时可以通过分段控件切换为「同款宝贝」。

我猜测的改版原因是，由于旧版的第二步给用户的两个选项让用户过多思考，导致第二步的流失率过高，很多用户没能体验到「相似宝贝」和「同款宝贝」功能的的特色。

改版后直接将更高频的「相似宝贝」的商品页展示给用户，同时也很方便地去切换到「同款宝贝」，这种交互形式的变化让用户无需思考就可以迅速体验到功能的特色、并在熟悉后下次会继续使用。

4.2.2.2 保持一致性

我们通过过往的经验将已知概念套用在新事物上，帮助我们理解。一旦交互界面中与用户的经验预期相悖，就会产生阻力。

上文提到过，我们习惯于从过去获得的经验中获得对于当下问题的解决方案，甚至对于重复出现的问题，我们已经形成了条件反射和肌肉记忆去解决它们而不是再次思考。

因此，当设计缺乏一致性时，不但会导致我们已经形成的条件反射和肌肉记忆失效，还会更容易导致错误的发生。

此时我们不得不从条件反射的无意识操作转换为消耗注意力的缓慢操作，从而形成阻力。

为了避免这些阻力，我们需要确保按键的一致性、交互文案的一致性、交互手势的一致性。

如下图，警告框的按钮位置一旦第一次用户经过使用熟悉后，之后用户会进行无意识地快速操作，此时如果某个警告框缺乏一致性就会导致错误的发生。

4.3 降低认知负荷

4.3.1 降低内在负荷

内在负荷是任务中包含的信息和用户固有的认知结构产生交互作品而形成的负荷，体现在界面中的信息就是文案的设计了，它也是产品设计中重要的一环。

悖于用户认知结构的文案设计会带给用户理解上的阻力，一份合格的文案设计需要做到简洁易懂、重点突出、无歧义性和保持一致。

4.3.1.1 简洁易懂

如果能够做到简洁，就不要冗余，确保每一个字都有其存在的意义。大部分用户会对冗余的大段文字产生畏难情绪，从而放弃阅读。

词汇的选择要符合用户人群的认知范围，不应该使用用户难以理解的各种黑话和行话。在此基础上，如果能够通过形象生动的修辞手法帮助用户快速理解，就更胜一筹了。

比如针对垃圾分类，一些网友发明的快速记忆方法就是一个很不错的例子，如下图。

4.3.1.2 重点突出

一段文案中可能有些是重点内容，有些是解释内容，并不是所有内容都需要让用户阅读并理解。大部分情况下只需要突出重点内容告知用户，能够引导用户下一步行动就足够了，至于其他解释性或者不重要的内容弱化即可。

针对前两条规则，我们以 12306 以及飞猪的学生票和成人票的选择弹窗作为案例进行对比。

如下图所示，每一次购买火车票的过程中，当我遇到 12306 的这个弹窗，都会让我用不少时间去进行理解和思考。

首先在个人看来，“温馨提示”在任何弹窗上都是占用空间没有实际意义的存在，如果没有标题，直接展示正文即可。

其次，正文的内容重点信息不突出，其中有一个句子“请凭购票时所使用的有效身份证件原件和附有学生火车票优惠卡的有效学生证原件换票乘车。”过于长和复杂，很考验用户的短期记忆和耐心。

最后，按钮文字没有提供操作路径，用户想知道如何操作需要先阅读完上面的文案。

飞猪的案例就避免了 12306 所存在的问题，做到了简洁易懂和重点突出，如下图。

4.3.1.3 表意清晰

表意清晰指的是文案传达的含义明确、不含糊、不存在歧义。下图是一款社交软件的警告框文案，文案的歧义让用户疑惑“取消”按钮是取消约会还是取消本次操作。经过修改后歧义性就消失了。

4.3.1.4 保持一致

同一个软件系统中，表达相同概念的用词一致。模块中的相似文案，语法表达方式一致。

上文提到我们人类很少愿意思考的特点，一旦一个软件系统出现表示同一个概念，但是名称不一样的词语，我们大脑就不得不开始被迫思考：“这个词语和之前那个很接近但是有些不一样，它们是同一个东西吗？”

这个思考过程从而形成了不小的阻力。《认知与设计》一书中提到一条规则：“同一个名称，就是同一个东西；不同的名称，就是不同的东西。”因此，一致性是撰写交互文案的一条重要原则。

4.3.2 降低外在负荷

当信息的内在负荷不能再进行降低时，通过改变信息的呈现方式、结构设计和逻辑安排来将复杂信息可视化，降低外在负荷，使信息更容易被用户接受和理解。这里涉及到信息可视化这个课题，这里就不做展开了。

五、提高阻力的应用

阻力并不是越小越好，在某些场景下，我们需要提高阻力提高用户的使用成本达成某些目的。

5.1 优化交互体验

5.1.1 提高防错能力

类似于马路上的减速带，在车辆进入需要低速行驶区域时进行阻碍。我们通常在用户容易犯错的操作前设定一定的阻力，减缓用户的操作的节奏，达到防错的目的。

如下图，在蓝湖中如果要删除一个项目，就需要先输入项目的名称后才能成功删除，通过增加阻力提高了防错能力。

5.1.2 提供安全感

针对涉及到用户隐私的敏感操作，通过设计特定的交互流程让用户体验到安全感，比如通过增加指纹、面部识别等操作降低用户对于危险和风险的担忧，增加用户的确定感和可控感。

5.1.3 建立仪式感

生活中大部分的时刻都是单调乏味的，我们需要使用各种仪式点缀它。与此类似，在用户的操作行为路径里增加一些不必要的过程，也能成为用户体验旅程中的点睛之笔。

就像多年前坚果手机一代的包装，设计师别具匠心的将包装设计为一次充满着童趣的体验，虽然拆包装的过程时间增加，但是给予用户似曾相识的场景是不可替代的。

看似使用起来费力的微信摇一摇，可以加强用户的参与感和仪式感，就仿佛融合着一种占卜未知世界的神秘体验，这种感觉是点击无法给予的。

（编辑：PHP编程网 - 湛江站长网）

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