交互工程 · 3 / 10

防錯與可逆:讓用戶敢點

上一節教錯誤怎麼説,這一節往前挪一步:讓錯誤壓根發生不了,發生了也能一鍵回頭。AI 生成的應用最愛用確認彈窗當保險,但那是最弱的一道防綫,你自己動手刪兩條數據就明白了。

防錯三板斧撤銷 toast狼來了實驗改造演練
用戶在探索,別把探索當犯錯

Cooper 在《About Face 4》第 15 章有個立場:從用戶的心理模型看,沒有「錯誤操作」這回事。人用軟件就是在探索,點點這個、試試那個,走進死胡同再退出來,這是學會一個工具的正常方式。把探索標記成錯誤、動不動彈框攔截的軟件,用戶會越用越縮手縮腳。

他給撤銷打的比方很形象:人進山洞探險,洞口掛一條隨時能爬回地面的繩梯,膽子就大得多。撤銷就是那條繩梯,它救的次數不多,但它掛在那裏,用戶才敢往深處走。

「做,唔好問。」
Alan Cooper,《About Face 4》:與其用彈窗要用戶確認,先自信地執行,再備好撤銷。

敢點的心理機制(防禦心理、控制感)在心理學篇有一整節,這裏放跳轉卡,不重教。

跨章引用 · 防禦心理:用戶不是不會用,是不敢用可逆性怎麼給用戶控制感、為什麼誤觸一次就再也不敢碰,心理學篇第 6 節講透了,點這裏跳過去。
防錯三板斧:報錯的最高境界是無錯可報

第 15 章的排序很清楚:錯誤信息寫得再好,也比不過讓錯誤發生不了。檢查 AI 產出時先看這三板斧用上沒有,三樣都便宜,AI 也都會做,前提是你提了。

禁用不可用項
條件不滿足的按鈕置灰,旁邊説明缺什麼。讓用戶點一下再報錯,等於設好陷阱看人踩。
危險操作拉開距離
「清空」別挨着「保存」。Cooper 的比方:無害的功能和彈射座椅拉桿排在一起,像坐在打開的烤肉爐邊上。
預設值兜底
預設選項永遠是最安全的那個。羣發郵件預設發所有人,等於把手滑的代價預設到最大。

三板斧防住大半,剩下的交給可逆性。於是問題來了:真到刪除呢類動作,AI 最常畀嘅方案係確認彈窗,佢到底頂唔頂用?做個實驗。

動手 · 刪一條數據,兩種善後

左右兩個通訊錄,數據一樣。左邊用 AI 最愛的確認彈窗,右邊用立即刪除 + 可撤銷 toast。請你兩邊各刪一條,然後試着把刪掉的救回來,體感會替你下結論。

確認彈窗 vs 撤銷 toast 兩邊都刪刪看
點行尾的「刪除」,B 面刪完 5 秒內可以撤銷,倒計時條走完就真沒了
contacts.example.com
通訊錄A · 確認彈窗方案
王小虎
產品 · 138****2201
刪除
林晚晴
設計 · 139****8842
刪除
陳大江
運營 · 137****0917
刪除
確定要刪除嗎?
刪除後將無法恢復。
contacts.example.com
通訊錄B · 撤銷 toast 方案
王小虎
產品 · 138****2201
刪除
林晚晴
設計 · 139****8842
刪除
陳大江
運營 · 137****0917
刪除
已刪除 撤銷
A 面打斷你 0 次彈窗。刪走嘅救唔救得返?救唔返。彈窗只負責事前攔一下,攔過之後兩手一攤。
B 面救回 0 條數據,全程零彈窗。刪除立即生效不打斷,後悔窗口敞開 5 秒。
狼來了 · 確認彈窗點解攔唔住你

你可能唔服:彈窗好歹攔咗一下,點解就最弱?Cooper 的解釋是習慣化:在常規位置反覆出現的確認框,用戶很快就看也不看地點掉,等真正的危險到來,手指比腦子快。這個實驗 20 秒,親自驗證一次。

連點八個彈窗,看看你攔得住第幾個 實驗
規則:儘快處理掉八個彈窗,怎麼點都行,實驗結束見分曉
oa.example.com/daily-report
你在趕一份日報,彈窗會一個接一個跳出來
像平時一樣處理它們就行,越快越好,系統會計時。
演練 · 給三個危險按鈕做改造

三板斧加可逆性都齊了,上手改造。三個場景全出自 AI 產出的常見毛病,每個場景選一種最對症的防錯手段,選錯有解釋,選到對的為止。

場景一:工具欄上「清空畫布」緊挨着「保存」,已經有用戶手滑 單選
A點「清空畫布」時彈確認框
B把「清空畫布」挪進菜單深處,和「保存」拉開距離,再配撤銷
C把「清空畫布」按鈕改成紅色以示警告
D清空前自動導出一份備份檔案到本地
場景二:羣發通知的彈窗裏,收件人預設勾着「所有成員(2841 人)」 單選
A發送前彈確認框,顯示收件人數
B把「所有成員」選項刪掉
C預設值改成「淨係發給我剔咗嘅人」,選「所有成員」時就地顯示人數提示
D發出去以後允許撤回,兜底就夠了
場景三:表單沒填完,「提交」照樣能點,點了彈「信息不完整」 單選
A報錯文案按三要素改寫得更友好
B沒填完時禁用「提交」,按鈕旁邊寫明還缺哪幾項
C提交時自動把空字段填上預設值
D彈確認框列出空字段,讓用戶選擇繼續或返回
選一選 · 四道防綫排個序
四道防綫裏,邊道最弱? 單選
選錯也有解釋,選到對的為止
A禁用不可用項,配説明
B危險操作和常用操作拉開距離
C刪除前彈確認框
D立即執行,配可撤銷
本節要點

用戶在探索,別當犯錯處理:撤銷是洞口的繩梯,它掛在那裏,用戶才敢往深處走(Cooper,《About Face 4》第 15 章)。

防錯三板斧:禁用不可用項並説明、危險操作拉開距離、預設值選最安全的。報錯的最高境界是無錯可報。

確認彈窗是最弱的防綫:狼來了效應,常規彈窗被無腦點掉,真危險來時它早已失效。做,唔好問,然後備好撤銷。

給 AI 提需求的話術:「刪除立即生效,彈出可撤銷的 toast,保留 5 秒」比「刪除要有確認」產出好一個檔次。流程裏的多餘步驟怎麼砍,下一節講。

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