1486 字
约 4 分钟
18
把状态机和边界写进提示词
开场:为什么 AI 的产出总是「晴天版」
你说「做一个订单列表页」,AI 脑补的画面永远是:网络通畅、数据正好一屏、用户不会点错。它不是偷懒,是你给的描述里只有晴天。规律很简单:AI 只认真写你提到的状态,没提到的一律按晴天想象。 所以状态要列全,边界要说死,防错要写明,这三样合起来就是交互规格。
一句话速览:每个界面把状态列全,把边界情况说死,把防错要求写明。
一、状态机补全:五态点名列全
下面这段提示词是典型的晴天版:「做一个订单列表页,显示订单、金额和状态,顶部可以按状态筛选。」到这就停笔的话,下面五个状态全部由 AI 自由发挥。而「自由发挥」四个字在交互上的意思通常是:白屏、alert、没反应。
| 状态 | 合格规格 |
|---|---|
| 加载中 | 骨架屏先出内容形状,超 1 秒给进度 |
| 空列表 | 给引导:说明这里将来放什么,给一个直达第一步的按钮 |
| 加载失败 | 说人话三要素,可重试,保留已填内容 |
| 弱网超时 | 明确提示并给出路,不干转 |
| 操作成功 | 非模态轻反馈,不弹「成功」对话框 |
二、对决:同一个空列表,两种命运
同一个订单页在新用户眼里:A 提示词没提空态 → 一片空白「暂无数据」,用户不知道这页面是干嘛的;B 多写了一句空态规格 → 说明+引导按钮,新用户被留住。规格里那句「空态给引导」就值一个用户的去留。
三、边界轮盘:AI 最爱糊弄的六种情况
状态列全之后,还有一批藏得更深的边界情况,共同特点是演示时永远碰不到,上线第一周全都来报到:
| 边界情况 | AI 默认的糊弄 | 提示词里该补哪句 |
|---|---|---|
| 列表为空 | 「暂无数据」四个字 | 空态给引导和第一步按钮 |
| 网络失败 | alert 一串代码 | 三要素人话 + 可重试 + 保留内容 |
| 重复提交 | 用户连点发两遍 | 提交中禁止重复触发 |
| 权限不足 | 直接 403 白屏 | 说明缺什么权限、怎么申请 |
| 超长内容 | 撑破布局 | 长文本省略/折行规则写明 |
| 极小屏幕 | 挤成一团 | 响应式断点规则写明 |
四、先报姿态,再谈状态密度
状态和边界要写到多细,取决于界面的姿态。《About Face 4》第 9 章把产品分成几种姿态,最常用的两种抄给你。写提示词时先报姿态,AI 对状态密度的拿捏会准很多。
| 姿态 | 特征 | 状态密度 |
|---|---|---|
| 主权姿态(sovereign) | 用户整天开着的主力工具:IDE、后台、表格。屏幕归它独占,用户是熟手 | 状态可以密:骨架屏、行内校验、批量操作进度、快捷键提示都值得写进规格 |
| 临时姿态(transient) | 用完就走的小工具:扫码、计算器、请假申请。用户每次来都像第一次来 | 状态要少而醒目:一屏一件事,反馈大而直白,别摆密密麻麻的仪表盘 |
姿态报错的典型翻车:给用完就走的请假页配上主权级的筛选器和统计图,或者给整天盯着的监控后台配上大字报式的单屏流程。密度跟着姿态走,姿态跟着使用频率走。
五、交互规格积木机:拼好当附件
// 交互规格(贴在生 UI 提示词末尾)
1. 每个界面把状态列全:默认、加载、空、错误、成功,一个不许省。
2. 空状态给引导:说明这里将来放什么,给一个直达第一步的按钮。
3. 网络失败可重试且保留用户已填内容;响应超 1 秒给进度,超 10 秒可取消;提交中禁止重复触发。
4. 危险操作可撤销优先于确认弹窗:立即执行 + 撤销入口 + 回收站兜底。
5. 控件按规则选:互斥单选钮、多选复选框、立即生效开关、超一屏才下拉;按钮文案写明后果,禁用「确定 / 取消」配对。
五组全开,就是一份完整的交互验收附件,红字风险一条没有。
防错条款怎么写才对? A 弹两次确认框加倒计时 ❌(狼来了)、B 删除立即执行并给撤销入口,回收站保留 30 天 ✅、C 把删除按钮做小做浅放进三级菜单 ❌(藏不是防)、D 不用写 AI 知道 ❌(它不知道)。
本节要点
- AI 只写你提到的状态: 加载、空、错误、弱网、成功,五态点名列全,没点名的就是白屏和 alert 的温床。
- 边界要说死: 列表为空时、网络失败时、重复提交时、权限不足时,每个「时」后面接一句明确要求。
- 先报姿态再谈密度: 主权姿态的界面状态可以密,临时姿态的界面要少而醒目,别拿错剧本。
- 规格拼好当附件: 目标场景(上一节)打头,交互规格(这一节)殿后,两段合起来就是喂 AI 的完整需求。
评论
0 条
还没有评论,先写一条吧。