「概念」尼尔森启发式评估十项原则详解

启发式评估是指安排一组评估人员检查界面,并判断其是否与公认的可用性原则相符的方法。提出这一方法的人机交互学博士尼尔森(Jakob Nielsen)于1995年1月1日发表了「十大可用性原则」。

该评估原则的作用不仅仅指找出与这些启发式矛盾的问题,而是帮助评价者找出可用性问题,从而提出优化方案,完善产品。

本文将对这十项原则进行详细解释。

一、系统状态可见性

系统应该在适当的时间内做出适当的反馈,告知用户当前的系统状态。

1、告诉用户处在系统的什么位置

用户往往需要知道自己身处在系统的什么位置。特别对于新手用户来说,需要提供必要的信息,否则容易产生迷失。

例如:在网易云课堂的课程观看页面,提供清晰的课程目录,返回按钮,章节信息,帮助用户能够快速判断自己处于何处,可以去向哪里。

网易云课堂的课程观看页的课程目录
2、让用户知道自己在做什么

用户需要知道自己的操作是否被系统感知,所以在用户操作后,应当第一时间提供反馈告诉用户这项操作被系统接受了。

例如,在云音乐播放界面,用户滑动唱片,立即触发动效,告诉用户这个手势是有用的,同时是可以用来切换单曲的。

云音乐播放界面的滑动效果
3、让用户知道系统在做什么

当系统在运行中时,尽可能向用户提供系统运行状态的信息。

例如,在云课堂手机端,课程目录中提供了下载状态标识,告诉用户系统正在下载中,下载完成了大概多少。

4、让用户知道系统做了什么

让用户知道操作的结果,从而进行下一步操作。需要尽可能给予相关的信息反馈,即便是在没有结果时也是一样。

例如,百度搜索无论是否找到结果,都会给用户一个反馈。

百度的搜索结果反馈
5、利用多种形式的反馈

反馈信息可以通过文字、动效、声音、震动、界面元素的变化等多种方式给用户以提示。

例如,在微信中拨打语音,建立连接的过程中,除有动画提示外,还有语音提示,消除了用户在拨号过程中等待的焦虑。

微信语音
6、对系统响应延迟应进行反馈

当系统响应小于1秒时不会打断用户思考,不需要特别反馈。响应时间越长用户满意度越低,10秒是用户注意力上限,响应时间较长时,给予必要的反馈。

例如:刷新提示,收件提示,下载提示。

云村广场中的刷新提示

综合上述案例,我们可以总结“系统状态可见性”原则中,相关的可用性问题有:

  • 缺少必要的反馈,没有清晰的系统状态;
  • 反馈不够持久,用户没有足够时间注意到或理解;
  • 反馈没有立即显示;
  • 反馈不容易看到,或不容易理解;
  • 提供了不必要的反馈,使用户慢下来;
  • 让用户误解的反馈;

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

设计应与用户现实生活中对相关产品的认知、经验、习惯等相符,以用户期望的方式表现出来,使用用户的语言,使用用户熟悉的词、句、概念,让用户可以利用自己已有的知识经验来执行操作任务。

1、使用用户的语言

保证使用的语言是用户能理解和联想的,并不是只能用大众化的语言,而是目标用户熟悉的语言;

例如,针对儿童开发的APP更多需要语音,动画来作为交互的语言;针对专业统计人员开发的工具软件,则应使用专用的统计术语;而面向大众的网站,使用了英文,则有可能导致用户看不懂。

2、符合现实世界中的使用习惯

将产品的使用习惯和现实中产品的使用习惯联系起来。

例如,回收站、购物车在现实生活中的使用习惯一致,用户能够直接产生联想。

回收站
3、使用现实世界的隐喻

从现实世界中借鉴的设计元素可以显著的降低用户的认知和学习困难,并增加他们的使用兴趣。

例如,云音乐使用了黑胶唱片的隐喻,不仅能让用户快速学会单曲切换,而且还增加了音乐爱好者的好感度。

网易云音乐播放界面
4、操作手势符合联想

使用的操作手势,应当是用户自然能够联系到的,不要轻易定义和创造用户难以联想到的手指。

例如,苹果手机接听电话的手势比较自然。

各类手势操作

综合上述案例,我们可以总结“系统与用户现实世界的匹配”原则中,相关的可用性问题有:

  • 使用了用户不熟悉的语言;
  • 系统的语言是以系统为中心,而不是用户为中心;
  • 任务流程和用户真实使用的流程不一致;
  • 系统结构不符合用户对真实世界的理解;
  • 系统使用的暗喻或比拟方法不容易理解;

三、用户控制和自由

