做产品原型时,很多人一上来就在首页调颜色、找图标,画到第三个页面才发现用户到底怎么完成任务并不清楚。先别追求精致。挑一个用户最常走的流程,把进入、选择、完成和结果这 4 个页面画出来。只要这四页能连成一条路,团队就能讨论哪里需要解释、哪里会卡住、数据从哪里来。

先画 4 个关键页面,用户流程才看得出来
不是每个产品都刚好四页,但这四个位置能帮助你快速找到第一版原型的骨架。先画最常用的主流程,后台、异常页和复杂配置可以等主流程被确认后再补。
| 页面位置 | 用户在这里要做什么 | 原型上必须看见什么 |
|---|---|---|
| 进入 | 理解这件事能帮他做什么,决定是否开始 | 任务名称、主要收益和一个清楚的开始入口 |
| 选择 | 填写、挑选或确认影响结果的信息 | 必要选项、默认值、提示和不能继续时的原因 |
| 完成 | 提交、保存或开始处理 | 当前状态、是否成功、能否返回修改 |
| 结果 | 查看结果并做下一步行动 | 结果内容、下一步按钮、分享或再次操作的路径 |
例如,做一个预约工具,不要先画十种卡片样式。先画“看到可预约项目”“选择时间和联系人”“提交预约”“收到确认和修改入口”四页。评审时,运营会发现时间规则,研发会发现状态,用户研究也能问清哪些信息其实不愿填写。
写下一条用户主流程,先用四个页面把进入、选择、完成和结果连起来。
每个页面只回答一个“用户现在要知道什么”
原型里的文字不是占位符。它要告诉用户现在正在做什么、还差什么、做错会怎样、下一步会看到什么。每页先写一句“用户此刻最想知道的事”,再决定需要标题、字段、提示还是按钮。这样设计讨论就不会变成单纯喜欢哪种颜色。
- 进入页:用户能否在几秒内明白这是做什么的,而不是只看见品牌口号。
- 选择页:必填项和可选项是否分开,默认值是否会让人误会。
- 完成页:提交后正在发生什么,失败时如何重试或找回内容。
- 结果页:结果是否可读,用户下一步是保存、继续、联系他人还是返回修改。
墨刀当前官网公开展示 AI 生成原型、文本/图片/HTML 转原型、AI 生成 PRD 和评审等方向,也说明可用一句话生成多页面原型。准备输入时,提供目标用户、要完成的任务、关键页面和不应出现的内容,比只说“帮我做一个好看的 APP”更有助于得到可继续讨论的第一版;实际模式以当前页面为准。
评审原型时,别漏掉这 4 类问题
- 流程断在哪里:从一个页面点到下一个页面时,用户是否知道为什么跳转、如何返回和是否已经保存。
- 异常怎么显示:没有数据、网络失败、权限不足和输入错误不能只留空白。
- 规则是否说清:价格、时间、资格、数量限制和审核条件应在用户做决定前可见。
- 谁负责确认:产品、设计、研发和业务看到的风险不同,评审意见要保留在同一份版本里。
原型是用来验证流程和沟通需求的,不等于工程已经完成。涉及支付、隐私、复杂权限、性能和接口的项目,仍需研发、法务和业务负责人完成对应的技术与合规检查。
主流程和四个页面已经清楚后,可以继续生成一版可评审的原型草稿,再把异常和规则逐项补齐。
常见问题
Q:不会画 UI 也能做原型吗? A:可以先用线框、文字和简单组件把流程画清。第一版的重点是用户任务和页面关系,不是视觉细节。
Q:原型需要一开始就画所有页面吗? A:不需要。先验证使用频率最高、业务风险最大的主流程,再逐步补充其他路径。
Q:AI 生成的原型能直接交给开发吗? A:它可作为讨论和评审的起点,但接口、数据、权限、异常和实现细节仍要由团队确认。
