互動工程 · 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 等)。