研究主题：易用性的交互原则

研究对象：启发式评估（尼尔森交互设计原则）

“启发式评估”是交互设计界经常使用的针对产品可用性的评估标识，但是“启发式”是否听起来有点别扭？到底“启发”了什么呢？

首先，我们来看一下“启发式评估”的原版英文：Heuristic Evaluation。根据韦氏词典：

Heuristic refers to experience-based techniques for problem solving, learning, and discovery that find a solution which is not guaranteed to be optimal, but good enough for a given set of goals.

解释一下，“启发”代表了如下涵义：

-基于经验；

-不保证最佳，但是对完成目前是有益的；

-在解决问题、学习发现中应用。

基于这样的原版英文解释就很清楚了，启发式评估是基于经验的、广泛应用的对产品可用性进行评估的一套人为标准。

“启发式评估”又叫“尼尔森交互设计原则”，听着比较绕口，但是这个人可以说将“易用性”（即可用性）推向了大众认知的层面，他是丹麦技术大学人机交互博士，拥有79项美国专利。在2000年6月，入选了斯堪的纳维亚互动媒体名人堂；2006年4月，并被纳入美国计算机学会人机交互学院，被赋予人机交互实践的终身成就奖，他还被纽约时报称为“Web 易用性大师”，被 Internet Magazine 称为 “易用之王”。

那么在学术界和工业界“启发式评估”已经作为基本交互原则已被广泛应用，具体有哪些呢？辞典酱对这10条“经验总结”进行了归纳举例。

 10 Heuristic 

-01 状态可见（Visibility of system status ）

系统应该让用户时刻清楚当前发生了什么事情，也就是快速的让用户了解自己处于何种状态、对过去发生、当前目标、以及对未来去向有所了解，一般的方法是在合适的时间给用户适当的反馈，防止用户使用出现错误。

举个栗子：

由淘宝至微淘页的点击刷新功能，当用户点击“微淘”图标或下拉页面时，页面状态栏会出现“正在刷新”的提示，当刷新完成后会出现“数据加载完毕”，“微微一笑，淘到10条好看的”文字提示。如下图：

淘宝店铺的关注功能。如下图：

-02 环境贴切（Match between system and the real world）

软件系统应该使用用户熟悉的语言、文字、语句，或者其他用户熟悉的概念，而非只有专业人士才懂的“黑话”。软件中的信息应该尽量贴近真实世界，让信息更自然，逻辑上也更容易被用户理解。

举个栗子：

我们手机里使用的相机和计算器，基本上和我们现实中使用的相机和计算器的样式差不多，因为现实生活中用户已经很熟悉相机和计算器的使用方法了，所以这样的设计能让用户很快上手，易于操作，这就是环境贴切原则。如下图：

-03 用户可控（User control and freedom）

给予用户一定的选择系统进程的权利，让用户可以方便地退出或中断某些操作。

举个栗子：

你在电脑开机输入密码时，屏幕下方还是可以让你选择重启或者直接关闭电脑，而非只能让你继续开机，再进行关机的操作。

我们手机图库里删除照片的恢复功能，我们对于一时不喜欢的照片删除后，会暂时存放在回收站中，我们可以通过恢复功能找回已删除的照片，避免自己误删而感到懊悔。如下图：

-04 保持一致（Consistency and standards）

同一产品或同类产品中，对于相同的内容、操作等应该采用一致的名称和交互方式，用户不应该猜测同一动作是否使用不同的词汇、状态或动作。保持一致性能够使用户利用已有的知识来执行新的操作任务，并可以预期操作结果，增加用户学习和理解操作界面的速度。换言之，这个产品的“人设”需要统一。

一致性可以体现在信息结构、设计风格、操作方式、交互反馈等方面。对于一些复杂功能的产品，可能同时有几十位、几百位设计师在同时工作，贯穿企业上下的“设计导则”（Design Guidlines）就非常重要。

salesforce 的lightning design system保证了这个复杂产品的统一性

source: https://www.lightningdesignsystem.com/guidelines/overview/

Android、IOS 系统也为开发者们提供了分别基于它们的语言环境的设计指导。

google material design

apple human interface guidelines

-05 防错（Error prevention）

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

举个栗子：

某银行 APP 的注册登录界面，当用户没有全部填写信息时，按钮是置灰不可点击的，只有全部填写完成，按钮才会变成可点击的状态，这也是防错原则的一种体现。如下图：

