交互设计基础系列：详解尼尔森10大可用性原则

尼尔森的十大可用性准则是尼尔森博士在剖析了两百多个可用性问题的根底上，提炼出的十项交互规划准则。被广泛运用于网页、APP以及各种人机交互范畴。

要留意的是，这10项准则是启发式（heuristics）的、通用的经历规律，而不是详细的规矩。

系统应该经过在合理时刻内的恰当反响，向用户告诉正在产生的工作或许当时的状况。

不要遮盖用户，交流是一切联系的根底，不管人仍是设备。

1.合理时刻

当系统呼应时刻小于1秒时，一般正常反响即可；

当呼应时刻善于1秒时，咱们一般会经过加载动画、分步加载、占位符加载等方法，减缓用户等候的焦虑感；

假如超越10秒还没有得到呼应，那么一般会以为这次请求是失利的，需求给予用户失利提示。例如：改写提示、新页面加载提示、付出提示、下载提示。

当然加载时刻并没有固定的规矩，有个比方是这样的：

某个APP的用户反响说他们的页面加载太慢了，期望进步服务器反响速度……所以他们对此进行了优化，优化后用户的反响：新版很给力，很快！

那这个团队的优化计划是什么呢？

。

。

。

——他们把小菊花转圈的速度提快了

2.恰当反响

对用户操作的恰当反响是用户界面规划的最基本准则。让用户了解当时状况、方位、是否成功、进展怎么，削减不确定性；并引导他们在正确的方向上交互，而不是糟蹋精力在重复操作上。反响有：

·状况反响

用户需求知道自己的操作是否被系统感知，所以用户操作后，应该第一时刻给出反响。最常见的便是各种按钮的不同状况，比方未点击、点击、不行用状况，以及选中、未选中状况。

就拿小说类批量订阅列表来说，起点经过显着的线面和色彩区别选中和未选中的章节；而长佩我买的时分是需求反响一下：免费不行选中是浅灰色、未选中是深灰色，选中是绿色……可是初始状况时深灰色看起来像是选中？？

·进展反响

进展一般有页面加载进展、下载进展、视频播映进展等

比方下图的invision网站，在阅览文章时经过顶部进展条的反响，让用户知道自己的阅览进展。

·方位反响

由于网络空间中用户无法像物理空间那样感知到自己的方位，所以咱们需求在视觉上进行提示，避免用户迷失。

比方标签栏、导航栏经过选中状况来定位当时地点页面，阅览、看视频、听音乐时系统会记载当时的方位，下次翻开后持续。

·反响方法多样化

反响可以经过元素的色彩方位、文字、声响和轰动，乃至动效去表达改变。

比方京东，经过产品图缩小-参加购物车的动效来反响“产品已参加购物车”，直观形象。

运用用户了解的言语，单词、短语、图形，而不是系统导向的术语；遵从实际国际的常规来出现信息。

1. 运用方针用户的言语

这儿的言语不仅仅包括案牍层面的言语，还包括产品的规划言语（图形、配色和风格）。

产品运用的言语应该使方针用户可以明晰了解的。假如用户不能了解，他们会感到被忽视和受挫折，许多人将挑选其他产品完结方针。

特别是现在许多公司挑选耕耘细分商场的产品来分一杯羹，比方针对中老年、青年、儿童的产品，抑或商务、文娱的产品，都要别离运用契合自己的定位的言语。

比方bilibili的规划言语和每日优鲜的案牍言语——

2.仿照实际国际的目标

仿照实际国际的产品或许运用映射，可以运用人们现有的常识，下降学习本钱，使他们轻松快速的了解界面。

像前期拟物化的规划，以及MD的魔法卡片仿照了物理国际中的纸张。IOS的指南针也相似实际国际中的指南针，以便用户轻松的运用。

了解是这些体会让用户愉快的原因。

比方微信阅览翻开书的动效就像实际国际的翻开一本书相同、给medium文章进行符号就像咱们实际中运用马克笔相同。

用户常常会在运用时产生误操作，所以产品需求一个十分明晰的“紧迫出口”协助他们——即供给吊销和重做的功用。

1.可吊销/回来

用户在运用产品时可以自在进退，遵从从哪里来就可以回来哪里去的准则；比方常用的各种二三级页面左上角必备的回来按钮。

当用户误操作时要给用户供给供给吊销、吊销、重做等相关功用，比方谈天类产品的信息都可以短时刻内吊销。

（忽然发现这张图暴露了我每天点外卖的现实 ヽ(。>д<)ｐ

2. 不行逆的操作要给用户提示

不行逆的操作需求给用户显着的提示，避免对用户产生严峻的影响。比方删去功用一般需求二次操作，重要操作会有弹框类提示。

规划者应遵从共同性准则，统一标准能保证用户了解各个元素在规划中，而且知道去哪里寻觅哪些功用。

1 和用户的运用习气保持共同

