设计系统 | 设计验证：构建交互设计自查体系

交互设计自查体系是设计系统的重要一环，是设计师完成交互设计方案后，提交给团队内部、产品经理或者客户前查缺补漏的环节。

有效的进行交互设计自查，将有助于保证交互设计方案的质量，凸显设计师的专业性，避免设计评审时面对被各方挑战和质疑的窘境。

这一年来我对于自身的交互设计的自查工作，都是出于零碎的基于经验的查验，往往缺乏明确的思路和逻辑性。所以在交互设计评审阶段经常**被挑战，事实证明，也确实有很多是我自身的思考不全面所导致的的疏漏。

另一方面，因为业务需要，团队内的设计师也将开始接手一部分的交互设计需求，如何能帮助组员更好的承担交互设计的工作，提供更加高质量的交互方案的输出。而交互设计自查体系就可以帮助组员快速审视自己的交互工作，高效的进行自我审视，查缺补漏，提供出更严谨更专业的交互设计方案。

基于以上两点，构建交互设计自查体系就显得尤为必要。

如果设计师的自查工作严格测试的步骤来执行，将**耗费大量的时间。所以我更习惯于按照交互设计工作过程的脉络来构建交互设计自查体系，所以自查体系将以《用户体验要素》为基础，自上而下的设计过程也**贯穿在自查过程中，同时也**新增特殊因素作为自查的一部分。

所以我希望这个自查体系是大而全，可以根据项目的需要，灵活选择cheklist项，高效的执行设计自查。

一、产品目标与用户需求

基于业务和用户背景提炼出具体的设计目标后，设计方案需要紧密围绕目标展开，而不是在被别人问到你的设计方案如何体现出这一目标时，才发现目标和方案实际上基本不相干甚至南辕北辙。所以这个过程需要设计师重新全局审视设计方案，整体的进行评估判断。

1. 目标

• 业务目标：业务目标是否沟通到位，指标背后的洞察分析；
• 用户目标：不同类型的用户与故事板描述，用户的核心痛点和诉求提炼；
• 设计目标：基于业务和用户目标提炼1-3个设计关键词并解读。

2. 方案

认知匹配：设计方案是否围绕目标展开、怎样体现和感知、联想与参照。

二、流程与信息架构

流程包括了设计流程和体验流程，设计流程实际上是项目前期耗费时间与精力最多的，在交互设计文档里完整展示这些阶段产出物还是很有价值的。它们能更好地体现出你的专业态度和充分的思考推导过程，给设计提案的说服力提升增加筹码。体验流程则需要设计师从整体到局部进行把控，保证最重要的核心任务流完成，以及意外流程的完整性。

1. 设计流程

1. 用户研究输入：焦点小组、问卷、竞品分析报告；
2. 用户体验地图：梳理用户全链路的行为路径、关键痛点、机**点洞察、情感波动等；
3. 用户画像：目标用户分解、用户特征、访问场景、用户目标、关键词、最关心的内容、痛点等；
4. 故事板：情境化描述角色的使用场景、一日故事等；
5. 流程图：用户操作流程抽象、分支情况要考虑周到；
6. 全景图：全站页面的分布和组织情况，注意体现页面之间的跳转关系；
7. 框架图：关键页面的整体框架布局，体现优先级关系；
8. 设计流程展现：将如脑暴、卡**分类等线下设计讨论过程拍照、完整记录呈现在文档里。

2. 体验流程

1. 核心任务流程：从头到尾是否能顺畅走通？
2. 保存操作：复杂任务流是否支持保存或自动保存；意外退出前是否保存提示？
3. 用户体验流程：路径是否一致？
4. 返回和出口：是否符合用户预期？
5. 逆向流程：是否考虑周全？
6. 跳转链接：是否与跳转目的一致？
7. 操作的容错性：是否提供危险操作的二次确认？
8. 操作的容错性：是否提供必要的撤销操作？
9. 操作的容错性：操作失败的解释与建议。
10. 异常流程：退出、撤销、重置、返回、不通过、过期失效。

3. 信息架构

1. 信息架构、导航、模块入口的设计：是否符合用户既定的使用习惯和理解？
2. 信息层级：信息区域间的层级关系、元素控件间的关系是否符合亲密性、对比性和重复性等设计原则，能否正确地体现与页面信息架构相符的逻辑关系？
3. 信息分类：对庞杂信息进行组织、筛选、归类时，有没有遵循用户熟悉的分类标准？对企业应用来说，分类有没有符合企业内部习惯和行业惯例？
4. 信息视觉流：视觉流是否存在反复和绕行现象？

三、页面内容

在页面内容中定义了页面中的一些细节，主要集中在表单页面的内容形式：控件呈现、数据展现、输入与选择、文案展现。

