页面交互说明 · 产品经理
用 AI 智能体做这件事
页面交互说明要让设计师和开发照着就能做。先声明你的产品形态与端（App / Web / 小程序）——不同端的交互规则与页面跳转写法不同，再把手绘草图或文字描述整理成完整说明；异常与接口没给的地方会标【待补】。
你需要准备
- 你的产品形态与端（App / Web / 小程序）与设计规范口径（组件、跳转方式）
- 页面草图或文字描述（每个页面的元素、操作）
- 各操作的正常与异常结果、空状态、加载状态的期望
- 页面跳转关系（从哪来、去哪、返回逻辑）
- 涉及的接口或数据约束（缺失先标【待补】）
怎么做
- 先声明产品形态与端与设计规范口径
- 整理页面草图、各状态与跳转关系
- 粘贴提示词，产出交互说明
- 核对空状态、异常结果是否补全，缺的标【待补】再交开发
一句话提示词
我要做的【页面/功能】大致是这样的（手绘草图或文字描述我给你），我的产品形态与端是【App/Web/小程序】、设计规范口径是【组件/跳转方式】：帮我写一份完整的交互说明——每个页面的元素、每个操作的正常和异常结果、空状态和加载状态、页面跳转关系，让设计师和开发可以直接照着做；缺失处标【待补】、拿不准处标【需确认】，不要替我编数据、也不要编造。
它会交付什么
- 每个页面的元素清单与各操作的正常、异常结果
- 空状态、加载状态、错误状态说明
- 页面跳转关系（从哪来、去哪、返回逻辑）；接口或数据缺失处标【待补】
效果示例
输入「订单详情页」的手绘草图与文字说明 → 输出交互说明；「支付中」页面的超时处理未给，标【待补】。（示例为示意）
常见问题
只给草图能写吗？
能，但元素与状态越全越准；没给的异常与空状态会标【待补】，不凭空替你设计。
一次能写几个页面？
建议一个流程内的 3–5 个页面一批，跨流程请分开写。
会不会替我补没画的状态？
不会。它只整理你给的状态，缺的标【待补】，不凭空编。
草图里带真实数据要注意什么？
若草图含用户手机号、昵称等敏感信息，先打码再粘贴。