浅析尼尔森十大可用性原则的应用

雅各布·尼尔森(Jakob Nielsen)

尼尔森博士于1995年1月1日发表了十大可用性原则,该原则被广大设计师奉为教科书般的存在。

Jakob Nielsen博士是Nielsen Norman Group的用户倡导者和负责人,他是与Donald A. Norman博士(苹果公司前研究副总裁)共同创立的。Nielsen博士建立了“折扣可用性工程”运动,以快速,廉价地改进用户界面,并发明了几种可用性方法,包括启发式评估。他拥有79项美国专利,主要成就是使互联网更易于使用的方法。

雅各布 · 尼尔森被称为:

“可用性之王”(互联网杂志)

“网页可用性专家”(《纽约时报》)

“仅次于时间机器的人”(《今日美国》)   

“网络上最聪明的人”(ZDNet AnchorDesk)

“全球网络可用性领先专家”(美国新闻与世界报道)

小企业(财富小企业)十大思想之一

“世界领先的用户友好设计专家”(德国斯图加特Zeitung)

“比地球上的其他任何人都更了解使网站运转的因素”(芝加哥论坛报)

“世界上最重要的Web可用性专家之一”(商业周刊)

“ Web的可用性沙皇”(WebReference.com)

“ Web可用性的权威”(财富)

“杰出的Web可用性专家”(CNN)

“也许是互联网上最著名的设计和可用性专家”(《金融时报》)

“可用性教皇”(德国Wirtschaftswoche杂志)

“新媒体先锋”(新闻周刊)

“世界上最有影响力的设计师”之一(商业周刊)

...

在日常使用移动端或PC端产品时,不知你有没有这样的体会:

点击按钮没有任何反应,狂点几下之后又突然跳出多个页面

稍微不注意就把重要的信息删掉了

从一个页面进入另一个页面返回后却回不到原来的页面

多次输错密码导致账户被锁

填写表格时,等你把全部内容填写完成后提交,跳出一个弹窗提示你邮箱格式错误,然后填写的所有信息都被清空了,不得不小心翼翼的重新输入

看老罗抖音直播带货忘开wifi,第二天房子被联通公司收走了(手动狗头)

给老妈充话费,居然充给了陌生人?WTF?

本来要发消息给女神,居然发到了公司群!!!然而我却一无所知

...

如果了解尼尔森十大可用性原则,这些问题或许是可以避免的,话不多说,下面我们就一起来浅析这个可用性原理。

01 易扫原则

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

有一个数据,0.38s,这是目前互联网用户在浏览一个页面所用的平均时长,在这么短的时间内怎么样让用户找到重点和重要的信息呢?所以我们就需要抓住重点,利用易扫原则让用户能够迅速找到他想要的信息。

下图中,左图是美团APP,在同样搜索关键词“龙虾”时,美团在搜索结果中将“龙虾”用颜色突出,让用户更容易一眼就找到,右图饿了么就没有进行区分。

02 环境贴切原则

系统应该说用户的语言以及用户熟悉的单词、短语和概念,而不是系统导向的术语。遵循现实世界的约定,使信息以自然和合乎逻辑的顺序出现。简单一点来说就是要说人话,不要用一些晦涩难懂的专业术语,不要炫耀自己的智商,也不要让用户觉得自己是傻瓜。

如下图,左图中夸克浏览器中Handoll意为“互传”,是苹果设备之间方便相互进行文件传输的,但是夸克APP不翻译也不说明,很少有用户会明白这个什么意思;

同样道理,右图中UC浏览器在清除缓存里面有一项是清除Cookies,cookies到底是个啥呢?删了会不会造成什么损失?用户一脸懵逼,用户觉得自己就是傻瓜。

其实对于这种情况,Mac早期系统也会出现,macOS High Sierra之前,“访达”叫“Finder”,“隔空投送”叫“AirDrop”,“程序坞”叫“Dock”,“接力”叫“Handoff”等,为什么要改成中文呢?因为苹果自从库克上任以来,非常重视中国市场,从iPhone推出中文九宫格键盘,到中文键盘的Macbook Pro,无不体现着环境贴切原则,进入中国,就要贴合中国的环境。

03 易取原则

