解析尼尔森十大可用性原则
羽翼单舞
尼尔森是一位人机交互学博士,于1995年1月1日发表了「十大可用性原则」。1995年以来,他通过自己的 Alertbox 邮件列表以及http://useit.com 网站,向成千上万的 Web 设计师和App设计师阐述了易用性方面的知识,尽管他的一些观点可能带来争议,至少在 互联网设计师眼中,他是易用性领域的顶尖领袖。2006年4月,并被纳入美国计算机学会人机交互学院,被赋予人机交互实践的终身成就奖 。他还被纽约时报称为“Web 易用性大师”,被 Internet Magazine 称为 “易用之王”。
从原创作者的文章里,进行补充和改造了一些内容,接下来,带大家一起看一下十大可用性原则。
(注:以下图片均来源于网络)
一、可用性原则
可用性原则都有什么?

二、状态可见原则
原则内容
“系统应该在合理的时间内通过适当的反馈,始终让用户了解正在发生的事情”
解释:用户无论在界面上做什么,都应该即使告知他发生了什么或进展到什么程度,可以理解为人与人的沟通,界面需要及时告诉我们做了什么,现在是什么情况。
1.告诉用户处在系统的什么位置
用户需要知道自己处在系统的什么位置,能做什么,可做什么;特别是对于新用户,需要提供必要的信息,否则容易迷惑。
比如下图页面,用户在这个页面时,知道自己处于哪一个一级类目下的哪个模块的什么详情,进而可以自主选择停留或离开当前页面

2.让用户知道自己在做什么
用户需要知道自己的操作是否被系统感知,所以用户操作后,系统应第一时间提供反馈告知用户这个操作被系统接受。
比如网易云音乐播放界面,用户滑动播放胶片,触发动效,让用户明白这个手势是有用的,可以切换歌曲。

3.让用户知道系统在做什么
当系统在运行时,尽可能向用户提供系统运行状态的信息。
比如上传/下载样式,会直观显示下载状态,告诉用户正在下载中,并且下载完成多少。

4.让用户知道系统做了什么
让用户知道操作的结果,从而进行下一步操作,同时需要给予相关反馈,即使没有结果,也需要给予用户反馈。
比如缺省,无论是否能搜到结果,都会给用户提供反馈。

5.利用多种形式的反馈
反馈信息可以通过文字、动效、声音以及界面元素的变化等多种形式给予用户提示。
比如微信语音通话接通之前,通过声音和界面变化给用户以提示。

6.对系统延迟响应进行反馈
当系统响应小于1s时,不会打断用户思考,不需要特别反馈,但是当响应超过10s(10s时用户注意力达到上限),用户满意度就会下降,所以响应时间较长的,应该给予必要的反馈。
比如刷新提示、收件提示、下载提示……

关于系统状态可见性常见的可用性问题:
缺少必要反馈,没有清晰的系统状态;
反馈不够持久,用户没有足够时间注意到或者理解(如toast的运用);
反馈没有立即显示;
反馈不容易看到,不容易理解;
提供了不必要的反馈,使用户慢下来(如强制的弹窗);
让用户误解的反馈(如文案的误解,按钮误解等)。
三、环境贴切原则
原则内容
“系统应该说用户的语言,用户熟悉的单词、短语和概念,而不是系统导向的术语。遵循显示世界的约定,使信息以自然和合乎逻辑的顺序出现”
解释:不同的界面会有不同的外部环境,尽量保证界面在自己产品定义的风格里,若能还原真实世界的状态也很好。
1.使用用户的语言
保证使用的语言用户可理解,同时也并不是都用大众化语言,而是使用目标用户熟悉的语言。
比如对于儿童类产品,多用声音、动画等交互形式;对于专业的工具软件,要用专业术语;对于大众使用的产品,就不应该用英文,不然会看不懂。

2.符合现实世界的使用习惯
将产品的使用习惯与现实产品的使用习惯联系起来。
比如回收站、购物车的设计,让用户可快速和生活习惯产生联想。mac文件删除事,垃圾桶会填满,并且发出扔进去的声音。

3.使用现实世界的隐喻
从现实世界中借鉴的设计元素可明显降低用户的认知和学习难度,并且增加兴趣。
比如网易云音乐的胶片设计,让用户很快知道这是播放界面,同时提高了音乐爱好者的兴趣。

