Jakob Nielsen（雅各布·尼尔森）的十大交互设计原则

这些原则被称为“启发式”，因为它们是广泛经验总结出来的法则，而不是特定的可用性指导原则。因此，我们不能把它上升为一种标准，而是应该当做一种经验来学习，然后跟现实中的设计结合来使用。

状态可见性

原则一：系统状态的可见性（Visibility of system status ）

The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.

系统应始终在合理的时间内通过适当的反馈使用户了解发生的情况

理解：这里的系统可以理解为界面，“合理的时间内”--是因为人是具有一定的反应时间的，如果时间过长过短都不适合；应该让用户时刻清楚当前发生了什么事情，让用户了解自己处于何种状态、对过去发生、当前目标、以及对未来去向有所了解（有点和iOS的内容跟随的原则有点类似）；一般的方法是在合适的时间给用户适当的反馈，防止用户使用出现错误或不清楚当前的状态。

用例：每个点击需有一个轻量级的反馈：比如当前播放的曲目是哪首歌、按钮点击下去的状态、刷新（正在刷新、刷新完成都是种状态的反馈）、加载（加载的进度条百分之多少都表明一种状态）等

环境贴切

附上个链接：https://en.wikipedia.org/wiki/Heuristic_evaluation

原则二：系统要符合真实世界（Match between system and the real world ）-环境贴切

The system should speak the user's language, with words, phrases and concepts familiar to the user, rather than system-oriented terms.

系统应该说用户的语言，使用用户熟悉的单词，短语和概念，而不是用于描述系统的技术语言。遵循现实世界的惯例，使信息以自然和逻辑的顺序出现。

理解：应用程序和用户交互的时候应该使用用户熟悉的语言，更贴切用户理解习惯，语言表达文字板书通熟易懂，即使是非专业人士也可以容易懂

用例：比如在电脑人机交互页面刚兴起的时候，把删除的文件放入垃圾桶（回收站），你看，用的是用户可以理解且熟悉的语言，实际的生活中我们把不要的东西丢入垃圾桶，把可以回收循环利用的东西运送到回收站，所以在电脑机器的界面中的垃圾桶不管是名字还是图标，都是把它设计成用户熟悉且和真实环境相符的语言，而且用户总是习惯了熟悉的事物；

用户可控性

原则三：用户可控原则（User control and freedom）

Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.

理解：用户常常会误触到某些功能，我们应该让用户可以方便的退出。这种情况下，我们应该把“紧急出口”按钮做的明显一点，而且不要在退出时弹出额外的对话框。另外，很多用户发送一条消息、总会有他忽然意识到自己不对的地方，这个叫做临界效应；所以最好支持撤销/重做功能。

用例：比如iphone手机的相册删除，它有个回收站，一般会保存30天，然后在删除，这就很好的避免了用户误操作删除了照片，也可以找回来；第二点，类似这种删除权重比较重要的操作或者是不可逆的操作，在系统删除之前一般给予一个弹窗让用户确认一下子是否删除

一致性

原则四：一致性原则（Consistency and standards）

Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.

理解：对于用户来说，同样的文字、状态、按钮，都应该触发相同的事情，遵从通用的平台惯例；也就是，同一用语、功能、操作保持一致。软件产品的一致性包括以下五个方面：

（1）结构一致性：保持一种类似的结构，新的结构变化会让用户思考，规则的排列顺序能减轻用户的思考负担；所以不建议页面每个版本出现太大的视觉变动，如果不是大改版的话

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

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

（4）文字一致性：产品中呈现给用户阅读的文字大小、样式、颜色、布局等都应该是一致的；比如正文常用字号“14sp”,那么其他页面的上的正文也应该是14sp；

防错原则

原则五：防错原则（Error prevention）

Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.

比好的“错误消息提示”更好的是一种精心的设计，它可以在第一时间防止问题的发生。要么消除容易出错的条件，要么检查它们，并在用户提交操作之前向他们提供确认选项。

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

用例：我们常见的登录页面，在用户没有填写手机号，验证码获取按钮是不可点击的状态；而不是没有输入手机号，验证码可以点击，然后出一个错误的弹窗提示“请先输入手机号”；

识别非记住原则

原则六：识别而不是记住（Recognition rather than recall）-减轻用户的记忆负担

Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.

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

用例：比如，淘宝商品的详情页的底部按钮部分，如果用户刚开始使用这个app的时候，其实对客服和收藏是没有感念的，所以会把文字写在下方，不过现在很多用户都知道这个图标是客服，这个图标是收藏；

灵活高效

原则七：灵活高效原则（Flexibility and efficiency of use）

Accelerators—unseen by the novice user—may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.

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

理解：灵活：可以自定义比如QQ头像、支付宝功能的自定义编辑。高效：很多美颜相机的个人收藏、常用滤镜、常用表情这些都可以为用户提高拍照和聊天的效率；很多时候这个高效可以结合“4W”场景走查的方法论可以实现更好的智能场景，比如“周六，下午7:00左右，一个首页的智能取电影票”，比如美团外卖，当用户点了外卖之后，这个订单在首页就会有一个快捷的入口，因此很方便，也很高效；

简约原则

原则八：优美且简约原则（Aesthetic and minimalist design）

Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.

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

理解：互联网的时代，用户其实不像看书一样那么仔细，更像是扫描，如果不需要的内容太多反而会干扰所想要表达的内容；一句话能说清楚的就没必要修饰成两句话

容错原则

原则九：容错原则（Help users recognize, diagnose, and recover from errors）

Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.

错误信息应该使用简洁的文字（不要用代码），指出错误是什么，并给出解决建议。

理解：也就是在用户出错时如何为出错的用户提供及时正确的帮助呢？即要帮助用户识别出错误，分析出错误的原因再帮助用户回到正确的道路上。如果真的不能帮助用户从错误中恢复，也要尽量为用户提供帮助让用户损失降到最低。

比如：点击“去代理”，弹窗提示“您等级没有达到L2级”，这个时候应该要有去“去升级”的按钮和流程，而不是“知道了”

人性化帮助原则

原则十：人性化帮助原则（Help and documentation）

Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.

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

理解：用户在使用某个软件的时候都会遇到一两个“怎么弄”的问题，如果一旦解决不了，那么就会尝试其他竞品的软件，这样的话就得不偿失；所以帮助其实是很有必要的；

Powered by Froala Editor