尽量减少用户对操作目标的记忆负荷,动作和选项都应该是可见的,即把需要记忆的内容摆上台面。

也就是说,尽量不要让用户回想刚才选了哪些选项,把需要记忆的内容及时展示出来,让用户随时都能知道自己选了什么。

例如下图左图趣头条APP,用手机登录时,收到的验证码直接展示在软键盘上,用户无需记忆也无需输入,直接点选即可登录;

中图优酷APP会详细记录用户的观看记录,当用户没有看完某部电影时,下次进入直接从断点续播上次播放的位置,无需用户记忆上次看到哪里了;

右图美团APP中,当用户选择商品时,系统会自动计算商品价格和满减后的价格,还会帮用户记录选择了哪些商品以及份数,不需要用户自己花时间去计算还差多少才能满减等,减少用户记忆负担,同时节省用户点外卖的时间,这也用到了易取原则。

04 防错原则

比一个优秀的错误提醒弹窗更好的设计方式,是在这个错误发生之前就避免它。它可以帮助用户排除一些容易出错的情况,或在用户提交之前给他一个确认的选项。在此,特别要注意在用户操作具有毁灭性结果的功能时要有提示,防止用户犯不可挽回的错误。

如下图所示,左图是青桔APP登录页,在用户登录时,手机号码未输入完整前,下方的“下一步”按钮是不可点状态,当用户输入完整的手机号并勾选了法律隐私政策之后,“下一步”按钮才会高亮,不给用户犯错误的机会;

中图是虎牙APP,当用户的网络是非WIFI情况下,会提示用户继续播放会消耗流量,减少用户的金钱损失;

右图是Keep的输入验证码页面,为了防止用户多输入或者少输入验证码,keep只给到四个输入框,让用户只能输入四位数字,减少输入错误的几率。

05 容错原则

错误信息应该使用简洁的文字(不要用代码),指出错误是什么,并给出解决建议。也就是在用户出错时如何为出错的用户提供及时正确的帮助,即要帮助用户识别出错误,分析出错误的原因再帮助用户回到正确的道路上。如果真的不能帮助用户从错误中恢复,也要尽量为用户提供帮助让用户损失降到最低。

如下图左图是摩拜单车APP,当用户未打开手机蓝牙时,在页面上方醒目位置会提示用户"蓝牙开锁快,成功率更高",并给一个“去设置”的按钮;

中图是哈罗出行APP,当用户未打开手机定位时,出弹出“定位服务已关闭”的弹框,同时引导用户如何去设置里打开定位;

右图是高高手APP,当用户未登录时,用户想看自己的学习概况,这时会提示用户尚未登录,无法查看,同时在下方给一个醒目的按钮“我要登录”引导用户去登录。

这些案例都是容错原则在实际中的应用,当用户由于某些原因导致无法使用产品时,这时会及时提示用户是什么原因导致无法使用,同时给出解决方案。

06 操作可控(撤销重做)原则

为了避免用户的误用和误击,系统应提供撤销和重做功能。撤销也要保存用户曾经的信息。

如下图左图是钉钉APP打卡页面,如果用户还没下班就误点了打卡,钉钉会让用户二次确认是否打早退卡,并给到“不打卡”的按钮,从而避免因误打卡导致的工资损失;

中图和右图是微信消息界面,当用户由于手误或其他原因发错消息,微信的规则是两分钟内可以撤回发送的内容,同时撤回后点击“重新编辑”,文字回到输入框还可以重新编辑,减少发送错误导致用户不必要的困扰和尴尬。

07 系统可见原则

系统应该让用户知道当前发生了什么,在适当的时间内做出适当的反馈。

用户的每次操作,你都得给他个反馈,成功了就告诉他成功了,失败了就告诉他失败了。绝不能让用户操作后毫无反应,让用户一脸懵的猜到底是怎么了,是成功了还是失败了?是出现Bug了还是网络不好?不能让用户连蒙带猜。同时,如果确需一定的等待时间,也要用进度条/等待/加载等动效或其他形式的提示告诉用户当下的情况。

反馈一般分为直接反馈和间接反馈,直接反馈即用户操作系统后立即给出反馈,最好在100毫秒以内,不然用户会认为系统卡顿不流畅;

