如何减少网页设计中的摩擦

就用户体验而言，摩擦是任何阻碍用户实现目标的因素。 摩擦对用户和设计师来说都是一个主要问题，因为它会降低转化率、增加跳出率并导致用户放弃他们的任务。 换句话说，它与任何好的网站完全相反。

用户体验中的摩擦会影响每次用户交互，因此即使是设计最精良的界面也难以使用。 另一方面，无摩擦的网站体验创造了无缝且自然解开的用户交互。

减少您网站的摩擦可以带来更优质的互动而不会出现复杂情况。 清理您的网站将提高您的转化率并鼓励您的用户在您的网站上停留更长时间，从而增加他们采取行动的可能性。 这是如何做到的。

识别网站上的摩擦

摩擦可以有多种形式。 有些人将摩擦定义为用户使用您的网站必须克服的任何问题（示例包括加载时间缓慢或导航不佳）。 其他人使用术语摩擦来描述界面上不需要或过多的任何东西。 还有一些人将摩擦等同于“认知负荷”，或者任何需要用户思考但不应该思考的东西。

虽然这些本质上都是同一事物的版本，但我们通常可以将摩擦的症状识别为：

• 分散注意力的视觉效果
• 视觉混乱的界面
• 不一致
• 不必要的行动和决定
• 令人困惑或不够直观的功能

同样重要的是要了解，在某些情况下，摩擦实际上可能是一件好事。 这适用于摩擦设计组件出于某种目的减慢用户速度时。 例如，您可能会合并复杂的元素来捕获数据或防止用户犯错误并造成严重后果（例如用户永久删除其收件箱或帐户）。

在其他情况下，摩擦可能用于教育目的。 游戏就是一个很好的例子。 在游戏中，我们使用摩擦来灌输学习。 通过摩擦，我们从初学者到专家，同时仍然享受自己。 这是骑自行车的虚拟版本——通过反复试验，我们学到了一些新东西。 没有人会喜欢没有摩擦的游戏，因为它不会很有趣。

但是，对于大多数网站，您会希望让您的体验尽可能顺畅。 使用这些久经考验的策略来创造轻盈的用户体验：

1. 从宏观方法开始

为了创造无摩擦的用户体验，请从完整的用户旅程开始。 这将帮助您确定摩擦对您的开发过程有帮助的地方，以及什么时候对您的用户来说很麻烦。

用户旅程中的每一步都提供了影响整个产品成功的机会。 决定何时需要摩擦以收集数据或防止错误，并消除可能对您的响应率产生负面影响的所有其他障碍。

2. 尽量减少采取行动所需的步骤

您很有可能通过减少用户流程中的一些步骤来减少摩擦。 一个著名的例子是使用 iCal 函数的复杂过程：

• 双击月视图中的日期。
• 输入您的活动名称。
• 跳过位置。
• 跳过“全天”复选框。
• 跳过过去一个月。
• 跳过过去的一天。
• 跳过过去的一年。
• 输入活动的时间。
• 输入事件开始的分钟。
• 输入上午或下午。

如果您认为这看起来很有压力，那么您并不孤单。 现在，将其与 Backpack 日历功能中的用户旅程进行对比：

1. 在您的月视图中双击事件的日期。
2. 键入事件的名称和开始时间。

比较这两个应用程序，很容易看出哪个应用程序的摩擦更小。 在某些情况下，您可能有一个需要许多步骤的过程。 如果是这种情况，请确保每个步骤都尽可能轻松。 您可以通过使用复选框而不是要求输入来完成此操作，或者尽可能合并步骤。

3.知道“少即是多”

界面的最终目标是使事情尽可能简单。 这构成了网页设计最佳实践的基础。 通过去除不必要的，我们可以传达本质。

注意优先考虑满足用户期望的元素，并删除任何不是绝对必要的元素。 Google 的主页就是一个典型的例子。 你只能做一件事，而且周围有很多空白。

不要过度使用功能——你冒着使事情变得复杂并对用户有害的风险（这最终对你的产品不利）。

4. 使用良好的导航习惯

失重体验的敌人之一是糟糕的导航。

不幸的是，在设计导航时可能会出现很多问题，因此这也是造成摩擦的常见原因。 没有“一刀切”的清晰导航方法，但有一个来源可以让您了解什么对您的网站有效：您的用户。

用户测试将帮助您了解人们如何访问您的网站或应用程序中的内容并对其进行分类。 使用此信息来指导和调整您的导航做法，使其满足用户的需求。

5. 分块是你的朋友

任何心理学专业的学生都会记得，乔治·A·米勒假设人类的大脑平均可以在工作记忆中保存 7 个对象，正负两个。

这就是分块实践的起源——它可以防止认知超载。 将信息组织成块可以解决人脑的局限性并增加记忆力。

我们可以将这个概念应用到网页设计中，将复杂的任务分解成一系列更小、更简单的任务。 将此技术应用于输入表单和其他繁琐的任务，以降低跳出率并提高用户注意力。

6. 不要重新发明轮子

对您的网站做一些新的或创新的事情可能很诱人。 作为有创造力的人，网页设计师创造独特的东西是很自然的。 但是，用户更喜欢与熟悉的 UI 元素进行交互，因为他们可以使用从以前的经验中获得的知识。

每次我们强迫用户学习新事物的工作原理时，我们都会为他们制造更多的摩擦。 可预测的 UI 模式可帮助用户了解系统并完成任务。 尽可能使用预先建立的 UI 和 UX 标准。 例如，用于搜索的放大镜图标很容易被用户识别，不需要额外的思考。

7.忠于你的品牌

最后，设身处地为用户着想一分钟。 访问者会在访问您的网站后的 4-6 秒内知道您的目的吗？ 如果不是，你从一开始就制造摩擦。

您的登录页面或应用主页应该很容易找到解决方案，为用户解决问题，或帮助用户实现他们的目标。 这个概念适用于布局、排版、图形等。

结论

您的网站或应用程序应尽可能顺畅。 通过删除不必要的步骤和杂乱的设计元素，您可以帮助您的用户更快地实现他们的目标并降低您的网站跳出率。

网站中的摩擦范围从实用到美观。 例如，缓慢的加载时间或低于标准的导航可能会导致用户放弃您的网站，而缺少空白甚至错误的字体会增加认知负荷。 这就是为什么在设计产品时考虑整个用户旅程很重要的原因。

按照上述步骤，您可以识别网站中的摩擦并采取措施减少摩擦。 通过这样做，您将增加转化次数并在解决用户问题方面更加成功。