互動工程 · 1 / 10

能跑通了,然後呢?

上一章練的是看出「哪裡醜」,這一章練看出「哪裡難用」。AI 交付的應用功能齊全、點哪都有反應,但用起來處處硌手。這一節先打好全章的地基:互動的病比審美的病更隱蔽,然後拿一張理論清單,親手抓出五處問題。

開篇立論體貼清單找茬實驗自查投票
看一眼 vs 用一遍

審美的病暴露得快:頁面一開啟,配色亂、間距擠,三秒鐘就皺眉頭。互動的病藏得深:demo 演示那兩分鐘一切正常,等真實使用者刪錯一條資料、斷一次網、第一次開啟空蕩蕩的頁面,病才發作。

這就是 Vibe Coding 時代的新坑。AI 把「做出來」變得很容易,它預設交付的互動停在「能跑通」級別:空態一片空白、報錯彈 alert、刪除不帶確認、儲存了沒動靜。你驗收時點兩下覺得沒問題,使用者用一週就想解除安裝。

維度審美的病互動的病
暴露時機頁面開啟的前三秒用起來之後:刪錯資料、斷網、第一次開啟
誰先發現你自己掃一眼就能發現往往是使用者替你發現,代價是流失
AI 犯錯的樣子五顏六色、字號打架,看著就不對demo 裡一切正常,邊界情況全是坑
驗收方式看:截圖就能評審用:把流程走一遍,把壞情況都試一遍
好不好看一眼能看出來,好不好用要用起來才知道。所以互動的病更隱蔽,也更需要一張清單來兜底。
體貼是一張清單,反過來用就是找茬清單

清單從哪來?Alan Cooper 在《About Face 4》第 8 章「數位產品的禮儀」裡給過答案。他借了納斯和里夫斯的研究,把結論落成一條設計原則:

「軟體應該像人一樣體貼。」
Alan Cooper,《About Face 4》第 8 章

Cooper 的觀察很扎心:互動產品惹怒我們的原因通常不在缺功能,在不體貼。他列了十幾條體貼軟體的特質,挑出最適合檢查 AI 產出的六條,每一條反過來讀,就是一條找茬標準。

體貼的軟體…Cooper 的意思AI 預設產出的反面
有預見預判你下一步要什麼,提前備好第一次開啟一片空白,下一步全靠猜
會及時通知你關心的進展主動告訴你,不用你問點了儲存沒動靜,轉了圈也沒個說法
不因自己的問題煩你技術故障自己消化,別拿程式碼味的話甩鍋一斷網就把 Error: code 500 端到你臉上
是自信的,但備好退路照你說的做,不反覆質疑;萬一你錯了,幫你恢復要麼刪前問三遍,要麼刪了就真沒了
不問多餘的問題能記住的選擇記住,能給預設值的給預設值每次開啟都把同一個問題再問一遍
幫你避免低階錯誤看你要犯錯,悄悄拉一把,別指責眼睜睜看你誤刪,然後彈窗說操作失敗

這張表右邊那一列,就是接下來找茬的靶子。別背,動手抓一遍就記住了。

順帶說清這一章和前後兩章的分工:審美工程管好看,本章管好用,心理學篇管使用者的感受。三章各出一張驗收清單,配齊了就是「上線前三張清單」。

還有一個好訊息:這六條病 AI 都治得好,它只是預設不治。你能說出病名,它就能開藥,這也是全章反覆練「說清要什麼」的原因。

動手 · 五處不體貼,逐個點出來

下面是一個 AI 生成的待辦應用「今日清單」,功能齊全,能跑通。它藏著五處不體貼,全在這一屏裡。覺得哪裡不對就點哪裡,點中一處,右邊立一張病歷卡,寫清它違反了清單上哪一條、該怎麼改。

給「今日清單」挑毛病 找到 0 / 5
五處毛病分佈在頂部橫幅、工具欄、報錯條、列表和歸檔區,點錯了沒有懲罰
todo.example.com
8 月 11 日 · 還剩 3 件 儲存
要開啟夜間模式嗎? 開啟 不了 每次開啟都問一遍
Error: request failed with status code 500 確定
給貓買凍幹今天 18:00 · 購物×
交這個月電費明天截止 · 生活繳費×
回房東訊息已經拖了兩天×
今天已歸檔
病歷卡會立在這裡。先從最扎眼的地方下手:哪一塊讓你多想了一秒,哪一塊就有問題。
五處全中。回頭看這五張病歷卡:沒有一處是功能缺失,應用照樣能跑通,病全出在禮數上。這正是 Cooper 那句話的意思:惹怒使用者的多數時候是不體貼,缺功能反倒排在後面。空態和報錯怎麼治,下一節整節展開;刪了就沒怎麼治,第 3 節講防錯與可逆。
儲存成功,用不用敲鑼打鼓