例如一个按钮,鼠标移入/移出/点击/长按/等待,都需要立即给反馈,否则用户会认为系统卡顿或者死机了。

间接反馈根据时间长短可做不同的反馈形式。

例如下图中西瓜视频APP,在无网的情况下出现没有网络的toast提示;当前播放进度追上缓存进度后系统就会出现正在加载的小圆圈在转动;转动30秒后仍然连接不上网络时,显示加载失败,并提供重新尝试连接的入口;在此期间,若网络已连接,底部出现已连接WIFI/移动数据网络的toast提示。

每一步的网络情况都会给用户不同的反馈,让用户知道当前网络的状态以及该如何解决。

08 灵活高效原则

灵活高效原则在交互设计中使用会提高用户使用效率,例如微信聊天页面中,当用户输入某个字词之后,系统会自动帮你匹配相应的表情包;

如果你使用的是搜狗输入法,当你输入某个词之后会帮你自动联想接下来你可能会输入的词;

截图后进入微信聊天页面后,系统会将你刚截的图前置,它会自动判断你可能想发送该截图。如下图:


再比如淘宝的首页每个人的首页推荐的商品都不相同,淘宝后台根据用户的浏览习惯,购买/收藏记录等大数据智能判断用户的喜好,对商品进行千人千面的分发。但是切记不要太过依赖大数据算法的判断,因为一旦形成这种模式,会给用户造成回音壁效应,你越喜欢的东西系统就越给你推荐,其他的商品就像回音壁一样被吸收过滤,用户永远没有办法发现新的东西,让用户的选择永远都在一个死循环,所以做千人千面设计时一定要适度。

09 一致性原则

同一用语、功能、操作保持一致。同样的语言,同样的情景、操作应该出现同样的结果。

拥有一致性的产品能把用户的学习成本降到最低,用户能很容易使用你的产品。

为了实现产品一致性,我们可以从以下四个角度切入:

 产品内部的一致性

交互行为的一致性

迭代产品的一致性

同一团队/公司产品线的一致性

(1) 产品内部的一致性

例如做界面设计的时候,产品内部的风格保持统一。

下图哔哩哔哩APP,主打二次元风格,从注册登录页,个人中心以及加载页等,无一不充满着二次元风格。加载页采用了二次元风格“囧”字电视机动效,登录页的顶部使用了二次元的22娘和33娘的二次元动漫人物,就连退出的弹框都使用了二次元风格的文案。

(2) 交互行为的一致性

腾讯新闻app的新页面进入时,都是由右向左划入,返回就是由左往右滑出,如下图:

(3) 迭代产品的一致性

当产品线进行更新迭代的时候,应该保留用户既有的交互和操作习惯,用户在上一个版本形成的交互认知在下一个版本是否能被沿用,这对于用户来说在产品体验上会造成很大的干扰,比如Sketch软件,如果更新迭代后快捷键更换了,那对于使用者来说无疑是个灾难。

下图的QQ好友列表,不管年代多么久远,不管是移动端还是PC端,好友列表都是采用手风琴的折叠样式,体现了迭代产品的一致性

(4) 同一个公司/团队的产品线的一致性

下图是网易的产品线,看logo就知道是同一家公司的产品

10 人性化帮助原则

在用户需要的时候提供必要的帮助说明。

帮助性提示最好的方式是:

无需提示

一次性提示

常驻提示

帮助文档


例如下图左图飞猪APP发现页的旅行直播界面,第一次进入时会教用户如何切换视频,因为第一次使用该产品可能是小白用户,提供简单的帮助提醒,让用户能够迅速掌握软件基本操作;

中图是微信转账页面,当用户输入金额较大时,会在第一位数字下方提示转账金额的人民币单位,目的是为了避免用户输入错误金额导致资金损失;

 右图是墨刀Mac桌面端,当鼠标移入到工具栏某一按钮时,在下方会出现浮层提示用户该按钮的功能,通过人性化的帮助,让用户不至于逐个去点击试错。

虽然距尼尔森十大可用性原则提出已经25年了,但是依然在交互设计领域有着非常重要的指导作用,列举一些实际产品的案例也算是抛砖引玉,希望大家在工作中能够尽量多的思考,找到最佳的解决方案。

你可能感兴趣的:(浅析尼尔森十大可用性原则的应用)