用户经常会在使用功能的时候发生误操作,这时需要一个非常明确的“紧急出口”来帮助他们从当时的情境中恢复过来,需要支持取消和重做。

1、用户可以自由导航

清晰和便捷的导航方式,使用户可以自由的控制返回和去到的地方。

例如,iOS的导航设计方便用户快速的返回和去到需要的选项。

iOS系统界面
2、用户可以自由的退出

用户在感觉到迷失或困惑时,需要能够快速撤销的过程;用户使用系统的过程,是一个试错的过程,他们通常会试一试新功能,如果发现有错误, 就改正错误,试用新的方法,直到成功为止。

例如,office系列的撤销功能;iPhone的home键;

office的撤销功能
3、不可逆转的操作需要警告

重要的不可逆转的操作需要给到用户明显的提醒,否则将对用户产生严重的影响。

例如,文件删除时需要明确的警告用户。

永久性删除文件的提示

综合上述案例,我们可以总结“用户控制和自由”原则中,相关的可用性问题有:

  • 在不可逆的行动之前没有提供足够警告;
  • 没有在适当的实际提供取消的功能;
  • 取消功能不明显或是很难找到;
  • 不支持撤销的功能;

四、一致性与标准化

同一产品内,产品架构导航、功能名称内容、信息的视觉呈现、操作行为交互方式等方面保持一致;使界面看上去熟悉并且易于理解,使用户可以利用已有知识来执行判断新的操作任务,并可以预期操作结果;产品要与通用的业界标准一致。

1、产品内部保持一致

通用的信息应该使用一致的用词、外观和布局,可以帮助用户快速学习、记忆和熟悉产品的功能。

例如,iOS系统采用同样的颜色来表示可点击元素。

iOS系统可点击元素
2、不同版本之间有延续性

产品的不同版本之间,主要的功能,设计元素等,尽量有一定的延续性,避免老用户产生困惑。

例如,iOS系统的几个版本之间都有一定的创新,但仍然保留了很多原有的设计规范。

3、与业内产品保持一致

用户在使用其他产品,特别是大众型产品时已经形成了一定的习惯,不要轻易违反业界规范。

例如,当用户习惯大多数产品的操作手势时,尽量不要去给手势定义新的用途。

综合上述案例,我们可以总结“一致性与标准化”原则中,相关的可用性问题有:

  • 界面元素的外观、布局和分组不一致;
  • 界面元素的命名不一致;
  • 系统反馈信息的格式不一致;
  • 系统提示不一样的方法来操作相似的对象;
  • 表达含义不一致,例如在不同的地方红色代表不同的意义;
  • 设计标准和通用标准不一致;

五、错误预防

在用户选择动作发生之前,就要防止用户容易混淆或者错误的选择。

1、在执行危险操作前请用户确认

在用户执行比较危险的操作时,让用户确认,避免用户发生比较严重的错误。

例如,网易163邮箱在发送邮件中,会检查用户的邮件地址,邮件正文,提前识别可能发生的错误,并让用户确认。

网易163邮箱信息提示
2、利用清晰的提示防止错误

提供清晰的提示,也能防止用户犯错。

例如,手机键盘输入过程中的放大提示,防止用户误输入。

手机键盘输入过程中
3、利用用户的联想防止错误

利用颜色,动效等提供警示信息。

例如,微信中的退出群聊按钮用红色做出警示,让用户直接感知到可能发生的错误。

微信群聊设置界面

综合上述案例,我们可以总结“错误预防”原则中,相关的可用性问题有:

  • 输入信息时,没有告诉用户正确的格式;
  • 缺少非语言暗示;
  • 界面上不同的物体太相似;
  • 没有对可能产生严重后果的操作进行提示和确认;

六、让用户再认而非回忆

尽量减少用户需要记忆的事情和行动,提供可选项让用户再认信息。

1、将选择对象可视化

将选择对象、动作、选项可视化,使得用户一看就懂。

例如,excel提供可视化图表向导,使得用户非常容易进行选择。

可视化图表向导
2、丰富记忆线索

利用抽象的图像和文字,提供更多信息,帮助用户确认。

例如,抽象的图像,再配上名字,避免用户需要回忆才能想起图形所代表的含义;电商订单确认页面,需要提供完整的信息;在修改个人资料页面保留原有记录,在原有记录上进行修改而不是重新输入。

微信:图形+文字帮助用户快速选择
3、使用通用的命令

通过使用通用的命令,减少用户的记忆负担。

例如,使用通用的快捷方式如复制粘贴,通用的操作手势等。

4、更多让用户选择而不是输入

产品应该给用户提供选项,让用户从中选择或直接进行编辑。

例如,菜单就是最经典的设计。

