设计师体验走查的问题分类归因

（理论来源：尼尔森十大可用性原则）

⭐️尼尔森十大可用性原则:

一、系统状态可见性

系统应该在适当时候做出适当的反馈，以告诉用户当前的系统状态。

1. 告诉用户处在系统的什么位置，举例：PC端面包屑导航；
2. 让用户知道自己在做什么，举例：播放状态和暂停状态；
3. 让用户知道系统在做什么，举例：下载进度展示；
4. 让用户知道系统做了什么，举例：搜索无结果状态；
5. 利用多形式的反馈，举例：微信语音接通中的声音、界面；
6. 对系统延迟响应进行反馈，举例：加载时间较长的“加载中”；

常见可用性测试问题：

1. 缺少必要反馈，没有清晰的状态；
2. 反馈不够及时，没有立即显示；
3. 反馈不够持久，用户没有足够时间注意到或理解；
4. 反馈不容易看到，不容易理解；
5. 提供不必要的反馈，让用户慢下来；

6. 让用户误解的反馈；

   二、系统与用户现实匹配

   产品设计应该使用用户熟悉的语言，应该符合真实世界的使用习惯

7. 使用用户的语言，举例：儿童类产品使用动画的形式；

8. 符合显示世界的使用习惯，举例：购物车的形式；
9. 使用现实世界的隐喻，举例：网易云音乐播放时的黑胶界面；
10. 操作手势符合联想，举例：IOS照片浏览时双指撑开可以放大；

常见可用性测试问题：

1. 使用用户不熟悉的语言；
2. 系统的语言以系统为中心，而不是用户；
3. 任务流程和用户真实使用流程不符；
4. 系统结构不符合用户对真实世界的理解；

5. 系统使用的隐喻方法不易理解；

   三、用户控制和自由

   用户经常会在使用过程中发生误操作，这是就需要一个非常明确的“紧急出口”，来帮助他们从当前的情景中恢复过来。

6. 用户可以自由导航，举例：IOS设置中心，用户可以自由的设置和返回；

7. 用户可以自由退出，举例：弹窗中的关闭按钮；
8. 用户操作可以逆，不可逆的操作需要警告，举例：删除时的二次确认弹窗；

常见可用性测试问题：

1. 在不可逆的行动之前没有提供足够的警告；
2. 没有适当的时机提供取消功能；
3. 取消功能不明显，很难找到；

4. 不支持撤销的功能；

   四、一致性与标准化

   同一产品内的，架构导航、功能名称、视觉界面、操作交互方式等需要保持一致；
   同时产品需要与通用的业界标准一致。

5. 产品内部保持一致，举例：IOS中的蓝色字可点击、红色字体警示；

6. 不同版本之间有延续性，举例：IOS的电话、通讯录等图标中隐喻的延续；
7. 与业内产品保持一致，举例：各APP收藏夹内容可向左滑删除；

常见可用性测试问题：

1. 界面元素的布局和外观不一致；
2. 界面元素的命名不一致；
3. 系统反馈的格式不一致；
4. 系统提供不一样的方法来操作相似的对象；
5. 表达含义不一致，在不同的地方红色代表不同的含义；

6. 设计标准和通用标准不一致；

   五、防止错误

   在用户执行选择操作之前，就要防止用户有错误的选择。

7. 在执行危险操作之前请用户确认，举例：删除废纸篓里的文件；

8. 利用清晰的提示防止错误，举例：键盘输入中的字母放大；
9. 利用用户的联想防止错误，举例：微信聊天界面中“清除聊天记录”红色按钮；

常见可用性测试问题：

1. 输入信息时，没有告诉格式；
2. 缺少非语言暗示；

3. 没有对可能产生严重后果的操作进行提示和确认；

   六、确认而不是记忆

   将用户的记忆负担减到最小，提供可选项让用户确认信息。

4. 将选择的对象可视化，举例：美团点评APP首页的品类导航ICON;

5. 丰富的记忆线索，举例：淘宝APP点击“加入购物车”后引导动画将商品加入购物车入口；
6. 使用通用的命令：减少用户记忆负担，举例：长按可以保存图片；
7. 更多的让用户选择，而不是让用户输入，举例：个人信息中的年龄选择；

常见可用性测试问题：

1. 系统使用过于复杂，用户不得不记忆复杂的命令；
2. 界面提供信息不及时，用户不得不从系统另一个部分找到相关信息；
3. 图标符号难以理解，甚至误导用户；

4. 菜单或选项有太多层次；

   七、灵活高效的使用

   照顾到新老用户，不但让新用户觉得简单操作，还要对熟练操作的老用户来说便捷高效，尤其是可以方便的使用频率较高的功能。

5. 提供快捷键，举例：PS软件中的各种快捷键；

6. 允许用户使用重复操作，举例：外卖订单中的再来一单；
7. 提供系统默认值，减少用户多余操作，举例：外卖频道页面顶部默认显示用户常用地址；