4.操作手势符合联想
使用的操作手势,应该是用户自然就能联想到的,不要创造、更改操作手势意义。
关于系统与用户现实匹配常见的可用性问题:
使用用户不熟悉的语言;
系统的语言以系统为中心,而不是用户;
任务流程和用户真实使用流程不符;
系统结构不符合用户对真实世界的理解;
系统使用的暗喻方法不易理解。
四、撤销重做原则
原则内容
“用户通常会错误的选择了系统的某个功能,并且需要一个明确标记的“紧急出口”来离开不想要的状态,而不必进行扩展对话,支持撤销和重做”
解释:为了不让用户进入一个错的场景或结果,给一些特殊操作可撤销或重做,让用户能确定接下来的行为。
1. 用户可自由导航
可以自由控制返回、切换菜单和下一步操作。
比如常见应用系统。

2.用户可自由退出
用户在困惑时,需要快速撤销或者退出。用户使用系统的过程也是一个试错的过程,用户犯错后,需要重新进行尝试,直到成功。
比如不慎点击时,可退出。

3.不可逆转的操作需要警告
重要的不可逆转的操作需要给用户以明显的提高,否则将对用户产生严重影响。
比如删除文件夹,会弹出明显的警示框。

关于系统与用户现实匹配常见的可用性问题:
在不可逆转的行动之前没有提供足够的警告;
没有在适当的时机提供取消功能;
取消功能不明显,很难找到;
不支持撤销的功能。
五、一致性原则
原则内容
“不应该让用户怀疑不同的话语、场景或行为是否在表达同样的一件事情,系统设计需遵循平台惯例,保持一致性”
解释:保持为一个统一的整体,包括产品内部和产品外部,也包括线上和线下。
1. 产品内部保持一致
通用的信息应使用一致的用词、外观、布局,可帮助用户快速学习记忆产品功能。
比如设计规范。
2.不同版本之间有延续性
产品的不同版本之间,主要功能和设计元素等,尽量有一定的延续性,避免让老用户产生困惑。
比如iOS系统新的版本都有一定创新,但是仍然保留了很多原有设计规范。

3.与业内产品保持一致
用户在使用其他大中型产品时,已经形成了一定习惯,所以不要轻易违反业界规范。
比如购物app首页形式都很像。

关于一致性与标准化的常见可用性问题:
界面元素的布局和外观不一致;
界面元素命名不一致;
系统反馈的格式不一致;
系统提供不一样的方法来操作相似的对象;
表达含义不一致,在不同地方红色代表不同的意义;
设计标准和通用标准不一致。
六、防错原则
原则内容
“系统要么消除容易出错的情况,要么检查它们,并在用户采取行动之前向用户提供确认选项”
解释:在发生错误之前采取措施来避免。
1. 利用清晰的提示防止错误
比如手机小键盘的字母放大处理。

2.利用用户的联想防止错误
利用颜色以及动效等提供警示信息。
比如微信退出群聊红色文字,让用户直接感知到如果点击会发生错误。

3.引导用户,不要让错误出现
让用户在操作前通过引导来避免错误发生。
比如云搜时搜索框内提示性文字说明来进行引导。

4.在重要操作的时候给予提示
操作前被禁止,避免错误发生;操作中强提醒,避免错误进行;操作后给用户弥补错误的机会。
比如不可操作时按钮灰掉;微信删除好友时删除按钮变大;发送消息后可以撤回等。

关于防止错误的常见可用性问题:
输入信息时,没有告知用户格式;
缺少非语言暗示;
没有对可能产生严重后果的操作进行提示和确认。
七、易取原则
原则内容
“通过使用对象、动作和选项的可视化表达,最大限度地减轻用户的记忆负担”
解释:能让你的软件产品来记住,就不要让你的用户来记,尽可能的在设计的时候,不要让用户记忆。
1. 记住用户的操作记录
记录用户的输入内容、操作记录,用户第二次进入时会知道上一次的操作。
比如爱奇艺会自动记录每一部影片的观看位置,下次观看会自动跳转到上次播放的位置。

2.丰富记忆线索
使用文字和图标结合的形式,更加丰富记忆效果,避免用户需要回忆才能想起图形所代表的含义。
比如钉钉左侧标签,是icon+文字形式。

3.更多地让用户选择而不是输入
产品应该给用户提供选项,让用户进行选择或者直接进行编辑修改。
比如表单填写页面。

4.自动获取(提供方案)
能够自动获取的内容,就不要让用户填写/再操作。
比如微信截屏后点击加号会自动获取截屏按钮,提供便捷入口。
5.提供适量的信息
尽量不要让操作的按钮或填写的表单数量超过5个,超过5个会产生焦虑
比如ios的操作界面的开关按钮。

