可点击原型
Prototype
中级通用可点击原型（Prototype）是把页面和交互串起来、让人能点着体验的产品方案，通常不接入真实业务数据。它帮你在开发前检查操作路径是否顺畅，比如用户能否找到提交订单的入口。
你可能会说：「先别写完整功能，能不能做个可以点的版本，让我走一遍用户从进入页面到提交的过程？」
读之前建议先了解
动手看看下单流程原型预览
沿着「当前页面」从商品页切到购物车、再切到结算页，模拟逐步点进去；也可以悬停、按住或用 Tab 聚焦按钮，感受操作反馈。页面用的是示例内容，不会真的加购或下单。
先找「加入购物车」：可点击原型要让人看懂下一步在哪，而不只是展示商品页长什么样。
要点可点击原型要让人看清什么？
- 1
把关键页面连成操作路径
你不必把每个页面都做出来，先挑一条要验证的路径。例如做预约 App，就让人能从选择服务走到确认预约；这样才看得出哪里找不到入口、哪里多了一步。
- 2
让点击产生可见的反馈
按钮点下去可以切换页面、打开弹窗或显示成功状态。反馈可以用预设内容模拟，但要和操作对应；否则别人虽然能点，却无法判断这一步是否符合预期。
- 3
说清哪些部分只是模拟
原型里的搜索结果、付款成功或 AI 回复，可能都是预先写好的。我们把这些地方标出来，讨论时就不会把“能演示这条流程”误认为“功能已经开发完成”。
容易混淆的地方
线框图侧重页面结构，画出来就能讨论布局；可点击原型多了一层交互，让人实际走流程。它也不等于 MVP：MVP 是可供真实用户使用、用于验证产品假设的最小产品；原型即使看起来完整，也可能没有后端、真实数据或可用的业务功能。
什么时候用
适合用
- 准备做后台审批功能，先让业务同事点一遍提交、退回和再次提交，确认流程有没有遗漏。
- 让 AI Agent 开发 App 前，先做一条可点击的注册路径，和团队确认页面顺序及提示信息。
- 同一个结账流程有两种页面安排，用原型让目标用户分别操作，观察他们在哪一步犹豫。
不适合用
- 只想比较品牌配色和视觉氛围时，先做静态设计稿或情绪板，没必要把页面连成可点击流程。
- 需要验证支付是否到账、接口能否承受流量时，改用接入真实服务的测试环境；模拟点击回答不了这些问题。
- 线上功能已经出现提交失败，需要定位原因时，查看日志并复现问题，比重做一个原型更直接。
练一练选一个答案，看看解释
你要给团队确认一个 AI 写作工具的流程：用户输入主题、挑选提纲、生成文章、返回修改。现在还没有接入模型，下一步怎么做最合适？
让 AI 帮你做复制给 AI Agent 直接用
请先为 AI 写作工具做一个可点击原型，不接真实模型或数据库。串起输入主题、选择提纲、生成文章、返回修改四步；点击后给出对应的页面或状态反馈。用预设内容模拟生成结果，并在原型中标明哪些能力尚未实现。