常见可用性测试问题：

1. 系统缺少自动化，没有自动执行下一步操作；
2. 系统没有提供应用的默认值；
3. 默认值不正确；

4. 系统没有提供捷径；

   八、美观简洁的设计

   用户界面设计需要保持美观简洁，不相关的信息不应该显示在界面上，否则会影响相关信息的可见性；

5. 避免界面元素过于杂乱，举例：界面既有动效也有各类图标，各式各样的按钮；

6. 对重点信息突出显示，举例：IOS系统设置中心，标题最为突出醒目；

常见可用性测试问题：

1. 界面上的元素太大或太小；
2. 元素的颜色、形状或文字，不容易识别；
3. 界面元素移动太快，太慢或不容易察觉；
4. 界面过于拥挤，界面元素密度不均匀；

5. 不同的元素太相似，按钮或链接看起来没有点击的欲望；

   九、帮助用户认知、判断和修复错误

   用简介的语言解释错误信息，精确的指出问题原因并且提供有建设性的解决方案；

6. 引起用户注意，举例：视频类产品在4G移动场景下提示流量的使用；

7. 提供建设性建议：举例：用户搜索无结果时，引导减少搜索词数；
8. 自动纠错，举例：用户手机号输入位数不足时的提示；

常见可用性测试问题：

1. 使用用户不理解的语言进行提示，举例：404错误提示；
2. 没有给出具体建议；
3. 错误信息使得用户感到迷惑；

4. 错误信息用词不当；

   十、帮助文档及使用手册

   帮助信息应易于查找，聚焦与用户的使用任务，并且信息量不能过大；

5. 方便用户查找，举例：提供FAQ便于用户应对问题；

6. 便于用户理解，举例：FAQ中采用第一视角描述问题；
7. 便于用户使用，举例：登录页面的“忘记密码”功能；

常见可用性测试问题：

1. 帮助文档或使用手册不存在；
2. 帮助信息没有意义或是使用户更加迷惑；

⭐️不同类别功能的多种状态：

一、列表

1、为空时如何显示？
2、每一页的默认显示数量是多少?（若分页，每页显示多少条）
3、每一行的默认显示字段时多少？（若字数太多怎么显示，限制：字数、行数、距离）
4、列表默认显示顺序（按热度降序还是按时间顺序）
5、图片为空的显示
6、内容过期的显示
7、内容不存在的显示
8、翻页「加载」操作（加载或翻页的操作方式）
9、列表是否有多种排列方式（大图、小图、图➕文等，按时间，按热度）
10、列表的操作（筛选、搜索等）
11、静止状态「默认状态」
12、鼠标经过状态（经过图片或文字时的变化）

二、输入

1、对应键盘上的操作（如果是PC端，是否支持对应键盘上的操作，如何对应）
2、编辑态和常态的区别
3、编辑完成后的保存成功
4、编辑完成后的保存失败
5、编辑的过程中是否能取消
6、编辑后是否提供预览
7、输入有逻辑关系的内容（用排列组合的方式检查）
8、输入被意外退出或者中断后是否保存之前的操作
9、输入错误、边界值

三、按钮

1、正常状态
2、鼠标悬停状态（hover）
3、鼠标点下状态
4、鼠标按下后弹起状态
5、不可点击状态

四、输入框（文本框）

1、静止状态「默认状态」（是否有默认值）
2、输入时状态（在输入过程中是否提供提示和判断）
3、输入有错误时状态（输入文字长度是否有限制？字符标准时什么？）
4、输入正确时状态
5、键盘是否能做相应操作（比如输入完成后点击回车是否和“确认”一样）
6、无法输入时

五、加载状态

1、加载/上传/下载 中「正常」（网络错误、操作错误）
2、加载/上传/下载「异常」（如何提醒）
3、加载/上传/下载后
4、加载/上传/下载成功
5、加载/上传/下载失败
6、加载时间过长
7、加载过程中是否允许取消
8、单页面加载（一次性加载全部内容，一般在页面内容较少，信息文件较小的情况下一次性加载完所有）
9、异步加载（单页面多模块加载）
10、预加载（跨页面加载）

六、其他

1、资源依赖（网络，打印，存储，长时间计算等）
2、系统中断（电话，短信，push）
3、系统局限（显示界面是否足够）
4、人机交互（字体是否适合辨认，容易点击出错）
5、控件（控件最容易忽略的是点开后的操作）

⭐️二十一条可用性原则表:

（八大分类）

一、视觉呈现

（1）重要内容明显且清晰（用户的阅读习惯是扫而不是看，所以重要文字和图像应该足够大和清晰，减少不必要的视觉元素和无关紧要的信息，以便于阅读操作）
（2）配色方案和品牌识别（基于品牌调性的配色方案、不刺眼、不反感）
（3）一致性（相同功能、操作、用于保持一致）

二、界面设计

（4）交互和非交互元素区分明显（可交互的元素应该清楚的显示出来）
（5）页面排布清晰（模块与模块之前结构清晰，相关功能和内容应在同一模块中）

