Nielsen十大可用性原则

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

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

请开始你的表演

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

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

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

Jakob Nielsen

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

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

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

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


LinkedIn点击添加好友按钮后,按钮状态改变,告诉用户申请已发送成功

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

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

微信读书中画线的效果类似我们在书上用荧光笔划重点
网易云音乐运用黑胶唱片和唱针元素,切换歌曲时的动效类似换唱片的动作

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

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

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

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

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

5.预防错误 Error prevention

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

美团的【红包/抵用券】页面自动将失效的券剔除出页面

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

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

微信的【发红包】页面,输入金额后跳转到输入密码页时,金额数依然可见,不需要用户对上一页的内容进行记忆

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

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

可适应用户界面,支付宝首页的应用排布,用户可自由添加、删除应用或调整应用的顺序

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

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

我们不谈别的,只看界面。ofo首页征用很大面积去强调关键功能【扫码用车】,其他辅助功能相对减小面积

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

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

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

10.帮助文档 Help and documentation

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

微信的【帮助与反馈】页面,人性化地分为热点问题,全部问题,快捷帮助,意见反馈四个模块,让用户有问题时及时得到解决


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

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

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

推荐阅读更多精彩内容