关于易取的常见可用性问题:
系统使用过于复杂,用户不得不记忆复杂的命令;
界面提供信息不及时,用户不得不从系统另一个部分找到相关信息;
图标符号难以理解,甚至误导用户;
菜单或者选项有太多层次。
八、灵活高效原则
原则内容
“好的产品需要同事兼顾新用户和自身用户的需求,对新用户来说,需要功能明确、清晰,对于老用户需要快捷高效使用高频功能。不可迎合一种用户,把不必要的信息占据重要部分”
解释:产品的用户群体是多样化的,用户的使用熟悉度也是有差别的,要照顾到绝大多数用户群体的使用体验,高频是每一个用户群体比较常用的。
1. 提供快捷/重复入口
常用/主打功能放在易操作的位置或重复出现。
比如河南项目首页;如外卖列表的再来一单按钮。

2.用户自定义功能
一定程度下,允许用户自定义常用功能。
比如禅道可自定义首页排版。

3.提供系统默认值,减少用户多余操作
给用户经常使用的选项作为默认;给用户可能一定会勾选的进行默认勾选。
以登陆注册页面为例,会对同意用户协议进行默认勾选,或直接登陆即同意用户协议。因为既然你点到注册页面,意味着很大可能是你将要进行注册信息填写,所以默认的同意勾选,为用户减少了一步操作。

关于灵活高效的常见可用性问题:
系统缺少自动化,没有自动执行下一步操作;
系统没有提供应有的默认值;
默认值不正确;
系统没有提供捷径。
九、优美且简约原则
原则内容
“不要包含不想管或低频次的信息/操作,页面中的每个额外信息都会降低主要内容的相对可见性”
解释:要页面上的内容清晰可见,减少不必要的干扰,使用户方便迅速捕捉到自己想看的内容。
1. 清晰的板块划分
把页面内容按优先级进行分层,清晰的板块划分,引导用户操作,还可以将页面主推内容展示给用户,避免分不清重点。如图

2.减少视觉噪音,对重点信息突出显示
平衡视觉点,减少不必要的设计,用户注意力资源有限,应该保持信息精炼,有突出有弱化。
关于优美且简约的常见可用性问题:
界面上的元素太大或者太小;
元素的颜色、形状或文字不容易识别;
界面元素移动太快、太慢或不容易觉察;
界面过于拥挤,界面元素密度分布不均匀;
不同的元素太相似,按键或者链接看上去没有点击欲。
十、容错原则
原则内容
“错误信息应该用通俗易懂的语言表达,较准确的指出问题,并且提出解决方案,避免通过代码等用户难以理解的形式”
解释:页面可能发生意外,错误后告知并提出解决方案。
1. 引起用户注意
当错误发生时,提示信息一定要醒目,文字要简单易懂。
比如观看视频时候,如果无线网不是很好,会切换到数据,会有弹出框提示用户当前状况。

2.提供建设性建议
当用户遇到错误时,尽可能提出实质性建议。
比如当对搜索无果时,浏览器可以建议用户更换关键词或者对当前关键词进行修改。
3.自动纠错
当系统能帮助用户自动识别错误并进行及时修改后,会给用户带来极大的使用便利。
以微信公众号“疑似错别字”为例,编辑完文章,系统会提示用户疑似错别字,这给编辑者带来极大的便利。

关于容错的常见可用性问题:
用用户不理解的语言进行提示,如404错误;
没有给出有效建议;
错误信息使用户感到迷惑;
错误信息用词不当。
十一、帮助文档
原则内容
“如果系统能让用户不需要阅读文档就会使用那是最好的,但通常情况下还是需要帮助文档的;任何信息应该容易被搜索,且专注于用户的目标任务,并列出步骤来告知用户”
解释:考虑到页面可能发生意外,错误后及时弥补,这部分主要进行一些说明,让用户操作方便,相当于使用说明书。
1. 方便用户查找
帮助文档的入口要容易找到,一般位于“设置-常见问题”入口,帮助信息要方便用户查找(可对问题进行分类)
例如:百度最下放的“帮助”

2.便于用户理解
避免使用专业术语,使用图片图表或者示意图。
3.便于用户应用
在操作的同时,可见到帮助信息。
以iOS系统为例,在功能设置的同时,也会给用户提供帮助提示。

4.信息量简短
本来用户进来该入口,就是遇到了麻烦,如果解决方法是长篇大论,用户可能会立刻关闭应用,从而留下极差体验。
关于帮助文档的常见可用性问题:
帮助文档或使用手册不存在;
帮助信息没有意义或者使用户更加迷惑。
总结:
关于尼尔森十大可用性法则值得每个UI设计反复观看,同时也希望大家在平时的产品设计中不断融入这几条法则,那么产品会越来越人性化。
拜拜~👋















































































