UI交互设计原则-尼尔森十大定律

理论是前辈牛人的经验总结，无论是学院派还是操练派，为什么不站在巨人的肩膀上潜移默化的升华自己。另一个感触就是：“理论”到用时方恨“忘完了”。这次，我们只说理论：《尼尔森十大定律》《格式塔原理》《7±2接近法则》《西克定律》《菲茨定律》《奥卡姆剃刀原理》……

可用性原则：《尼尔森十大定律》

原文：https://www.nngroup.com/articles/ten-usability-heuristics/

1、状态可感知（Visibility of system status）

要让用户知道正在做什么，做了什么，去到哪里，去过那里，同时给出正确的反馈信息。

举例：

明显且便于操作的菜单栏；

需要等待的数据loading状态提醒；

正确的返回路线；

出错时的友好提示；

完成各种状态的相应提示；

详细可阅读：https://www.nngroup.com/articles/visibility-system-status/

2、环境贴切（Match between system and the real world）

使用用户熟悉的文字，概念介绍，图形标识，而不是系统的专业术语也叫第二世界语言；早期《iPhone人机交互指南》里提到的隐喻与拟物化是很好的实践。此外，还应该使用易懂和约定俗成的表达。

举例：

icon的使用符合大众的认知；

计算器的呈现方式和真实的计算器一样；

在打开一个软件，突然给出一串英文提示“C：\WINDOWS\winsp10.dle 时出错，找不到指定的模块”。顿时懵逼，一脸问号：什么鬼！？该怎么办！而是应该告诉用户：要怎么处理才能正确打开软件或需要重新下载等解决方案。

用户正在浏览一个商品并想进一步了解，突然跳出来一个广告弹窗，这就是自寻死路导致用户流失。

详细可阅读：https://www.nngroup.com/articles/match-system-real-world/

3、用户可控（User control and freedom）

用户经常错误地执行了一个功能，这时需要一个明确的“紧急出口”来离开，而不是经过扩展的对话。

举例：支持撤消和重做。

4、一致性（Consistency and standards）

举例：

设计风格（颜色、icon、文字、排版）一致性；

使用用语一致性；

操作习惯一致性。

5、防错（Error prevention）

举例：

删除动作的二次确认提醒；

删除后是否可恢复；

功能按钮间隔大不影响操作；

不能操作时按钮灰掉，表示不可操作；

词语或英文拼写不对时的高亮提示。

6、主动帮用户识别记录减少回忆（Recognition rather than recall）

减少用户记忆负担，主动帮用户记录过去信息并给出提示。

举例：

在下次登陆时给出上次登录时的地址提示；

购买过的商品，给出可再次购买的功能；

浏览商品记录；

文章阅读记录；

7、灵活高效（Flexibility and efficiency of use）

中级用户的数量远高于初级和高级用户数，设置快捷方式快捷键，满足新手用户和专家用户的操作，同时允许用户调整常用的动作。

举例：

初次使用应用或刚改版应用后，给出新手提示信息；

设置快捷键，比如control+c 是复制，键盘的return代表确定；

photoshop的一系列快捷键可满足设计专家快速完成设计；

可批量删除或移动文件；

邮箱的可自动归档功能；

8、优美且简约（Aesthetic and minimalist design）

言简意赅的表述信息；清晰的表达不同层级的关系和功能的样式；提炼重点剔除繁冗；使整体设计易读，操作易用。

举例：

标题精简文字大，介绍内容文字小；

删除功能红色醒目，提示信息弱化；

导航菜单保持在3-5个，位于醒目的顶部或底部；

将不常用的功能收集起来，比如筛选功能、更多icon；

简约易识别的icon表达操作信息；

9、容错（Help users recognize, diagnose, and recover from errors）

及时告诉用户出现问题的原因，并给出解决方案，将损失降到最低。如果无法自动挽回，则提供详尽的说明文字和指导方向，而非代码404等第二世界语言提示。

举例：

删除信息可能造成的后果，如果删除可在什么地方恢复；

没有网络无法连接时给出重新刷新或网络设置的提示；

电话号码输入错误时给出提示要输入11位数字；

商品降价给出降价提醒，缺货时给出其他购买方案；

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

给用户帮助提示信息，关注用户的任务，给出执行方案及操作步骤；

举例；

注册登陆可使用邮箱或手机号或第三方登录注册；

完成购买订单后给出可返回查看订单详细及是否正确的按钮；

新手引导；

帮助中心；

联系客服；

地图导航的语音提示功能；

原文：https://www.nngroup.com/articles/ten-usability-heuristics/

UIUXPoints脑子一热就关注