第三章：原型设计与交互验证
原型设计这件事，我做了十几年。从最早的Axure到现在的Figma，工具在变，但核心逻辑没变——用最小的成本验证你的想法。说白了，原型就是你的想法在变成代码前的最后一次「试错机会」。
3.1 高保真原型：不只是好看
很多人觉得高保真原型就是做得像真的一样。嗯，这话对了一半。高保真原型确实要像，但更重要的是——它要能「动」起来。
我见过太多团队，花了两周画了一堆静态页面，结果一上用户测试就崩了。为什么？因为静态页面只能看，不能点。用户说「嗯，挺好的」，但实际用起来完全不是那么回事。
高保真原型的三个核心价值：
- 交互验证：按钮点下去有没有反馈？页面跳转是否流畅？
- 视觉确认：颜色、间距、字体在实际屏幕上是否协调？
- 逻辑闭环：用户操作路径是否完整？边界情况有没有处理？
我个人习惯用Figma做高保真原型。原因很简单：协作方便，组件复用性强，而且可以直接生成交互原型。你想想看，一个原型文件，设计师、产品、开发都能在线看，还能直接评论，这效率比传统方式高太多了。
3.2 用户流程测试：别让用户猜
用户流程测试，说白了就是看用户能不能「无脑」完成你的核心任务。我做过一个AI图像识别工具的原型，自认为设计得很清晰。结果测试时，用户愣是找不到上传按钮——因为它被藏在了二级菜单里。
为什么会这样？因为设计者太熟悉自己的产品了。你觉得「很明显」，但用户第一次用，完全是另一回事。
用户流程测试的黄金法则：
- 找5个目标用户——别找同事，别找朋友，找真正的目标用户
- 给一个具体任务——比如「请用这个工具识别一张猫的图片」
- 闭嘴观察——不要提示，不要引导，看用户自己怎么操作
- 记录卡点——用户在哪里犹豫了？哪里点错了？哪里放弃了？
我曾经在一个医疗AI项目中，用户流程测试做了6轮。第一轮测试结果惨不忍睹——用户平均需要3分钟才能完成一个本该30秒搞定的操作。后来我们重新设计了导航结构，把核心功能放在首页，把次要功能折叠起来。到第6轮测试时，用户平均耗时降到了35秒。
3.3 交互逻辑验证：细节决定成败
交互逻辑验证，是原型设计中最容易被忽视的环节。很多人觉得「反正后面开发会做」，结果等到开发阶段才发现逻辑漏洞，改起来成本极高。
我建议你在原型阶段就验证以下几个关键点：
| 验证项 | 检查内容 | 常见问题 |
|---|---|---|
| 状态切换 | 加载中、空状态、错误状态、成功状态 | 只做了正常状态，忽略了异常情况 |
| 边界条件 | 输入为空、超长文本、特殊字符 | 用户输入「-1」或「999999」时系统崩溃 |
| 操作反馈 | 点击、悬停、拖拽、长按 | 按钮点击后没有任何视觉反馈 |
| 流程闭环 | 从开始到结束的完整路径 | 提交后没有成功提示，用户以为没提交成功 |
这里我分享一个我常用的方法——「交互逻辑检查清单」。每次原型做完，我都会拿着这个清单逐项检查：
交互逻辑检查清单（Figma版）
1. 所有可点击元素都有 hover/active 状态
2. 表单提交有 loading 动画
3. 错误提示出现在正确的位置（输入框下方）
4. 空状态有引导文案和操作按钮
5. 返回按钮逻辑正确（不是简单的 history.back）
6. 页面滚动位置在切换后保持合理
7. 弹窗关闭有确认/取消选项
8. 网络异常有重试机制注意：交互逻辑验证不是一次性的工作。每次修改原型后，都要重新验证一遍。我曾经因为偷懒，改了一个按钮的跳转逻辑没重新测试，结果上线后用户点那个按钮直接跳到了404页面。嗯，从那以后我再也不敢跳过验证了。
3.4 从原型到开发的交接
原型设计做完，下一步就是交给开发。这个环节最容易出问题——设计师觉得「这么明显还用说吗」，开发觉得「这跟设计稿不一样啊」。
我的做法是：在原型里直接标注清楚所有交互细节。比如：
- 按钮点击后的跳转路径
- 动画的时长和缓动函数
- 不同屏幕尺寸下的适配规则
- 字体、颜色、间距的具体数值
你想想看，如果这些信息都写在原型里，开发拿到手就能直接干活，根本不需要反复沟通。我见过最夸张的案例——一个团队因为原型标注不清，开发把「点击展开」做成了「点击跳转」，结果返工了三次。
好了，关于原型设计与交互验证，核心就这些。记住一句话：原型不是终点，而是起点。它的价值在于帮你用最小的成本发现最多的问题。别怕原型做得丑，怕的是原型做得「假」——假到用户测试时发现不了问题，上线后才发现一堆坑。
我的个人建议：每个原型至少做两轮用户测试。第一轮找5个人，第二轮找10个人。第一轮解决大问题，第二轮打磨细节。两轮下来，你的原型基本就稳了。
这张图展示了我做原型设计的完整流程。注意看那个反馈循环——不是做完就完了，而是反复迭代。我见过太多团队跳过用户测试直接开发，结果上线后用户反馈一堆问题，改起来比重新做还费劲。
记住：原型阶段多花一周，开发阶段能省一个月。这笔账，怎么算都划算。