综合上述案例,我们可以总结“让用户再认而非回忆”原则中,相关的可用性问题有:

  • 系统的使用过于复杂,用户不得不记忆复杂的命令;
  • 界面提供的信息不及时,用户不得不自己从系统的另一个部分找到相关的信息;
  • 图像或符号难以理解,甚至误导用户;
  • 菜单,选择或者链接有太多的层次;

七、具备灵活性且高效

系统需要同时适用于经验丰富的和缺乏经验的用户。好的软件不但应对新用户来说简单易学,还要对熟练用户来说快捷、高效,尤其是可以很方便的使用频率较高的功能。

1、提供快捷键

为频发操作的功能设置快捷键。

例如,微信pc端有系列快捷键设置。

微信快捷键设置
2、允许用户使用重复操作

对用户频繁使用的部分,提供重复使用的功能或者模块。

例如,用户可以快捷的再下一单,同时保存上次操作的记录。

当当订单列表页
3、提供系统默认值

通过提供系统默认值,而减少用户多余的操作。

例如,云课堂利用默认勾选常用选项,省去用户重复的操作。

网易云课堂登录设置

综合上述案例,我们可以总结“具备灵活性且高效”原则中,相关的可用性问题有:

  • 系统缺少自动化,没有自动地执行下面的任务;
  • 系统没有提供应有的默认值;
  • 默认值不正确;
  • 使用系统需要太多的控制动作;
  • 系统没有提供捷径;

八、美观而简洁的设计

对话中不应该包含无关紧要的信息,设计需要简洁明了,不要包含不相关的或者不需要的内容,每个多余的信息都会分散用户对有用或相关信息的注意力。

1、避免界面元素过于杂乱

不要同时呈现过多元素和动效。

例如,使用通用的快捷方式,通用的操作手势等。

反例:某网站多个板块均有动效
2、对重点信息突出显示

用户注意力资源有限,应该保持信息精炼,有突出,有弱化。

例如,下图没有突出重点功能,而Google就很清晰的突出了搜索这个重点。

某信息网站与Google的对比

综合上述案例,我们可以总结“美观而简洁的设计”原则中,相关的可用性问题有:

  • 用户界面上的元素太大或太小;
  • 元素的颜色、形状或文字不适当,不容易识别;
  • 界面元素的移动太快、太慢或不容易觉察;
  • 界面过于拥挤,界面元素密度分布不均匀;
  • 不同的元素太相似,按键或者链接看上去像一般的文字;

九、帮助用户认知、判断和修复错误

用简单明确的语言解释错误信息,精确的指出问题的原因并提出建设性的解决方案。

1、引起用户注意

当错误发生时,提示信息一定要直观醒目,文字需要简单易懂。

例如,iOS系统中的断网模式下的提示。

2、提供建设性建议

当用户遇到错误时,尽可能的提供有实质意义的信息,如:问题是什么,如何从错误中恢复等。

例如,云课堂搜索输入错误时,给用户提供建议。

3、自动纠错

如果系统能够帮助用户自动甄别出错误,并进行及时的修正,那将给用户带来极大的使用便利。

例如,Google搜索自动纠正单词拼写错误。

综合上述案例,我们可以总结“帮助用户认知、判断和修复错误”原则中,相关的可用性问题有:

  • 用用户不容易理解的语言进行提示,如404错误;
  • 没有给出有效的建议;
  • 错误信息使用户感到迷惑;
  • 错误信息用词不当;

十、帮助和使用手册

提供帮助信息,帮助信息应当易于查找,聚焦于用户的使用任务,列出使用步骤,并且信息量不能过大。

1、方便用户查找

帮助文档入口要容易找到,帮助信息要方便用户查找。

例如,提供帮助搜索,对帮助信息进行分类。

网易云课堂的帮助中心
2、便于用户理解

避免使用专业术语,使用图片或图表;除了文字外,还可以使用示意图,操作步骤等,方便用户应用。

例如,帮助文档中给出具体的示意图。

3、便于用户应用

在操作的同时,同时能见到帮助信息。

例如,iOS系统中,在功能设置的同时提供帮助提示。

综合上述案例,我们可以总结“帮助和使用手册”原则中,相关的可用性问题有:

  • 帮助信息或用户手册不存在;
  • 帮助信息没有意义或使用户更加迷惑;

最后,我们再来回顾一下这十项可用性原则,具体见下图。

十项可用性原则

这么多信息要完全记住有点困难,我们可以把这十大原则保存下来,在之后的工作过程中反复应用。只有实践过了,你才能真正get到原理中的精髓,一起加油!

以上。感谢阅读!欢迎交流~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
禁止转载,如需转载请通过简信或评论联系作者。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容