把状态机和边界写进提示词
上一节把「要什么」翻译成了目标和场景,这一节补上「别糊弄」的部分。规律很简单:AI 只认真写你提到的状态,没提到的一律按晴天想象。所以状态要列全,边界要说死,防错要写明,这三样合起来就是交互规格。
你说「做一个订单列表页」,AI 脑补的画面永远是:网络通畅、数据正好一屏、用户不会点错。它不是偷懒,是你给的描述里只有晴天。本章第 2 节讲过界面的状态三件套(加载、空、错误),第 3 节讲过防错与可逆,那两节教你识别,这一节教你把识别出的要求变成提示词里白纸黑字的条款。
跨章引用 · 状态三件套与错误信息三要素加载、空、错误各自长什么样才合格,错误信息怎么说人话,第 2 节已经玩过一遍,这里直接引用它的结论。下面这段提示词是典型的晴天版,右边的状态板上五个格子还全是问号。点下方的状态芯片,逐个把状态写进提示词,看规格一条条长出来。
规格里那句「空态给引导」到底值多少?下面是同一个订单页在新用户眼里的两个版本:左边的提示词没提空态,右边多写了一句。点你觉得留得住新用户的那边。
状态列全之后,还有一批藏得更深的边界情况。它们共同的特点是演示时永远碰不到,上线第一周全都来报到。抽一个看看 AI 默认会怎么糊弄,以及提示词里该补哪句。
状态和边界要写到多细,取决于界面的姿态。《About Face 4》第 9 章把产品分成几种姿态,最常用的两种抄给你。写提示词时先报姿态,AI 对状态密度的拿捏会准很多。
姿态报错的典型翻车:给用完就走的请假页配上主权级的筛选器和统计图,或者给整天盯着的监控后台配上大字报式的单屏流程。密度跟着姿态走,姿态跟着使用频率走。
审美篇的积木机拼的是视觉规格,这一台拼交互规格。五组条款自由开关,右侧预览实时更新;哪组选了「不提」,预览里会标出 AI 将在哪里自由发挥。拼好复制,贴在你生 UI 提示词的末尾。
AI 只写你提到的状态:加载、空、错误、弱网、成功,五态点名列全,没点名的就是白屏和 alert 的温床。
边界要说死:列表为空时、网络失败时、重复提交时、权限不足时,每个「时」后面接一句明确要求。
先报姿态再谈密度:主权姿态的界面状态可以密,临时姿态的界面要少而醒目,别拿错剧本。
规格拼好当附件:目标场景(上一节)打头,交互规格(这一节)殿后,两段合起来就是喂 AI 的完整需求。
内容来源:小山学堂「交互工程」专题原创;错误与状态的原则整理自《About Face 4:交互设计精髓》第 15 章,界面姿态整理自第 9 章(Alan Cooper 等)。