尼尔森十大可用性设计原则

概要: Jakob Nielsen 的交互设计的10个一般原则。它们被称为“启发式”,因为它们是广泛的经验法则,而不是具体的可用性指南,十分经典,回味无穷。
来源:10 Usability Heuristics for User Interface Design (nngroup.com)

设计应该在合理的时间内通过适当的反馈让用户了解正在发生的事情。

当用户知道当前系统状态时,他们会了解之前交互的结果并决定下一步。可预测的互动创造了对产品和品牌的信任。

Tips:

  • 向用户清楚地说明系统的状态ーー不应在未通知用户的情况下采取任何对用户有影响的行动
  • 尽可能快地向用户提供反馈 (最好是立即)
Usability Heuristic #1: Man beside “You Are Here” indicators on a mall maps to show him where he currently is.
购物中心地图上的“你在这里”指示器必须显示人们当前的位置,以帮助他们了解下一步该去哪里

 

二、系统与现实世界的匹配

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

设计的方式很大程度上取决于特定的用户。对您和您的同事来说似乎非常清楚的术语、概念、图标和图像可能对您的用户来说是陌生的或令人困惑的。

当一个设计的控件遵循现实世界的约定并且符合期望的结果(称为自然映射)时,用户更容易学习和记住界面是如何工作的。这有助于建立一种感觉直观的体验。

Tips

  • 确保用户不用查词义就能理解词义
  • 永远不要认为你对单词或概念的理解会与你的用户的理解相匹配
  • 用户研究将帮助你发现你的 用户熟悉的术语 ,以及他们围绕重要概念的思维模式
Usability Heuristic #2: A stovetop that has controls that match the layout of the heating elements.
当炉顶控制器与加热元件的布局匹配时,用户可以迅速了解哪个控制器映射到哪个加热元件

 

三、用户控制和自由

用户经常错误地执行操作。他们需要一个明确标记的“紧急出口”,以便离开不想要的行动,而不必经过一个长期的过程。

当人们很容易退出一个过程或撤销一个行为时,这就培养了一种自由和自信的感觉。退出允许用户保持对系统的控制,避免陷入困境和感到沮丧。

Tips

  • 支持撤销和重做。
  • 显示退出当前交互的清晰方式,如“取消”按钮。
  • 确保出口有清晰的标签并且可以被发现。
Usability Heuristic #3: A door with a light-up emergency exit above it.

当炉顶控制器与加热元件的布局匹配时,用户可以迅速了解哪个控制器映射到哪个加热元件

 

四、一致性和标准

用户不应该怀疑不同的语言、情景或行为是否意味着同一件事,请遵循平台和行业惯例。

雅各布定律指出,人们大部分时间都在使用数字产品,而不是你的。用户对其他产品的体验设定了他们的期望。不能保持一致性可能会增加用户的认知负荷,迫使他们学习新的东西。

Tips

  • 通过保持内部和外部两种类型的一致性来提高学习能力
  • 在一个产品或一系列产品中保持一致性(内部一致性)。
  • 遵循既定的行业惯例(外部一致性)。
Usability Heuristic #4: A hotel check-in counter at that is always located at the front of a hotel.
办理登机手续的柜台通常设在酒店的前面,这种一致性满足了顾客的期望

 

五、预防错误

良好的错误消息是重要的,但是最好的设计首先要小心地防止问题的发生。要么消除容易出错的情况,要么检查这些情况,并在用户提交操作之前向他们提供一个确认选项。

有两种类型的错误: 失误和错误。疏忽是由于注意力不集中而引起的无意识的错误。错误是基于用户心智模型和设计不匹配而产生的有意识的错误。

Tips

  • 请致力于这么做: 先防止高成本的错误,然后再小挫折。
  • 通过提供有益的约束和良好的默认值来避免错误。
  • 通过移除记忆负担、支持撤销和警告用户来防止错误。
Usability Heuristic #5: A highway that has guard rails so a driver can't drive off the side.
弯曲的山路上的护栏可以防止司机从悬崖上掉下来。

 

六、识别而不是回忆

通过使元素、操作和选项可见,最小化用户的记忆负载。用户不应该记住从界面的一个部分到另一个部分的信息。使用外观设计所需的资料(例如字段标签或菜单项目)应该是可见的,或在需要时容易检索。

人类的短期记忆是有限的,有助于识别的界面减少了用户需要付出的认知努力。

tips

  • 让人们在界面上识别信息,而不是必须记住(“回忆”)它
  • 在上下文中提供帮助,而不是给用户一个冗长的教程去记忆。
  • 减少用户必须记住的信息。
对于大多数人来说,识别国家的首都比记住它们要容易得多。人们更有可能正确地回答这个问题。
里斯本是葡萄牙的首都吗?而不是葡萄牙的首都是哪里?

 

七、灵活性和使用效率

快捷键ーー对新手用户隐藏起来ーー可以加快专家用户的交互速度,使设计能够同时满足经验不足和有经验的用户。允许用户定制频繁的操作。

灵活的流程可以以不同的方式实施,因此人们可以选择适合自己的方法。

tips

  • 提供快捷键,如键盘快捷键和触摸手势。
  • 通过为单个用户定制内容和功能来提供个性化。
  • 允许自定义,这样用户可以选择他们希望产品如何工作。
常规路线都在地图上标注出来了,但是当地人对这个地区有更多的了解,他们可以走捷径。


八、美感和极简主义设计

界面不应该包含不相关或很少需要的信息。界面中的每一个额外的信息都在互相争夺注意力。

这个原则并不意味着你必须使用扁平化设计,而是要确保内容和视觉设计专注于要点。确保界面的视觉元素支持用户的主要目标。

tips

  • 保持 UI 的内容和视觉设计集中在要点上。
  • 不要让不必要的元素分散用户对他们真正需要的信息的注意力。
  • 对内容和特性进行优先排序,以支持主要目标。
一个华丽的茶壶可能有过多的装饰元素,可以干扰可用性,像一个不舒服的处理或难以清洗喷嘴。

 

九、帮助用户识别、诊断错误并从中恢复

错误信息应该用通俗的语言(没有错误代码)表达,精确地指出问题,并建设性地提出解决方案。

这些错误消息还应该提供可视化处理,以帮助用户注意和识别它们。

tips

  • 使用传统的错误消息视图,如粗体、红色文本。
  • 用户可以理解的语言告诉他们哪里出了问题ーー避免使用术语集。
  • 为用户提供一个解决方案,比如一个可以立即解决错误的快捷方式。
道路上的错误方向标志提醒司机他们正在向错误的方向行驶,并要求他们停车。

 

十、帮助和文档

如果系统不需要任何额外的解释,那是最好的。但是,可能有必要提供文档来帮助用户了解如何完成任务。

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

tips

  • 确保帮助文档易于搜索。
  • 只要有可能,在用户需要文档的时候,立即在上下文中呈现它。
  • 列出应采取的具体步骤。
机场的信息亭很容易识别,能立即解决客户的问题。
闽ICP备2020019652号-2