Nielsen十大可用性原则

当我们评价界面设计时,我们该从何下手?

不知道大家有没有遇到过类似这样的面试题目:在你平时使用的APP里哪个的用户体验做得最好?为什么?

Nielsen十大可用性原则_第1张图片
请开始你的表演

如果你觉得这个问题有点上头,不太好解的话,接下来的内容或许可以给你些许启发。

评价一个产品可以从多个维度出发,今天我们了解一下用户界面设计这个维度的评价标准之一——10 Usability Heuristics for User Interface Design(Nielsen的十大可用性原则)。

来,先把我们的Nielsen大大请上来。

Nielsen十大可用性原则_第2张图片
Jakob Nielsen

Nielsen大大提出的启发式评估法是很多互联网公司做可用性测试常用的方法,他1995年1月发表的十大可用性原则常被作为评估标准应用其中。

那么,到底是哪十大原则呢?一起来看看吧~

1.系统状态可见 Visibility of system status

系统要在用户操作后及时反馈,让用户知道自己当前所处的状态。信息不透明会让用户无法分辨上一步操作的结果(是生效了还是出错了),从而不知道下一步该怎么做,这种失去控制感的体验是很糟糕的。


Nielsen十大可用性原则_第3张图片
Nielsen十大可用性原则_第4张图片
LinkedIn点击添加好友按钮后,按钮状态改变,告诉用户申请已发送成功

2.系统与现实世界相匹配 Match between system and the real world

系统要符合用户的生活环境和认知习惯,使用用户熟悉的词语、概念等,而不是复杂难懂的术语或代码。也可以将现实世界中相关的元素提取到界面设计中增加用户的熟悉感,降低学习成本。

Nielsen十大可用性原则_第5张图片
微信读书中画线的效果类似我们在书上用荧光笔划重点
Nielsen十大可用性原则_第6张图片
网易云音乐运用黑胶唱片和唱针元素,切换歌曲时的动效类似换唱片的动作

3.用户的控制性和自由度 User control and freedom

用户有选错功能(误操作)的可能性,所以要给他们留有撤销和重做的权力,也要有清晰的退出机制,让用户有一定的自由度。

从淘宝首页进入聚划算页面,导航栏有明显的出口,点击可返回上一级页面,底部的广告条有明显的关闭按钮,用户可自由决定其是否显现

4.一致性和标准化 Consistency and standards

同一个产品的设计语言和风格要一致,在不同页面或不同状态下,同一个功能要用相同的用语、图标,操作也要保持一致,这样用户才不会在页面跳转中产生疑惑。

5.预防错误 Error prevention

相比出现错误后给出信息提示,通过精心设计防止问题发生显然要更好。在用户动作发生之前,就要防止用户混淆或者错误选择。如将不能进行的操作置灰或隐藏,不要在用户点击后才提醒不能操作。

Nielsen十大可用性原则_第7张图片
美团的【红包/抵用券】页面自动将失效的券剔除出页面

6.识别而不是记忆-易取原则 Recognition rather than recall

尽量减少用户的记忆负荷,内容、动作和选项都应该是可见的。不要让用户在页面跳转时记信息。另外,系统的使用说明也应该是可见的或者是容易获取的,要保证用户在需要的时候很容易找到。

Nielsen十大可用性原则_第8张图片
Nielsen十大可用性原则_第9张图片
微信的【发红包】页面,输入金额后跳转到输入密码页时,金额数依然可见,不需要用户对上一页的内容进行记忆

7.使用的灵活高效性 Flexibility and efficiency of use

系统要灵活适用于不同经验水平、不同产品诉求(Jobs To Be Done)的用户,工程心理学中提到的自适应用户界面很好地达到了这个标准,基于大数据的个性化推荐功能也是很好的例子(淘宝,今日头条等)。

Nielsen十大可用性原则_第10张图片
Nielsen十大可用性原则_第11张图片
可适应用户界面,支付宝首页的应用排布,用户可自由添加、删除应用或调整应用的顺序

8.审美和简约的设计 Aesthetic and minimalist design

页面中不应该包含无关紧要的信息。在页面中每增加一个重要信息,要相应的弱化一些其他信息。剔除和弱化与主流程无关的信息,去掉冗长的文字,能用图表信息展示的尽量使用图表,尽量减少用户在阅读过程中的压力。

Nielsen十大可用性原则_第12张图片
我们不谈别的,只看界面。ofo首页征用很大面积去强调关键功能【扫码用车】,其他辅助功能相对减小面积

9.帮助用户识别诊断,并从错误中恢复 Help users recognize, diagnose, and recover from errors

错误信息应该用简单的语言表述,不要用代码,要精确地描述问题,并给用户提出建设性的解决方法。

Nielsen十大可用性原则_第13张图片
百度浏览器,页面无法打开时告知原因,如“网络已断开”,并给出解决方法“请连接网络后,点击刷新”,同时给出解决问题的功能入口“连接WiFi”点击可进入【开启WiFi】页面

10.帮助文档 Help and documentation

虽然一个产品的理想状态是用户不需要帮助文档即可上手使用,但是仍然有必要为用户帮助文档,使其在需要时很容易获取,另外,帮助信息要专注于用户的任务,列出具体的步骤,但不要太冗长。

Nielsen十大可用性原则_第14张图片
微信的【帮助与反馈】页面,人性化地分为热点问题,全部问题,快捷帮助,意见反馈四个模块,让用户有问题时及时得到解决


十大可用性原则的介绍就到这里了,需要注意的是,它们是比较宽泛的规则,至于采用什么方法去达到这些标准,除了文中的例子外还有很多。在下一次使用产品时不妨从Nielsen的十大可用性原则出发,去分析它们的设计手法和效果吧。

参考文章:https://www.nngroup.com/articles/ten-usability-heuristics/

你可能感兴趣的:(Nielsen十大可用性原则)