移动商场老练的今天，已经有许多约定俗成的常规。和用户的习气共同，意味着用户不再需求重新学习，各种运用的切换之间没有学习本钱。这也是我以为规划的趋同化未必不是一件好工作的原因。

比方常用的几种操作手势、下拉改写功用、我的/地图/购物车图标等

2 产品标准化

在同一个产品中，同一层级的信息应该运用共同的规划言语。

比方导航、弹窗、按钮、列表，这是咱们推广规划组件和标准的一个原因。

除此以外，色彩、文字、圆角、暗影等也是需求留意共同性的。

△谷歌google visual guidelines-google ads

用户常常分神于手头的工作，因而需求经过供给主张、运用束缚来避免无意识过错。

1 规模约束

其实约束用户的挑选并不是一个好主意，可是假如有明晰的规矩来界说可接受的选项，那么约束用户可以输入的类型是一个很好的战略。

比方订房时，对可订房日期进行约束，避免用户选错时刻。

2 供给提示

供给明晰的提示，也能避免用户犯错，提示包括标签、文字、色彩、以及反响状况等。

比方IOS的键盘，选中的字母会扩大，提示用户；输入文字光标会扩大，避免用户操作失误。

比方负向操作一般为赤色，赤色是一种警示色，给用户预警避免误操作。

尽可能削减用户的回忆负担，向用户显现他们可以辨认的内容，而不是自己回忆和填写。

1. 让用户挑选而不是输入

挑选和输入的操作本钱相差巨大。产品应该给用户供给选项，让用户可以直接挑选，而不是自己输入。比方淘宝填写收货地址

2. 主动读取、记载信息，削减操作途径

在用户运用产品的过程中，会有产生一些需求回忆的内容、或许操作途径，这个时分咱们要避免用户回忆，把信息直接提取出来，送到用户手里。

比方主动读取短信验证码，比方bilibili会提示前次播映的方位

3.内容可预期

内容可预期，削减用户操作途径，避免来回跳转。

比方起点章节付费时可以直接看到当时的余额、

比方京东金融主页直接显现了余额和代还金额（原本应该打个码的，可是想想我三位数的财物打码还不行费力呢(ಥ_ಥ)

七、灵活性和运用功率

好的产品需求一起统筹新用户和资深用户的需求。

对新用户来说，需求功用明晰、明晰，关于老用户需求便利高效运用高频功用。不行投合某一种用户，把不必要的信息占有重要部分。

1.供给便利进口

在主页放置常用功用，比方淘宝、付出宝、bilibili等等；或许供给自界说进口，比方猿题库可以自界说科目

2.答应用户重复操作

对用户频频运用的功用，供给重复操作进口或许模板。比方美团外卖，可以直接挑选再来一单

3.供给默许选项

经过供给系统默许选项，而削减用户剩余的操作。比方美团、携程、每日优鲜等当地服务类产品，会默许挑选当时定位的城市；购物会挑选默许收货地址等

不要包括不相关或低频次的信息/操作。页面中的每个额定信息都会下降首要内容的相对可见性。

1树立明晰的视觉层级

可以便利用户无障碍的阅览信息，越重要的内容越杰出。

经过色彩、巨细、字体的字重、比照度、元素的距离、特别造型、动效等来体现。

2 下降页面的搅扰

页面中布景、装修元素视觉过重的话，就会搅扰到用户关于信息的阅览。

比方以图片为布景，咱们要考虑图片上文字的辨认性；列表页过重的分割线、页面内过多的装修元素都会给搅扰信息阅览……

比方下厨房菜单引荐的卡片，字体辨认度特别差；移动掌厅的这个模块，字体色和布景色比照不明晰、以及字体太小，都会搅扰用户辨认信息——咱们需求做的是下降这些搅扰

九、协助用户辨认、确诊和修正过错

过错音讯应以简略的言语表明，精确指出问题，并提出处理计划。

1.过错提示要直观

当产生过错时，提示信息一定要直观，视觉上可以引起用户留意，可视化处理，案牍要简略概要。比方账号密码过错、以及各种反常状况

2.供给处理计划

当用户遇到过错时，不要仅仅报错，尽可能供给翔实的阐明文字和辅导方向，遇到了什么问题，以及怎么处理等等。

协助性内容有一次性提示、常驻提示和协助文档。

1 一次性提示

多用在用户第一次运用，或许产品更新后，一般为气泡方式，或许snakebar的方式出现。

2 常驻提示

用于操作时有必要留意到的内容，在页面中以文本或许标签方式出现。

3 协助文档

一般用于解说规矩或许热点问题，一般以超链接的方式存在于页面中；或许以调集方式坐落设置页中，此刻需求留意要易于检索。

本篇文章首要介绍了尼尔森的10大可用性准则，以及介绍了适用规模和事例阐明。最终咱们再来温习一遍加深回忆吧~