三、导航设计

（6）导航分类清晰（导航分类清晰，能让用户方便快捷的找到想要的功能）

四、信息设计

（7）通熟易懂的文案
（8）清晰的选项

五、交互设计

（9）操作反馈「及时对用户的操作给予反馈，成功/失败/等待中(等多久)」
（10）符合预期（任何操作跳转符合用户的心理预期）
（11）避免重复过多的操作
（12）用户的控制度和自由度（让用户自己决定，可引导用户做系统希望做的）
（13）遵循惯例（除非有一个非常特殊的原因，否则请遵循互联网已形成的规则）
（14）防错处理
（15）容错（用易懂的方式说明错误原因，并提供一个建设性的解决方案）
（16）帮助记忆
（17）灵活高效（可以满足新老用户，允许用户频繁操作，并且不要因为小部分人的需求而舍弃了大部分人的需求，切忌以点概面）

六、信息架构

（18）清晰的信息架构（信息的分类清晰、层级关系明确、任务路径清晰）
（19）提供用户需要的期望的功能（提供用户可以方便操作的功能，例如：列表信息较多的情况下，提供搜索、筛选功能）

七、功能需求

（20）对复杂的操作给予帮助（对复杂的功能提供新手帮助和清晰的解释）

八、内容需求

（21）提供必要但不多的内容

⭐️七大定律：

一、费茨定律

费茨定律主要体现出三个参数：时间、距离和大小；任意一点移动到目标位置所需要的时间，与目标距离正相关，距离越长所需要时间越长，与目标大小负相关，体积越大越宽所需时间越短。
这定律核心要点简单归纳就是：放大目标对象，减少目标距离。
1.放大可点击元素的尺寸
2.减少移动的距离

二、席克定律

席克定律是一种心理物理学定律。用户所面临的选择数量越多，做出选择所花费的时间就越长，在人机交互的界面中选项越多，意味着用户做出决策的时间越长。
我们在做设计时，应该思考“在不妨碍用户选择的情况下，如何提供较少的选项”。多而乱的选项会延长用户做决策的时间，甚至对一些“选择困难户”来说，会直接导致任务流失败。
1.减少选项，方便用户决策
2.区分层级，突出重点信息
3.提供默认选项
4.分解复杂流程
5.个性化推荐

三、米勒定律

米勒定律是美国心理学家乔治·米勒对短时记忆能力进行了定量研究后提出：人的短时记忆能力广度为7±2个信息项，超过该范围就容易出错。
提及到人的大脑短时记忆容量约为“7”，并在7+2与7-2之间浮动，因此也这个神奇的记忆容量规律称为“7±2法则”。
1.减少选择
2.对信息进行分组
3.利用用户的习惯用法
4.减少用户的记忆量

四、接近法则

接近原则是一个心理学名词，指对于彼此接近的事物，人们总会下意识地将他们建立某种关联性，并视为一个整体去看待。这原则更简单一点归纳就是：把接近相似的信息元素组织起来。
接近原则是非常常用和极其有效的一种设计技巧，根据人的认知习惯和心理模型来构建页面，能很好地帮助用户节省浏览和理解内容的成本。
1.内容上相关的视觉上也要相关
2.不相关的元素视觉上也要分离
3.避免一个页面上有太多孤立的元素

五、泰斯勒定律

泰斯勒定律又称复杂性守恒定律，该定律认为每一个过程都有其固有的复杂性，这个复杂性存在一个临界点，超过了这个点就不能再简化了，你只能将固有的复杂性从一个地方移动到另一个地方。
比如我们发现页面的功能是必须的，但当前的页面信息过载，那么就需要将次要的功能收起或者转移，但是你却无法删除他，只能想办法权衡。

六、奥卡姆剃刀定律

奥卡姆剃刀定律也是关于本体论简化的原则，它提出：如无必要，勿增实体。即任何存在的东西，应该有对应的事实依据，否则我们不应该去考虑它。
流程内的引导尽量弱化于主流程，流程外的内容，没有必要的不要增加，这一点其实很重要，简单的页面让用户一眼就能找到他们感兴趣的内容，使用户浏览更舒适，更能专心于你要表达的内容上。
1.做减法，删除不必要的功能和信息
2.少即是多

七、防错原则

防错原则最早出现在19世纪60年代的汽车制造领域，由丰田汽车的专家工程师新乡重夫创造的理念。
防错原则其实是站在用户的角度，尽可能地提供相应措施，减少错误概率，令用户更安心更效率地完成任务。要注意换位思考，从用户角度出发，站在用户使用场景，预测用户有可能发生错误操作。比起一个优秀的错误提示，更好的设计是在这个错误出现前就提前告知用户，最大程度的减少错误的发生。
1.阻止操作并禁用元素
2.限制用户的输入
3.及时的错误警告
4.使用默认值
5.使用选择组件代替输入