编程入门
把产品需求做成经过任务测试的界面原型
围绕一条任务路径制作三屏原型，请三人试用后再交接开发。
搭建时间
2-4 小时
每周节省
先试跑测量，节省时间因任务而异
适合人群
个人创业者与产品设计师
使用工具
Notion、Google Stitch、Google Sheets
快速结论
“把产品需求做成经过任务测试的界面原型”怎么做？
Google Stitch 可探索界面并衔接原型页面。原型阶段检验用户是否理解流程；后端行为、数据保存、身份验证及正式无障碍支持需在实现后测试。 预计搭建时间为2-4 小时，使用Notion、Google Stitch、Google Sheets，共包含 4 个明确步骤。
发布者：GPTNavi 编辑团队最近实质更新于
内容基于公开产品信息和实用工作流设计方法整理；实际采用前，请向各产品方核实最新价格、功能和政策。
概览
Google Stitch 可探索界面并衔接原型页面。原型阶段检验用户是否理解流程；后端行为、数据保存、身份验证及正式无障碍支持需在实现后测试。
适合什么时候使用
新功能探索
最小可用产品设计交接
你需要的工具
执行步骤
1
限定一项用户任务
写明用户、起点、要完成的动作及成功标准。首版限定三屏，并包含一个空状态或错误状态。
使用工具
Notion
预期产出
任务需求与验收标准
2
设计并连接页面
向 Google Stitch 提供需求及获准参考，选择统一的视觉方向，对齐文字与间距，连接主路径。使用示例数据并在原型中标明模拟动作。
使用工具
Google Stitch
预期产出
可点击的三屏原型
3
观察三次真实任务尝试
请三名目标用户在没有指导的情况下完成任务，记录完成情况、犹豫、误点及标签误解。修正影响最大的两个问题后复测相关步骤。
使用工具
Google Sheets
预期产出
简短可用性记录与修订原型
4
整理开发交接
导出产品支持的设计或代码产物，整理状态、响应式规则、组件选择和未解决问题。由开发者检查导出结果并实现真实数据流程后再发布。
使用工具
Google Stitch
预期产出
经过检查的交接文件与开发范围
提示词模板
可修改使用的提示词
为 [用户] 完成 [任务] 设计三屏界面，遵循 [品牌参考]，统一间距，使用易懂标签，并包含一个错误状态。说明各屏成功标准以及原型之外必须实现的功能。自动化想法
- 主流程通过任务测试后，再将获批设计规则复用到后续页面。
常见错误
- 把可点击原型当作功能已完成
- 主任务未验证就不断加页面