找茬清單裡有一對容易搞混的病:沒回饋是病,回饋過度也是病。Cooper 在第 8 章專門點過名:互動產品愛用不必要的通知向我們炫耀,「檔案儲存成功!」這種彈窗等著被點掉,除了打斷你沒有別的作用。下面兩個編輯器都做了儲存回饋,點你認為更體貼的那個

同一個儲存動作,兩種回饋 A/B 對決
點卡片投票,投完揭曉判詞
方案 A
docs.example.com/weekly
週報草稿共 486 字 · 最後編輯 21:47儲存

本週把訂單匯出功能收了尾,聯調透過,週四已經上線。

下週計劃:把匯出格式擴到 Excel,預計三個工作日…

提示
儲存成功!
確定
每次儲存都彈窗慶祝,必須點掉「確定」才能繼續寫
方案 B
docs.example.com/weekly
週報草稿共 512 字 · 最後編輯 21:47已儲存

本週把訂單匯出功能收了尾,聯調透過,週四已經上線。

資料側補齊了近 30 天的留存看板,口徑和產品確認過。

下週計劃:把匯出格式擴到 Excel,預計三個工作日…

已自動儲存 · 剛剛
按鈕原地變成「已儲存」,角落留一行時間戳,手不用停
投一票 · 你都默默忍了什麼

找茬清單看完,回想一下你天天在用的軟體,包括你自己讓 AI 做的那些。六種不體貼,選一個你被折磨得最狠的,投完看看別人都在忍什麼。

六種不體貼,哪個最折磨你 投一票
點一行投票,只投一次,投完顯示票倉分佈
空白空態,下一步全靠猜
報錯全是程式碼味黑話
手一滑刪了,找不回來
點了沒反應,不知道成沒成
同一個問題每次都問
一崩潰,寫了半天的東西全沒了
驗收互動,按這個順序走三遍

找茬清單有了,還差一個使用姿勢。審美驗收看截圖就行,互動驗收要動手走流程,而且要走三遍,每遍換一個身份。

第幾遍扮演誰怎麼走抓什麼病
第一遍老使用者順著理想路徑把主流程走完存了沒動靜、問個沒完這類日常摩擦
第二遍倒黴使用者故意犯錯:刪一條、斷個網、輸錯格式、連點兩次提交報錯像甩鍋、刪了就沒、一崩全丟
第三遍新使用者清掉資料從零開始,第一次開啟的每一屏都停下來看空白空態、下一步全靠猜

第二遍和第三遍最容易被省略,AI 的病恰恰全堆在那裡。demo 給你演示的永遠是第一遍,網路流暢、資料現成、路徑筆直。你替使用者把另外兩遍走了,病就在上線前被抓住。

走的時候手邊放著那張體貼清單,每停一屏問一句:這一屏有預見嗎?會通知嗎?在甩鍋嗎?備好退路了嗎?在問多餘的問題嗎?會幫我兜住低階錯誤嗎?六個問號過完,這一屏才算驗收完。

選一選 · 為什麼互動的病更隱蔽
AI 交付了一個能跑通的應用,為什麼互動問題最容易漏掉? 單選
選錯也有解釋,選到對的為止
A因為 AI 寫的互動程式碼 bug 更多
B因為互動問題只在真實使用中暴露,驗收時點兩下根本走不到那些時刻
C因為使用者不在乎互動,只在乎功能
D因為互動設計沒有標準,看不出對錯
本節要點

互動的病更隱蔽:審美問題三秒暴露,互動問題要等到刪錯資料、斷網、第一次開啟才發作,往往是使用者替你發現的。

能跑通只是及格線:AI 預設交付的互動停在「能跑通」,惹怒使用者的多數時候是不體貼,缺功能反倒排在後面(Cooper,《About Face 4》第 8 章)。

體貼清單反過來就是找茬清單:有預見、會通知、不甩鍋、自信但備好退路、不問多餘的問題、幫你避免低階錯誤。六條對著 AI 產出逐條過。

驗收互動要用,別只看:把流程走一遍,把壞情況都試一遍:刪一條、斷個網、開個新帳號。接下來四節把找茬的切入點逐個拆開,先從狀態三件套開始。

內容來源:小山學堂「互動工程」專題原創;部分互動原則整理自《About Face 4:互動設計精髓》。