用户界面设计的10种可用性启发式

摘要:Jakob Nielsen交互设计10条一般原则。之所以称为“启发式”,是因为它们是广泛的经验法则,而不是特定的可用性准则。

关键词:启发式评估,人机交互,网络可用性

全文共2473字,阅读大约需要8分钟。


UED观察 报道 | 公众号 uedsee 


1:系统状态的可见性

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

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

可用性启发式1的示例:购物中心地图上的“您在这里”指示器必须向人们显示他们目前的位置,以帮助他们了解下一步的发展。

提示

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

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

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

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

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

可用性启发式示例2:炉灶控件与加热元件的布局匹配时,用户可以快速了解哪个控件映射到哪个加热元件。

提示

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

3:用户控制和自由

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

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

可用性启发式3的示例:数字空间需要快速的“紧急出口”,就像物理空间一样。

提示

  • 支持撤消和重做。
  • 显示一种退出当前交互的清晰方法,例如“取消”按钮。
  • 确保出口处有清晰的标签且可发现。

4:一致性和标准

用户认为相同的词语,情况或动作意味着同一件事。请遵循平台和行业惯例。

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

可用性启发式示例4:check in柜台通常位于酒店前面。这种一致性满足了客户的期望。

提示

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

5:错误预防

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

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

可用性的例子启发法#5:弯曲山路上的护栏防止司机掉落悬崖。

提示

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

6:认可而不是回忆

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

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

可用性启发式方法6的示例:对于大多数人来说,识别国家的首都更容易,而不必记住它们。人们更有可能正确回答以下问题:里斯本是葡萄牙的首都吗?

提示

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

7:使用的灵活性和效率

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

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

可用性启发式7的示例:常规路线在地图上列出,但是对该地区有更多了解的当地人可以使用捷径。

提示

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

8:美学和简约设计

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

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

可用性的示例启发式#8:一个华丽的茶壶可具有过度的装饰元素,可以提高可用性干扰,如不舒服的手柄或难洗喷嘴。

提示

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

9:帮助用户识别,诊断错误并从错误中恢复

错误消息应该用简单的语言表示(没有错误代码),准确地指出问题所在,并建设性地提出解决方案。

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

可用性启发式方法9的示例:道路上的错误路标会提醒驾驶员他们朝错误的方向行驶并要求他们停车。

提示

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

10:帮助和文档

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

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

可用性启发式方法10的示例:机场的信息亭易于识别,可在上下文中立即解决客户的问题。

提示

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

参考资料

[1]

https://www.nngroup.com/articles/ten-usability-heuristics/



Author: pixel32