互動工程 · 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:互動設計精髓》。