交互设计应该要注意的雅各布·尼尔十大法则.

Jakob Nielsen（雅各布·尼尔森）毕业于哥本哈根的丹麦技术大学的人机交互博士 ， 他拥有79项美国专利,专利主要涉及让互联网更容易使用的方法。尼尔森在2000年6月,入选了斯堪的纳维亚互动媒体名人堂,2006年4月,并被纳入美国计算机学会人机交互学院，被赋予人机交互实践的终身成就奖 。他还被纽约时报称为“Web 易用性大师”，被 Internet Magazine 称为 “易用之王”。

Jakob Nielsen（雅各布·尼尔森）的十大交互设计原则被称为“启发式”设计原则，因为它们是广泛的经验法则，而不是特定的可用性指导原则。因此，我们不能把它做为一种标准，而是当做一种经验来学习与运用。

浅析尼尔森十大交互设计原则：

原则1：状态可见原则

Visibility of system status

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

这样的反馈小到用户单击按钮时, 通过改变按钮颜色、状态变化给予不同反馈，也可以应用在更为复杂的任务操作过程中, 比如需要长时间完成加载时的时间进度指示器; 这些指示器表明系统正在运行，并减少了不确定性-防止用户多次单击同一按钮，因为他们不确定第一次是否可以运行。

为交互式事件提供即时反馈，使用户可以快速识别错误源并在错误发生后立即予以修复。实际上，即时反馈是直接操作的主要好处之一，直接操作是一种交互样式，用户可以直接对不同的UI对象进行操作。与直接操作UI相比，命令行界面不显示系统的当前状态，也不提供即时反馈,这样程序员知道在缺乏即时反馈的界面中定位错误的源可能会非常困难, 他们通常不得不求助于断点和步进之类的工具，以了解系统状态如何随着代码中指定的每个动作而变化。

原则2：用户可控原则

User control and freedom

用户常常会误触到某些功能，系统应该让用户可以方便的退出。这种情况下，我们应该把“紧急出口”按钮做的明显一点，而且不要在退出时弹出额外的对话框。很多用户在进行某些操作时、总会有忽然意识到自己不对, 需要修改撤回的地方，这个叫做临界效应；所以最好支持撤销/重做功能。

比如微信聊天中的撤回功能：两个人在聊天中，A发了一条消息，突然觉得不合适，可以长按这条消息，在出现的选择框中选择撤回、或者重新编辑发送，来避免错发消息给对方或者自己造成困扰，这就是用户可控原则

比如相册删除照片之后的撤销功能：避免误删除对用户造成一些损失，这也是用户可控原则的体现，如下图：

原则3：一致性原则

Consistency and standards

对于用户来说，同样的文字、状态、按钮, 业务逻辑都应该触发相同的事情，遵从通用的平台惯例；同一文案、功能、操作保持一致; 软件产品的一致性包括以下五个方面：

1）结构一致性：保持一种类似的结构，新的结构变化会让用户思考，规则的有逻辑的排列顺序能减轻用户的思考负担；

例如微信每个模块的条目布局：微信中每个模块的条目都用了统一的“图标+文字信息”的列表结构样式，用户可以快速的各个模块的操作方式，这就是结构一致性的体现：

2）色彩一致性：产品所使用的主色调应该保持统一;

例如网易云音乐的颜色：网易云音乐的图标颜色与界面的主色均为红色，也包括其中一些标签和强调的文字颜色都是红色，整个界面除了图片的有效信息外，都通过灰、白、红色来呈现，界面保持了很好的一致性，这就是色彩一致性原则

3）操作一致性：能让产品更新换代时仍然让用户保持对原产品的认知，减小用户的学习成本；

比如安卓版微信、支付宝和钉钉APP中左上角的返回操作：它们三个安卓版的应用内返回上一级操作，都是通过顶部左侧的返回按钮进行的，当然也可以通过安卓的物理返回键，这就是操作一致性的体现

4）反馈一致性：用户在操作按钮或者条目的时候，点击的反馈效果应该是一致的；

比如安卓版手机QQ信息列表的打开方式：它的信息都是列表式结构，不管你点击那一行条目，下一级界面都是由右往左滑出，点击顶部左上角的返回按钮会从左往右滑回，体验相当一致；这就是反馈一致性的体现，

5）文字样式一致性：产品中呈现给用户阅读的文字大小、样式、颜色、布局等在不同页面的相同模块下都应该是一致的.

原则4：环境贴切原则

Match between system and the real world

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

案例一：

比如计算器的软件界面设计：现在我们手机中的计算器软件设计界面，基本上跟我们现实中使用的计算器的样式差不多，这样用户会很快的带入联想, 快速上手，这就是环境贴切原则：

