可用性启发式是构建直观界面的一般规则。最初由 Jacob Nielsen 与 Rolf Molich 合作于 1990 年开发,1994 年略有改进,此后一直保持不变。
UX 设计师和研究人员在评估界面或在设计新产品或功能时将它们用作检查表时使用可用性启发式。这些广泛的规则是确保您的产品直观、用户友好且功能强大的最便宜和最容易获得的工具。尽管它们不提供具体说明,也不能代替真人测试,但设计师可以在产品开发的任何阶段使用可用性启发法。它们基于用户研究,可以检测到可用性问题,您可以在稍后对真实受众进行测试之前解决这些问题。
什么是可用性启发式?
可用性启发式或尼尔森启发式是我们在设计用户界面时遵循的 10 条广泛规则。由 Jacob Nielsen 于 1994 年开发,它们仍然有效,并且主要由 UX 设计师和研究人员使用。
可用性启发法不提供具体的可用性指南。它们提供了对特定情况下用户行为的一般理解,并有助于构建具有出色用户体验的更直观的产品。
评估界面和识别可用性问题的过程称为启发式评估。这是最便宜和最简单的可用性测试方法,可以在预算有限的产品开发的早期阶段使用。
尼尔森启发法并不是您可以使用的唯一启发法。行为科学家 Susan Weinschenk 制定了10 种心理启发法解释影响用户行为的因素以及我们如何使用这些知识来创建更好的设计。
系统状态的可见性
系统状态的可见性表明,一个好的系统应该始终让用户了解正在发生的事情,并为他们的操作提供相关和及时的反馈。
了解系统的状态可以让用户控制情况,并帮助他们了解他们现在所处的位置以及下一步可以做什么。适当的反馈让用户知道他们的操作(如按钮点击)已被接收和处理。否则,用户会感到迷茫和困惑——“我是按了按钮,还是应该再按一次?我的文件正在上传,还是出了什么问题?”
最常见的系统反馈示例包括颜色变化、动画进度跟踪器、声音、轻微振动(在移动设备上)或通知。例如,在用户填写所有数据后,提交按钮的状态从禁用变为活动,因此用户知道表单已准备好提交。
交互式事件的即时反馈允许用户检测错误并快速修复它们甚至阻止它们。例如,密码字段上显示 Caps Lock 已打开的内联错误消息可帮助用户在点击“保存”按钮并遇到错误之前节省时间。
通过使用通知或模态对话框,您可以通知用户状态变化、吸引他们并影响他们的行为。
系统与现实世界的匹配
系统与现实世界的匹配是指使用用户熟悉的语言、交互和概念。当他们遇到的事情是基于他们先前的知识和经验时,人们会感到更加舒适和满足——这意味着他们不必学习界面。您可以通过以下方式确保这一点:
语言:界面应使用用户无需查找其定义或翻译即可理解的单词和短语(以防界面不支持多种语言)。简单的语言对每个人都有好处,包括专家、国际用户和以英语为第二语言 (ESL) 的人。
外观和交互:数字对象和交互应该模仿现实世界。它表现出对用户的同情和尊重。设计师应该使用通用图标,引入用户在现实世界中遇到的交互(如翻页或按下按钮),并将元素放在页面上用户期望的自然位置。
用户控制和自由
系统应该承认用户是会犯错并改变主意的人。设计师应该允许人们撤消他们的最后一个动作,纠正错误,并重置到以前的状态。
快速解决问题会给用户一种控制感和自由感,并激励他们使用产品。否则,用户会感到不满意并想离开。
您可以在设计中使用一些 UI 控件来帮助用户返回到系统的先前状态:
撤消/重做按钮:允许回溯用户的最后操作
后退按钮: 允许返回到上一页或屏幕
取消按钮: 允许退出任务
关闭按钮: 允许关闭当前视图
确保退出链接或按钮很容易被发现。将它放在用户希望找到它的地方,增加足够的对比度,并使用熟悉的图标,这样用户就不会花时间去寻找它。向用户隐藏退出按钮会让他们感到被困,并破坏他们对产品的信任。
避免用 X 图标替换取消按钮以节省空间。如果退出按钮同时执行关闭和取消,请使用明确的文本标签(取消)或通过警告对话框通知用户单击后不会保存他们的更改。
一致性和标准
尼尔森关于一致性和标准的启发式指的是坚持使用相同的词语、情况或动作来定义整个产品中的相同元素或概念。设计人员应遵循平台指南和惯例,以提高易学性和减少混淆
正如一些设计师担心的那样,一致性并不是独特和创造性设计的敌人。当人们到达一个新网站时,他们不希望有惊喜。他们从以前的经验中带来期望,并希望这些期望得到满足。对菜单、按钮或模态对话框等标准 UI 组件的外观和行为应用太多更改会增加认知负荷和学习曲线。
一致性应该扩展到几个层面,例如:
视觉: 风格一致的图标、符号和图像。
放置: 相同操作的按钮和链接应该在页面中具有相同的位置。
数据收集:对整个产品中的日期、电话号码或位置等数据使用相同的输入格式。
设计系统是保持产品设计一致性的完美工具。它为组件的使用和外观提供单一的真实来源,从而使您的用户和团队受益。
错误预防
我们不能期望用户只关注我们的网站或应用程序。用户执行多项任务,在选项卡和窗口之间切换,分心,并犯错误。系统不仅应该帮助用户快速修复错误,还应该防止它们发生。及时通知、输入约束、智能默认和数据验证有助于系统更加灵活并减轻用户负担。
您可以通过以下方式做到这一点:
建议: 例如,您可以在用户在搜索字段中输入时提供建议。它降低了交互成本,并防止用户输入错误和遇到无结果页面。
通知:例如,不是在用户单击“提交”按钮后通知他们错误,而是让他们知道在输入密码时大写锁定已打开。
智能默认值: 默认值可防止拼写错误并帮助用户更快地完成任务。例如,默认情况下,Google 日历会在活动开始前 10 分钟通知用户,这是用户最常见的选择。
宽容格式:要求用户输入数字信息的输入通常需要特定格式。让用户按自己喜欢的方式键入并自动调整数据,而无需强迫他们使用特定格式,从而减少认知负担。
识别而不是回忆
该系统应该帮助用户识别事物,而不是强迫他们记忆力和回忆项目。例如,当用户被要求输入他们的出生日期时,他们都熟记在心并且觉得这样做没有任何困难。当您要求他们提供卡号及其 CVV 时,用户回忆起这些数据更具挑战性。一些网站和应用程序会提供记住卡号以便进一步购买的功能。但是,CVV 是机密数据,用户需要付出额外的努力才能获得此号码(从钱包中取出卡片或找到写下它的便条)。
用户从记忆中检索信息的能力取决于他们看到和使用它的频率以及它周围的上下文。理想情况下,界面应促进识别并应用某些设计实践以使信息和界面功能可见且易于访问。
这可以通过以下方式完成:
搜索历史和最近查看的内容: Netflix 的主页显示未完成的电影或电视剧,以帮助用户回到他们已经开始的地方。
提示和教程:如果你想介绍一个新的功能,提示可以帮助用户记住这个信息,并在他们下次访问这个页面时认出它。
使用的灵活性和效率
这种启发式意味着系统应该为新手和有经验的用户提供量身定制的用户体验。
新用户有不同的需求,他们依赖提示和清晰的标签,同时采取更长的、循序渐进的方法。更有经验的用户使用更快、更少指导的方法并学习键盘快捷键或触摸屏手势来完成相同的任务。
设计师应该制作一个灵活高效的系统:
让用户以多种方式处理任务。 例如,电子商务网站应允许用户通过在搜索字段中键入内容、通过目录或浏览推荐来查找产品。
允许用户根据自己的需要自定义界面。 例如,用户可以通过添加必要的工具和面板并删除不用的来调整 Photoshop 中的工作区。
提供加速器。 移动设备上的手势和桌面上的键盘快捷键可帮助更有经验的用户在更短的时间内访问功能。
引入宏。 宏表示由一个动作触发的一组命令,并帮助用户通过可预测的步骤自动执行重复或乏味的任务
美学和极简主义设计
人们对看起来不错的界面中的小可用性问题产生了更大的容忍度。视觉上吸引人的设计使体验更加愉快,但绝不能为了美观而牺牲清晰度。设计师应该消除不必要的和很少使用的元素,这些元素可能会分散用户对相关内容的注意力并产生额外的视觉噪音。[15]
根据这种启发式,极简主义设计是一种功能性设计,其中包含仅支持用户任务的元素。为此,设计师应该:
遵循设计原则。 统一、平衡、层次、邻近、空白和其他基本设计原则有助于创建引导用户注意力、保持他们参与并帮助他们实现目标的界面。
减少混乱。 减少页面上低信息元素的数量,例如低分辨率、模糊图像、不相关的信息、没有解释的技术术语以及仅用于装饰的元素。
应用渐进披露原则。 这意味着首先呈现最关键和最常见的信息,然后在用户需要时显示更高级、更具体的功能。
帮助用户识别、诊断错误并从错误中恢复
错误消息应以通俗易懂的语言编写,并简要解释导致错误的原因以及用户如何修复它以继续他们的流程。
避免显示错误代码并用技术术语解释错误——这对用户没有任何意义,恐吓他们,让他们感到被卡住了。
好的错误消息的标准包括:
通俗易懂的语言: 错误消息的主要目的是告知用户,而不是用复杂的词语给他们留下深刻印象。只有当您确信您的听众熟悉它们时,您才可以使用技术术语。一般来说,坚持日常用语。
礼貌: 确保您的信息听起来没有批判性或暗示用户做错了什么。
明确性: 消息应该清楚地解释错误的原因。
建设性建议: 仅仅陈述问题是不够的。解释用户如何能够以更少的努力快速解决问题。
减少用户的工作: 例如,允许用户只修复有错误的输入,而不是强迫他们重新填写整个表单。
错误消息应该是可见的——使用粗体文本、红色和相关图标。
帮助和文档
人们不喜欢阅读说明。Nielsen 的启发式建议系统应该有文档或教程,为用户定义具体步骤以完成他们可能需要帮助的任务。
系统可以为用户提供两种类型的帮助:
主动帮助: 旨在防止用户陷入困境并需要帮助的情况。入职流程和提示提供了这样的帮助。
反应性帮助: 这是在用户处于危机之中时提供的。教程、视频和文档通过回答问题和为想要成为专家的人提供更多详细信息来解决用户问题。
根据帮助的类型,设计人员应确保:
简短的入职培训和上下文提示:它们应该简洁、信息丰富,并且如果用户不需要它们,也很容易忽略。与当前任务相关的提示是最有帮助的。
全面的文档和教程:它们应该附有图像和视频,以便更好地感知视觉信息的人。
分类帮助文档:文档应按主题分为相关类别,以便用户可以更有效地浏览它们。如果需要,提供一个搜索栏,以便用户可以直接跳转到相关部分。
上下文提示或文档:这些很容易找到和访问。用户可能会在入职期间忽略有用的提示,并在以后遇到问题时记住它。
以上内容为转载
网友评论