理论知识之尼尔森十大可用性原则

2年前发布

原创文章 / UI / 教程
南潇子 原创,如需商业用途或转载请与南潇子联系,谢谢配合。

尼尔森十大可用性原则是产品设计与用户体验设计的重要参考标准,值得深入研究与运用。

尼尔森十大可用性原则


【导读】

尼尔森(Jakob Nielsen)是一位人机交互学博士,于1995年1月1日发表了「十大可用性原则」。尼尔森的十大可用性原则是尼尔森博士分析了两百多个可用性问题而提炼出的十项通用型原则。它是产品设计与用户体验设计的重要参考标准,值得深入研究与运用。

undefined

【尼尔森原则】

一、状态可见原则

用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。“即时”是指,页面响应时间小于用户能忍受的等待时间。

 1、菜单导航记录是否明显?

菜单一版会有三种状态:默认状态、选中状态、鼠标悬浮状态。三种状态需明确区分开,好让用户明确知道当前操作状态。

undefined       


2、 标题栏是否明确?

无论是文章标题还是卡片标题,标题都十分重要,如果页面缺少标题或标题与内容不符,将导致很差的用户体验。


3、数据等待是否有进度提示?

生活中和工作中,很多时候,我们并不是怕等待,而是怕不知道要等待多久。

就像上班差不多的路程,我们通常更喜欢坐地铁多于坐公交,很大的原因就是公交经常不准点,而地铁基本都精确到分秒。

同样在网页中,如果遇到等待,只看到进度条,没有进度提示,我们就会不安,有疑问,目前进度百分之多少了呢?还要等待多久呢?在快节奏的工作环境中,很多时候我们索性就把页面关了。而如果加个进度条,就给了用户选择权,即便要等十几、二十几分钟,我们在进行权衡后,就可以决定是否继续等待。


二、环境贴切原则

网页的一切表现和表述,应该尽可能贴近用户所在的环境(年龄、学历、文化、时代背景),而不要使用第二世界的语言。

1、 图标是否表达贴切?

如今页面上流行大量使用图标,以使界面更加简洁,生动。但不可忽视的一点是,图标必须表达贴切,否则,用户根本不知道图标所有表达的具体含义,如果每个图标都要点击或鼠标悬浮一下再出现提示,将大大的浪费用户时间。如果没有合适的图标,可直接用文字反而会更直接。


2、 文字是否表达贴切?

文字描述是否准确,主要看是否有歧义,是否模棱两可。如给个选项描述:“最佳比例”VS“自适应宽度”,觉得哪种描述更易理解呢?我会选择“自适应宽度”,通俗易懂。“最佳比例”是什么鬼?什么叫最佳比例?


三、撤销重做原则

为了避免用户的误用和误击,网页应提供撤销和重做功能。

谷歌浏览器:

360浏览器:

我们会发现,主流浏览器左上角上都会有提供返回/刷新功能。这是非常必要的,你会发现这两个功能用的频率实在太高了。

应用软件中,也有个经典的例子:微信。微信在v5.3.1版本中推出了消息撤回功能,用户可以选择撤回2分钟内发送的信息。这一功能给用户提供了一个及时纠错的机会。很大程度上避免了很多误会。

从v6.6.0开始,微信撤回后又加了一个重新编辑功能,这一功能更是加分。撤回后,用户无需重新码字了,只需在原来发送的文字上再次编辑即可,极大地方便了用户的使用。


四、一致性原则

同一用语、功能、操作保持一致。

一致性原则属于最基本的原则了。

1、 结构一致

平台中,分页按钮统一置于列表内容的右下角,面包屑统一置于页面右侧内容区的左上角等。

undefined


2、 文字描述一致

平台中经常出现“新增”功能,尽管“添加”与“新增”意思相同,但一个平台中文字的描述需要保持一致,只需选择一个描述文字即可。


3、 颜色一致

如果给“新增”按钮蓝色,平台上所有的“新增”按钮必须保持一致。


4、 操作方式一致

平台中弹框的出现方式,详情页的打开方式等都需要保持一致。

如时速云详情,统一给遮罩层,右侧滑出。


5、 反馈一致

操作成功/失败的反馈方式需保持一致。


五、防错原则

通过网页的设计、重组或特别安排,防止用户出错。

比出现错误信息提示更好的是,更用心的设计防止这类问题发生。在用户选择动作发生之前,就要防止用户容易混淆或者错误的选择。

1、美团登录操作中:当用户在登录时,在没有填写完手机号码前,登录按钮是置灰不可点击的,只有填写好手机号后,登录按钮才会变为可点击状态。这就是一种防错原则的体现,如下图:


2、删除操作中:点击删除按钮后,跳出删除弹框。让用户再次确认,以防用户删除错误。


六、易取原则

好记性不如烂笔头。尽可能减少用户回忆负担,把需要记忆的内容摆上台面。动作和选项应该是可见的。


在确认操作时,将前面的操作选项再次提炼出来,以供用户确认。


七、灵活高效原则

中级用户的数量远高于初级和高级用户数。为大多数用户设计,不要低估,也不可轻视,保持灵活高效。

1、 新手引导

打开新的平台或新版平台时,经常会有“新手引导”,有些平台用户可以选择跳过,不过考虑到终极用户,“新手引导”是必须保留的一个友好功能。


2、 微信中的最近使用表情模块

微信自动将用户最近使用的表情归为一个模块置前,用户可以快速找到自己喜欢的常用的表情,提高了聊天效率。

undefined


3、 自定义导航

头条的导航,因为手机宽度有限,一行只能放几个选项,因此“自定义导航”有效的解决了这个问题,用户可以根据自己喜好,可自主选择选项并将优先级排序,使用起来更加个性化。

undefined


八、易扫原则

互联网用户浏览网页的动作不是读,不是看,而是扫。易扫,意味着突出重点,弱化和剔除无关信息。

1、 标题字号比内容字号大,易于快速捕捉信息


2、表单填写时,避免不必要的信息填写,填写时也分清主次。必须项前加红色星号。


九、容错原则

帮助用户从错误中恢复,将损失降到最低。如果无法自动挽回,则提供详尽的说明文字和指导方向,而非代码,比如404。

用配图+文字代替“404”,明确告诉用户哪里错了和解决方案。


十、人性化帮助原则

帮助性提示最好的方式是:1、无需提示;2、一次性提示;3、常驻提示;4;帮助文档。

网易邮箱PC端的注册界面:注册邮箱时,

当输入正确的时候,下方出现绿色对勾圆圈,提示用户输入正确,可以进入下一步操作了。

当输入出错时不但会出现错误的提示,还会给出相应的建议,帮助用户进行正确的抉择,有效的提高了注册的效率。

 

-----------------


好啦,综上即便是本人对“尼尔森十大可用性原则”的思考,列举的例子不算多,不算精,算是抛砖引玉吧,希望大家在工作中找到或发现更好的解决方案~


123
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    文章信息

    • 文章标签

    没有新消息