交互工程 · 9 / 10

把狀態機和邊界寫進提示詞

上一節把「要什麼」翻譯成了目標和場景,這一節補上「別糊弄」的部分。規律很簡單:AI 只認真寫你提到的狀態,沒提到的一律按晴天想像。所以狀態要列全,邊界要説死,防錯要寫明,這三樣合起來就是交互規格。

狀態五件套邊界輪盤介面姿態規格積木機
為什麼 AI 的產出總是「晴天版」

你説「做一個訂單列表頁」,AI 腦補的畫面永遠是:網絡通暢、數據正好一屏、用戶不會點錯。它不是偷懶,是你給的描述裏只有晴天。本章第 2 節講過介面的狀態三件套(加載、空、錯誤),第 3 節講過防錯與可逆,那兩節教你識別,這一節教你把識別出的要求變成提示詞裏白紙黑字的條款

跨章引用 · 狀態三件套與錯誤信息三要素加載、空、錯誤各自長什麼樣才合格,錯誤信息怎麼説人話,第 2 節已經玩過一遍,這裏直接引用它的結論。
動手 · 狀態機補全器

下面這段提示詞是典型的晴天版,右邊的狀態板上五個格子還全是問號。點下方的狀態芯片,逐個把狀態寫進提示詞,看規格一條條長出來。

狀態機補全器 已定義 0 / 5
點一個狀態芯片,就往提示詞裏寫進一條對應的規格。
做一個訂單列表頁,顯示訂單、金額和狀態,頂部可以按狀態篩選。// 到這就停筆的話,下面五個狀態全部由 AI 自由發揮
加載中
AI 自由發揮
空列表
AI 自由發揮
加載失敗
AI 自由發揮
弱網超時
AI 自由發揮
操作成功
AI 自由發揮
「自由發揮」四個字在交互上的意思通常是:白屏、alert、沒反應。
對決 · 同一個空列表,兩種命運

規格裏那句「空態給引導」到底值多少?下面是同一個訂單頁在新用戶眼裏的兩個版本:左邊的提示詞沒提空態,右邊多寫了一句。點你覺得留得住新用戶的那邊。

晴天版 vs 全天候版 點選一邊
A · 提示詞沒提空態
shop.example.com/orders
我的訂單
全部 待付款 已完成
暫無數據
B · 多寫了一句空態規格
shop.example.com/orders
我的訂單
你的訂單會出現在這裏 下第一單後,物流和發票都在這頁管 去逛逛
邊界輪盤:AI 最愛糊弄的六種情況

狀態列全之後,還有一批藏得更深的邊界情況。它們共同的特點是演示時永遠碰不到,上綫第一週全都來報到。抽一個看看 AI 預設會怎麼糊弄,以及提示詞裏該補哪句。

邊界輪盤 已抽 0 / 6
? / 6點下面的按鈕,抽第一個邊界情況
六種全抽完,你就有了一張邊界自查單。
先報姿態,再談狀態密度

狀態和邊界要寫到多細,取決於介面的姿態。《About Face 4》第 9 章把產品分成幾種姿態,最常用的兩種抄給你。寫提示詞時先報姿態,AI 對狀態密度的拿捏會準很多。

主權姿態(sovereign)
用戶整天開着的主力工具:IDE、後台、表格。螢幕歸它獨佔,用戶是熟手。狀態可以密:骨架屏、行內校驗、批量操作的進度、快捷鍵提示,都值得寫進規格。
臨時姿態(transient)
用完就走的小工具:掃碼、計算器、請假申請。用戶每次來都像第一次來。狀態要少而醒目:一屏一件事,回饋大而直白,別擺密密麻麻的儀表盤。

姿態報錯的典型翻車:給用完就走的請假頁配上主權級的篩選器和統計圖,或者給整天盯着的監控後台配上大字報式的單屏流程。密度跟着姿態走,姿態跟着使用頻率走

拼裝 · 交互規格積木機

審美篇的積木機拼的是視覺規格,這一台拼交互規格。五組條款自由開關,右側預覽即時更新;哪組選了「不提」,預覽裏會標出 AI 將在哪裏自由發揮。拼好複製,貼在你生 UI 提示詞的末尾。

交互規格積木機
狀態全集
空態
網絡與錯誤
危險操作
控件與文案
五組全開就是一份完整的交互驗收附件,關掉任何一組,風險都標在預覽裏。
考一下:防錯條款怎麼寫才對
給「刪除項目」寫防錯要求,哪句最好 單選
A刪除前彈兩次確認框,第二次加倒計時
B刪除立即執行並給撤銷入口,回收站保留 30 天
C把刪除按鈕做小做淺,放進三級菜單
D不用寫,AI 知道刪除要小心
本節要點

AI 只寫你提到的狀態:加載、空、錯誤、弱網、成功,五態點名列全,沒點名的就是白屏和 alert 的溫牀。

邊界要説死:列表為空時、網絡失敗時、重複提交時、權限不足時,每個「時」後面接一句明確要求。

先報姿態再談密度:主權姿態的介面狀態可以密,臨時姿態的介面要少而醒目,別拿錯劇本。

規格拼好當附件:目標場景(上一節)打頭,交互規格(這一節)殿後,兩段合起來就是喂 AI 的完整需求。

內容來源:小山學堂「交互工程」專題原創;錯誤與狀態的原則整理自《About Face 4:交互設計精髓》第 15 章,介面姿態整理自第 9 章(Alan Cooper 等)。