深度解析尼尔森十大交互设计原则(2)

原则五：防错原则(Error prevention)

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

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

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

原则六：易取原则(Recognition rather than recall)

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

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

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

原则七：灵活高效原则(Flexibility and efficiency of use)

汽车油门—新手用户常常看不见，而且对于高手来说可以通过它快速与汽车互动。这样的系统可以同时满足有经验和无经验的用户。允许用户定制常用功能。

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

案例二：比如安卓版QQ聊天常用表情模块：安卓版本的QQ聊天界面表情弹窗中会有一个“常用表情”的模块，它把个人平时使用频率或者次数最多的表情进行归类，当用户使用的时候能很快的找到自己喜欢或者常用的表情，提高了聊天效率，体验很好，这也是灵活高效原则的体现，如下图：

#FormatImgID_16#

原则八：优美且简约原则(Aesthetic and minimalist design)

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

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

案例二：例如安卓版网易云音乐及QQ音乐播放页面：网易云音乐和QQ音乐APP音乐播放界面，从视觉及功能布局上面做的相当不错，美观简约、功能主次分明、用户体验不错;也是优美且简约原则的一种体现，如下图：

原则九：容错原则(Help users recognize, diagnose, and recover from errors)

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

案例一：比如网易邮箱PC端的注册界面：用户在网易163电脑端注册邮箱时，在输入出错时不但会出现错误的提示，还会给出相应的建议，帮助用户进行正确的抉择，这样就避免用户出现更大的失误并且提高了注册的效率，这是一种相当好的用户体验，也是容错原则的一种体现，如下图：

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

原则十：人性化帮助原则(Help and documentation)

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

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

案例二：比如mac上一些常用的大型软件：原型制作工具Axure RP 8软件、图像编辑软件Photshop CC以及mac上的Safari浏览器，在顶部状态栏上都有有一个“帮助”的入口，也体现了帮助文档的必要性，所以，不管是什么样的产品都要给用户提供一个帮助的入口，用来解决用户操作过程中遇到的问题，如下图：

三、总结：

以上就是我对雅各布·尼尔森(Jakob Nielsen)的十大交互设计原则的理解和实例解读，从中学习到了很多的设计经验和技巧，希望对大家有所帮助。

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