1. 控件呈现

1. 控件展现：是否符合用户认知？
2. 控件样式：是否具有一致性？
3. 控件交互行为：是否具有一致性？
4. 控件状态：不可用状态是否呈现？

2. 数据展现

1. 数据：空状态是否展现？
2. 数据完整：无法完整显示的如何处理？
3. 字数：有限制**限如何处理？
4. 数据过期：如何提示用户？
5. 数据规则：按什么规则排序？
6. 数值格式：是否要按特定的格式显示？
7. 数据极值：是否存在极值？

3. 输入与选择

1. 表单填写：是否为用户提供了默认值？
2. 表单验证：输入过程是否提供提示和判断？
3. 表单反思：是否存在不必要的输入？
4. 表单交互：是否指定了键**类型和键**引起的页面滚动？

4. 文案展现

1. 文案：句式是否一致？
2. 核心词汇：是否一致、准确？
3. 文案描述：是否有温度感？

四、交互与反馈

这里主要考虑的是用户与产品的交互过程，需要让用户在与界面的交互过程中及时的获取反馈。

1. 交互

1. 触发源：操作按钮在当前界面中是否明确？
2. 触发区域：操作按钮是否易操作易触达？
3. 未释放状态：考虑内容过多或展示过快时支持长按停留内容；是否可以取消，例如发送语音消息，此时是否允许用户取消发送？
4. **新：是否自动**新，**新条目数？

2. 反馈

1. 操作成功：是否周全的考虑了所有操作成功的反馈？
2. 操作失败：是否周全的考虑了所有操作失败的反馈？
3. 操作过程：操作过程中是否允许取消？
4. 加载状态：状态改变的等待时间是否**过3S左右，如果太长是否需要加入加载状态？
5. 动效：是否设计了必要且合理的动效？

五、特殊情形

1. 硬件设备

1. 横竖屏：是否支持横屏显示，横竖屏时布局及功能是否完整？
2. 分辨率高低：分辨率情况下是否**有适配问题，例如5s等小屏手机下内容展示及操作区域是否足够？
3. 硬件、系统版本：不同手机的物理按键、系统等不同，是否需要备注？
4. 应用版本：新增功能是否影响老版本，是否需要升级？
5. 硬件交互：定位、蓝牙是否打开？需要调用GPS、相机的使用权限吗？如何让用户更加愿意授权？

2. 模式

1. 编辑模式：编辑模式下出现意外情况，是否提示保存或自动保存已填信息？
2. 夜间模式：是否需要考虑夜间模式？
3. 无图模式：数据流量环境下，是否提示切换无图模式？
4. 低电量模式：是否减弱部分视觉效果，停用富文本内容的自动**新与下载？
5. 沉浸模式：如全屏模式、VR模式，考虑退出操作的便捷性和信息提示弱打断。

3. 网络状态

1. 没有网络（无网）；
2. 网络**时（断网）；
3. 网络太慢（弱网）；
4. 网络环境变化：从WiFi到数据流量环境时是否需要切换视图；
5. 加载失败：是否自动重新加载。

4. 异常

1. 异常操作：连续多次点击给予反馈、统一设备登录多个账号验证码、统一IP；连续破坏性操作n项内容时是否需要身份验证；
2. 错误提示页：404页面、即将上线、页面失效、服务下线、系统繁忙，考虑出错页面内容情感化表达以减弱用户的受挫感。

5. 账号权限

未登录：登录和未登录按钮权限差别，需要登录后才可操作的功能是否备注。

6. 其他

1. 是否需新手引导页？
2. 是否需要进行埋点，以便分析用户行为？
3. 技术可行性。

六、总结

这份交互设计自查体系还有很多欠缺之处，例如《交互设计方案衡量标准的五层总结》还从情感趣味性、品牌调性传达、业务创新型和社**责任感的角度来审视交互设计方案。

我觉得正如文中所说的：

为什么细节考虑都很完善周到了，可总让人觉得缺失了什么？仅仅流程完整细节周到的交互方案是「合格」的方案，但却不是「优秀」的方案，因为它没法带来真正的惊喜和情感冲击。

所以这份自查体系应该还只是追求「合格」，而要达到「优秀」，品牌、创新、人文层面在设计方案中的思考和理解，则是必不可少。这无疑是对交互设计自查体系提出的更高的要求，我也希望自己能在日常的交互工作中也能树立起这样的意识。

作者：pazzamanu

原文链接：https://www.jianshu.com/p/48f80cbf4f38

本文由 @pazzamanu 授权发布于人人都是产品经理，未经作者许可，禁止转载

题图来自Unsplash，基于CC0协议