比如很多产品在做不同市场的时候, 会根据不同国家的文化差异, 做不同的版本设计, 如淘宝的中文版和国际版：考虑到国外用户的购物使用习惯，aliexpress的购物图标位置更加突出; 软件的语言默认为英文，当然还支持各种语言版本，可以根据所需在设置中调整

原则5：易取原则

Recognition rather than recall

通过把组件、按钮及选项可见化，来降低用户的记忆负荷。用户不需要记住各个对话框中的信息。软件的使用指南应该是可见的，且在合适的时候可以再次查看。

比如谷歌相册中的删除照片操作：用一个类似垃圾桶的“图标”标识删除功能，对于用户来讲是有一定的认知负荷的，且点击“删除”之后用户对于造成的后果及影响也不清楚，因此，删除之后出现弹窗提示很有必要，此弹窗清除的写明了删除之后的影响、后续的帮助说明以及操作的选项，弹出框的出现很好的减少了用户前后的记忆，这就是易取原则的体现

比如安卓版爱奇艺更新后的新功能引导：更新完APP之后，当用户触发到这些功能时，会出现下图类型的遮罩类的提示，这些提示告诉用户功能所在的地方以及功能的作用；这种做法在很多APP中都会出现，这也是易取原则的一种体现，

原则6：灵活高效原则

Flexibility and efficiency of use

有些操作对于部分人使用比较高频, 而这些操作对于其他人使用频率又没有那么高, 还有一些功能需要高阶玩家才能发现, 新手用户常常看不见, 这样的话系统怎么同时满足有经验和无经验的用户、满足不同用户对某些功能使用频率需求的不一样? 允许用户定制常用功能也许是个不错的选择.

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

比如苹果手机长按图标弹出的快捷操作按钮, 每次坐地铁的时候都比别人动作快:).

原则7：优美且简约原则

Aesthetic and minimalist design

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

苹果手机中自带的软件（IOS11设计规范）：在新版本的苹果手机中自带的软件中标题都属于字体放大，界面简洁的设计风格；还有苹果自带的音乐软件中，段落中的标题和正文区别是很明显的，标题明显很大，而正文部分相对较小，这就是优美简约原则的体现，

例如苹果App Store中的今日推荐功能，卡片式设计中, 融入图标与列表, 形式感统一,卡片在圆角与投影的处理上细腻且有质感, 在内容上, 图标加文字与操作, 没有别的多余信息, 保持了信息简洁易读与美观.

原则8：防错原则

Error prevention

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

比如知乎安卓版本的登录操作：当用户在知乎中登录时，在没有填写完手机号码和密码前，底部的登录按钮是置灰不可点击的，只有两项都填写完整底部的登录按钮才会变为可点击状态，也就会蓝色的，这就是为了防止用户犯更多错误，也是防错原则的一种体现，如下图：

比如安卓版微信发朋圈动态时，点击返回按钮出现的提示弹窗：弹出框方式会增加不可逆操作的难度，当用户发一条动态一半的时候，因为误操作或者其它退出当前状态的时候，使用弹窗是是个不错的选择，因为用户这个操作会让之前辛苦编辑的内容删除找不回，想要再发只能从头开始，对用户造成损失比较大；这就是防错原则的另外一种体现

原则9：容错原则

Help users recognize, diagnose, and recover from errors

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

比如yandex PC端的登录注册界面：通过密码的强弱是否一致, 来提醒用户正确的输入密码;

 当用户按照要求填写时, 会给出正确的反馈, 填写错误的时候给出错误的原因, 这种提示做的很轻盈, 不会打断用的操作, 但是又足以让用户重视起来; 这是一种相当好的用户体验，也是容错原则的一种体现。

例如Twitter注册页面的错误提示：用户在注册Twitter账号时，第一步要输入名字和手机号码，当用户输入正确的时候，输入框后边会有绿色的对勾圆圈，提示用户输入正确，可以进入下一步操作了，而当用户输入错误的时候，输入框会变为红色并且在下方出现红色字的错误提示，这样让用户很清楚的知道用户输入错误以及错误的原因，这样用户就知道怎么修改了，这也是容错原则的一种体现。

原则10：人性化帮助原则

Help and documentation

即使系统不适用帮助文档是最好的，但我们也应该提供一份帮助文档。任何帮助信息都应该可以方便地搜索到，以用户的任务为核心，列出相应的步骤，但文字不要太多。

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

以上就是对Jakob Nielsen（雅各布·尼尔森）的十大交互设计原则的分析, 希望对大家有所帮助。