第3章 原型自检标准流程
1. 适用场景
适用于交互设计师在完成高保真原型设计后、提交至评审会或移交开发团队之前,独立对原型文件进行系统性质量把关的阶段。该流程帮助降低评审返工率,减少逻辑缺陷遗漏,确保交付物满足团队验收标准。
2. 前置条件
- 已完成高保真原型制作,并与PRD完成初步功能对齐。
- 已搭建基础交互流程,页面跳转链路可运行。
- 已安装 Axure RP 9.0 或更高版本。
- 已准备《交互说明文档》与《功能点覆盖率清单》。
3. 操作步骤
本流程将自检拆解为四个核心维度,建议按序执行以避免遗漏。
3.1 页面完整性检查
- 打开 Axure 页面面板,对照 PRD 功能模块列表,逐项核验是否存在缺失页面或功能模块。
- 检查页面组层结构是否逻辑清晰(如:全局组件层 > 业务页面层 > 弹窗与浮层)。
- 确认不存在“无归属”的孤立页面,页面命名与 PRD 一致,避免出现“页面1”、“副本(2)”等不规范命名。
3.2 交互逻辑闭环
- 遍历所有交互用例(OnClick、OnLoad、OnTextChange、Swipe),检视链接目标是否存在。
- 检查动态面板状态切换是否在生命周期内正确流转,杜绝“状态A→状态B→状态A”的死循环。
- 验证全局变量赋值与条件逻辑(If/Else If)是否与 PRD 中的分支规则完全一致。
3.3 异常状态覆盖
- 识别所有列表/详情页面,确保已覆盖空数据态、网络超时态及加载态(Skeleton/Loading)。
- 检查输入框边界值:最大字符数限制、纯数字/特殊字符输入时的反馈机制。
- 确保中断流程(支付取消、强制升级跳过、权限拒绝)有明确的交互反馈与引导。
3.4 数据占位符规范
- 文本占位符:统一使用“姓名”、“例如:张三”等真实感文本,禁止出现“文本文本”或“1111”。
- 图片占位符:尺寸须与设计稿一致,并在注释中标注“实际图片尺寸:750x422px”等基线说明。
- 表格列表数据:确保行数满足一屏展示,数据格式统一(日期格式 YYYY-MM-DD,金额保留两位小数)。
Axure 交互用例示例(避免硬编码死循环):
Case 1: 点击按钮A -> 打开面板B
Case 2: 关闭面板B -> 启用按钮C
Case 3: 输入框值变化 -> 触发中继器筛选
4. 输入输出物
| 类型 | 物料名称 | 格式 | 负责人 |
|---|---|---|---|
| 输入 | 未自检原型文件 | .rp | 交互设计师 |
| 输入 | 交互说明文档 | .docx | 交互设计师 |
| 输出 | 已自检原型文件 | .rp | 交互设计师 |
| 输出 | 原型自检报告 | .xlsx | 交互设计师 |
| 输出 | 异常状态记录表 | .xlsx | 交互设计师 / 测试 |
5. 责任边界
- 交互设计师:负责执行四维自检操作,提交自检报告,并对逻辑闭环与异常覆盖负首要责任。
- 视觉设计师:负责审核原型中的视觉规范符合度(字号、间距、色值),确保占位符尺寸规范。
- 产品经理:负责确认需求覆盖完整性,对自检中发现的“需求模糊点”进行最终裁决。
6. 记录材料
- 《Axure 原型自检 Checklist》(按章节/页面逐项打勾)
- 《异常状态覆盖率统计表》(标识已覆盖 / 未覆盖 / 不适用)
💡 自检清单使用技巧: 建议在 Axure 中直接嵌入注释面板(Notes Panel),每完成一项检查便在对应页面添加“✅”标记。评审时可直接通过注释面板展示自检轨迹,减少口头解释成本。
7. 异常处理
⚠️ 常见自检异常与应对:
- 交互死循环:点击 A→显示 B,点击 B→隐藏 A,导致组件状态瘫痪。解决方案:立即停止自检,使用状态机迁移图重新设计交互逻辑。
- 缺失状态覆盖:仅绘制了成功态,未绘制空数据态与网络失败态。解决方案:补充 Tri-state(加载/空/错误)设计基线。
- 需求与自检结果冲突:PRD 描述模糊导致无法判断正误。解决方案:标记为“待澄清”,在 Jira/Teambition 中创建缺陷卡片同步 PM。
8. 验收标准
- 四大检查维度(页面完整性、交互闭环、异常覆盖、占位符规范)通过率为 100%。
- 无 P0(阻断性)及 P1(严重)级别的逻辑漏洞。
- 所有交互用例覆盖率 100%,动态面板无缺失状态。
- 自检报告记录完整,异常记录表已签字确认闭环。