解析尼尔森十大可用性原则

用户头像
杭州/UI设计师/4年前/920浏览
解析尼尔森十大可用性原则

羽翼单舞

尼尔森是一位人机交互学博士,于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设计反复观看,同时也希望大家在平时的产品设计中不断融入这几条法则,那么产品会越来越人性化。

拜拜~👋

8
阅读原文
|
举报
|
12
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
我的钱包-UI界面设计-app
高级感金属拟物 UI设计组件库
【新年UI图标】美妆icon
新能源APP应用UIKit
UI 登录界面设计模板包
Security Camera UI kit
高级表盘系列UI源文件
【新年UI图标】影音icon
矢量立体简约UI蓝白图标
智能家居中心 简约 UI设计组件库
柠檬黄主题UI作品集模版
【新年UI图标】游戏/娱乐icon
钱包ui模板
UI_3D图标火箭炮<新春促销>
盲盒APP UI设计
手表表盘UI系列
UI应用平面图标
【新年UI图标】美食icon
【新年UI图标】珠宝icon
【新年UI图标】酒店icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
新拟态风格 UI设计组件库
UI通用设计素材1
UI界面 组件
你可能喜欢
相关收藏夹
大家都在看
登录注册