以CSDN为例解释尼尔森十大交互原则

一、状态可见原则

用户在网页上的任何操作，不论是单击、滚动还是按下键盘，页面应即时给出反馈。“即时”是指，页面响应时间小于用户能忍受的等待时间。

 

举例：CSDN上文章底部都会有一个[喜欢]按钮，当我们把鼠标移到[喜欢]按钮之后，按钮就会在原来的单纯的心形按钮外圈出现一个圈，这个状态只要是鼠标放上去之后，就会存在。

这能够反馈给用户的信息就是：您的操作正确，喜欢的话就点下去吧。

二、环境贴切原则

网页的一切表现和表述，应该尽可能贴近用户所在的环境（年龄、学历、文化、时代背景），而不要使用第二世界的语言。

《iPhone人机交互指南》里提到的隐喻与拟物化是很好的实践。此外，还应该使用易懂和约定俗成的表达。

 

举例：CSDN在网页的表现和表述上，主要是使用拟物化的方法来表述的。

第一：这种方法不仅简便而且还易懂。

第二：这里面用的拟物化的方法，比如写作这个模块，这里并没有用汉字来表达，而是用了一个书写的图标来表示，能够让人联想到奋笔疾书的感觉。

 

三、撤销重做原则

为了避免用户的误用和误击，网页应提供撤销和重做功能。

 

举例：csdn上面，我没有找到比较具体的案例，所以采用了360极速浏览器为例说明，在左上角的按钮中，有一个撤销的按钮，如果是误操作导致的页面关闭，这时候可以点击它恢复原来的页面，如果是浏览器直接被关闭的话，那么可以通过撤销来恢复所有误关闭的页面。

 

 

四、一致性原则

同一用语、功能、操作保持一致。

 

举例：CSDN上鼠标按钮悬浮在写作按钮上，会自动单出一个选框，这里面有6个按钮，在文字描述上，而且文字之前还有图标。

让人眼前一亮的是，每个图标都是符合后面文字的，比如创建代码片，用的是代码里面标签的图标。能够让人直观的看出每个按钮的用途。

 

五、防错原则

通过网页的设计、重组或特别安排，防止用户出错。

 

举例：在写代码片的页面内，点击[删除代码片]后，会弹出一个对话框，让你确认是否删除文章，在网页上官方设计的时候给[确认]按钮填充了醒目的蓝色，多重防止误操作。

 

 

六、易取原则

好记性不如烂笔头。尽可能减少用户回忆负担，把需要记忆的内容摆上台面。

 

示例五中的图片也说明了这个原则的重要性，一个确认对话框很好的减少了用户的回忆负担。

 

七、灵活高效原则

中级用户的数量远高于初级和高级用户数。为大多数用户设计，不要低估，也不可轻视，保持灵活高效。

 

示例：在CSDN中，用户拥有[富文本编辑器]、[Markdown编辑器]、[XHTML语言]，这样满足了由基础到高不同层次的用户的需求，[富文本编辑器]满足了基础用户的需求，不需要记住太多的语法，一样可以编写文章，而高层次的用户可以使用三种方法来完成自己编写文章的需求。如果只有[XHTML语言]的话，无疑会流失大量的用户。

 

 

八、易扫原则

互联网用户浏览网页的动作不是读，不是看，而是扫。易扫，意味着突出重点，弱化和剔除无关信息。

 

示例：在CSDN中执行删除代码片的操作，点击[删除]后，会出现弹出提示是否删除的对话框，在对话框中点击[删除]后，没有提示出现，因为已经让用户确认是否删除，而用户确认删除之后可不宜用任何提示了，CSDN在这方面剔除了无关信息。

 

九、容错原则

帮助用户从错误中恢复，将损失降到最低。如果无法自动挽回，则提供详尽的说明文字和指导方向，而非代码，比如404。

 

示例：CSDN中关键词未找到的话，会显示一下页面，页面上有一个放大镜的图标，并且提供了原因、建议、和知道方向，并非直接使用404代码。

 

十、人性化帮助原则

帮助性提示最好的方式是：

1、无需提示；

2、一次性提示；

3、常驻提示；

4、帮助文档。

 

示例：CSDN中在文档方面，用户肯定会出现一些对问答的规则不太明确的用户，所以在右方有一个帮助文档。

而且在用户编写文档时最先出现的编辑器是[富文本编辑器]，能够满足所有用户的编辑要求，

技术更高的用户还可以根据自身的要求改变编辑器。