Kyle博客

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

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

举例：

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

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

• 正确的返回路线；

• 出错时的友好提示；

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

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

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

举例：

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

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

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

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

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）
给用户帮助提示信息，关注用户的任务，给出执行方案及操作步骤；
举例；

• 注册登陆可使用邮箱或手机号或第三方登录注册；
• 完成购买订单后给出可返回查看订单详细及是否正确的按钮；
• 新手引导；
• 帮助中心；
• 联系客服；
• 地图导航的语音提示功能；