微信朋友圈的删除功能，在你点击删除的时候会弹出删除提示弹框，进行再次确认，这样可以避免发出的内容删除找不回，想要再发只能从头开始，对用户造成损失比较大，这也是防错原则的另外一种体现。如下图：

-06 自动识别而非靠记忆（Recognition rather than recall）

尽量减少用户需要记忆的内容，在网站表单填写过程中，系统应该在合适的位置进行提示，或者直接提供相应的选项，让用户可以直接识别并进行选择，而不需要记忆太多的信息和操作步骤。

举个栗子：

搜索google关键词，最先显示的3个选项不是相关搜索结果，而是你最近与此相关的搜索历史。如下图：

-07 灵活高效（Flexibility and efficiency of use）

网站需要迎合有经验的用户和经验不足的新用户，提供一些高级功能，以加速高级用户和网站之间的交流互动。网站也应该允许用户调整其常用的动作和操作。

举个栗子：

安卓版本支付宝中的编辑应用功能：支付宝首页的应用是可以根据自身喜好自定义的，包括定义常用应用、排序、删除、新增等等；这样用户可以根据自己的个人兴趣定制自己适合的应用分布方式，这就叫做用户定制常用功能，也就是灵活高效原则的一种体现。如下图：

很多应用都提供了快捷登录的方式。如下图：

除了手机邮箱登录，B站还提供了 APP 扫码登录、微博登录、QQ登录的快捷登录方式。

-08 优美且简约（Aesthetic and minimalist design）

任何不相关的信息都会让原本重要的信息更难被用户察觉，对话中的内容应该去除不相关的信息或几乎不需要的信息，从而降低其相对可见度。

视觉美化不仅可以给用户带来视觉的享受，也可以提高网站的可用性。对于不必要的或者优先级别低的信息和功能，操作应该尽量简化。

举个栗子：

运动健康页面中，标题和正文区别是很明显的，标题明显很大，而正文部分相对较小，这就是优美简约原则的体现。如下图：

安卓版网易云音乐及虾米音乐播放页面，从视觉及功能布局上美观简约、功能主次分明、用户体验不错，也是优美且简约原则的一种体现。如下图：

可能 UI 届的一朵奇葩要数美国分类网站 Craigslist 了（可以理解为美国的大众点评），这样宛如没有开发完成的界面持续了20年，可以说是极简风“典范”了。

-09 容错（Help users recognize, diagnose, and recover from errors）

错误信息应该使用清晰易懂的叙述文字，并且精确地指出问题以及提出建设性的解决方案，帮助用户从错误中恢复。如果真的不能帮助用户从错误中恢复，也要尽量为用户提供帮助让用户损失降到最低。

举个栗子：

在腾讯云 PC 端的申请登录页面：输入不存在的账号时，系统就会马上给出反馈“账号名不存在，请输入正确的账号信息”提示，避免用户在输完其它信息后点击登录时才能发现错误，这样用户就能马上停止后续操作来解决当下的问题。如下图：

淘宝网中当用户搜索无结果时，智能猜测用户的出错原因或者给予其他引导。

或者是有的网站直接把不能操作的部分灰置，比如飞猪旅行的时间选择控件的设计，将已经过去的日期灰置，以免用户误选。如下图：

-10 人性化帮助（Help and documentation）

即使是最好的网站系统，也需要为用户提供必要的帮助和说明文件，并且这些信息应该很容易被用户找到，以协助用户完成任务。

举个栗子：

知乎APP登录页面的帮助入口和京东 APP 企业注册页面的在线客服入口，在比较重要的功能入口处有必要提供相应的帮助入口，来解决用户在操作功能过程中遇到的问题或者反馈问题的入口，不要让用户在出现问题时手足无措，不知道怎么办。如下图：

10条启发式评估就像一个 Checklist，交互设计时可以对照，可用性评估时可以对照，很多原则已经成为专业人士的“本能”，非专业人士的“直觉”了。不要被专业名词吓倒，可用性归根结底是为用户服务，用户的行为是自然、直接、直觉的，只要设计回归“人”本身，就能做出流畅的产品。

-图片、GIF来自网络

欢迎关注作者公众号：UX辞典，获得更多设计干货

Powered by Froala Editor