交互设计（用户界面）10大可用性原则详解

发布日期：2022/5/15 8:27:47      浏览量：

交互设计（用户界面）10大可用性原则详解

雅各布·尼尔森（Jakob Nielsen，人机交互学博士）于1994年4月24日发表了《十大可用性原则》。该原则不仅适用于Web端，还适用于移动端。十大可用性原则对于交互设计来说意义重大，可提升整个产品的可用性。
十大可用性原则包括状态可感知原则、贴近用户认知原则、操作可控性原则、一致性原则、防错性原则、识别好过回忆原则、灵活高效原则、美学和极简设计原则、容错性原则及人性化帮助原则。
注：Jakob Nielsen的交互设计的10大原则。之所以称为“启发式”，是因为它们是广泛的经验法则，而不是特定的可用性准则。

＃1：系统状态的可见性

设计应始终在合理的时间内通过适当的反馈使用户了解发生的情况。

当用户知道当前系统状态时，他们将了解其先前交互的结果并确定下一步。可预测的互动会建立对产品和品牌的信任。

• 向用户清楚地传达系统状态是什么-在没有通知用户的情况下，请勿采取任何对用户造成后果的行动。
• 尽快（理想情况下，立即）将反馈呈现给用户。
• 通过开放不断的沟通建立信任。

＃2：系统与现实世界之间的匹配

设计应用户的语言说话。使用用户熟悉的单词，短语和概念，而不要使用内部术语。遵循现实世界的惯例，使信息以自然和逻辑的顺序出现。

您的设计方式在很大程度上取决于您的特定用户。您和您的同事看似清晰的术语，概念，图标和图像可能对您的用户不熟悉或感到困惑。

当设计的控件遵循现实世界的约定并与所需的结果相对应时（称为自然映射），用户可以更轻松地学习和记住界面的工作方式。这有助于建立一种直观的体验。

• 确保用户可以理解含义，而不必去查找单词的定义。
• 永远不要认为您对单词或概念的理解会与您的用户相匹配。
• 用户研究将帮助您发现用户熟悉的术语以及他们围绕重要概念的思维模式。

＃3：用户控制和自由

用户经常错误地执行操作。他们需要一个明显标记的“紧急出口”，以便无需执行扩展过程即可离开不需要的操作。

当人们很容易退出流程或撤消某项操作时，就会培养出一种自由和自信的感觉。出口使用户能够控制系统，避免卡住和感到沮丧。

• 支持撤消和重做。
• 显示一种退出当前交互的清晰方法，例如“href="https://www.nngroup.com/articles/reset-and-cancel-buttons/">取消”按钮。
• 确保出口处有清晰的标签且可发现。

＃4：一致性和标准

用户不必怀疑不同的词语，情况或动作是否意味着同一件事。遵循平台和行业惯例。

雅各布定律指出，人们将大部分时间都花在使用数字产品而不是您的产品上。用户对其他产品的体验设定了他们的期望。无法保持一致性可能会通过迫使用户学习新知识而增加他们的认知负担。

• 通过保持内部和外部两种类型的一致性来提高学习能力。
• 在单个产品或产品系列中保持一致性（内部一致性）。
• 遵循既定的行业惯例（外部一致性）。

＃5：错误预防

好的错误消息很重要，但是最好的设计首先要仔细地防止问题发生。要么消除容易出错的条件，要么检查它们并向用户提供确认选项，然后再执行该操作。

错误有两种类型：slips和Mistakes。滑倒是由于疏忽引起的无意识的错误。错误是基于用户的心理模型和设计之间不匹配的有意识的错误。

• 优先考虑您的工作：先预防高成本的错误，然后防止小小的挫败感。
• 通过提供有用的约束和良好的默认值来避免slips。
• 通过消除内存负担，支持撤消操作和警告用户来防止错误。

＃6：认可而不是回忆

通过使元素，操作和选项可见，最大程度地减少用户的内存负载。用户不必记住从界面的一部分到另一部分的信息。使用该设计所需的信息（例如字段标签或菜单项）应可见或在需要时易于检索。

人类的短期记忆有限。促进识别的界面减少了用户所需的认知工作量。

• 让人们识别界面中的信息，而不必记住（“回忆”）它。
• 在上下文中提供 帮助，而不是为用户提供冗长的教程以供记忆。
• 减少用户必须记住的信息。

＃7：使用的灵活性和效率

对新手用户而言不为人知的快捷方式可以加快专家用户的交互速度，从而使设计既可以满足经验不足的用户，又可以满足需要的用户。允许用户定制频繁的操作。

可以以不同的方式执行灵活的过程，以便人们可以选择适用于他们的任何方法。

• 提供键盘快捷键和触摸手势等加速器。
• 通过为单个用户定制内容和功能来提供个性化设置。
• 允许自定义，因此用户可以选择他们希望产品如何工作。

＃8：美学和简约设计

接口不应包含无关或很少需要的信息。界面中每个额外的信息单元都会与相关的信息单元竞争，从而降低其相对可见性。

这种启发式方法并不意味着您必须使用平面设计，而是要确保您将内容和视觉设计保持在重点之上。确保界面的视觉元素支持用户的主要目标。

• 保持UI的 内容和视觉设计集中在要素上。
• 不要让不必要的元素分散用户真正所需的信息。
• 优先考虑内容和功能以支持主要目标。

＃9：帮助用户识别，诊断错误并从错误中恢复

错误消息应以简单的语言表示（没有错误代码），准确指出问题所在，并建设性地提出解决方案。

这些错误消息还应进行视觉处理，以帮助用户注意和识别它们。

• 使用传统的错误消息视觉效果，例如粗体，红色文本。
• 告诉用户他们会理解的语言出了什么问题–避免使用技术术语。
• 为用户提供解决方案，例如可以立即解决错误的快捷方式。

＃10：帮助和文档

最好是系统不需要任何其他说明。但是，可能有必要提供文档以帮助用户了解如何完成其任务。

帮助和文档内容应易于搜索，并专注于用户的任务。保持简洁，并列出需要执行的具体步骤。

• 确保帮助文档易于搜索。
• 只要有可能，就在用户需要时立即在上下文中显示文档。
• 列出要执行的具体步骤。