上一篇文章我們聊到「彈性與效率」與「簡約美學」，強調系統能保持簡潔的第一印象，又能提供足夠的彈性，滿足不同層次使用者的需求。
今天要介紹不管設計多完美、多小心要預防，錯誤仍然會發生，也就是易用性最後的兩個原則：「錯誤復原」與「說明文件」。

使用者需要的不是責備或難懂的提示，而是清楚的指引，讓他們能快速復原，繼續完成目標。
而當錯誤還是無法避免，或者流程本身就很複雜，設計就需要提供額外的「說明文件」或輔助資訊，幫助使用者理解系統。

9️⃣ 錯誤復原：給使用者再一次的機會

在日常生活裡，我們常常需要「補救機會」。例如：

• Line 發錯訊息時，可以「收回」或「刪除」訊息。
• 線上購物結帳時，還能在最後一步檢查並修改收件地址。
• 在電腦上刪檔案，多數系統會先放到「資源回收桶」，而不是直接消失。
• 在登入的介面，都會在底下顯示「忘記密碼」按鈕，幫助使用者找回密碼或是重設。

💡UX 設計應用

1. 清楚的錯誤訊息
   不要只寫「Error 404」或「發生錯誤」，而是要明確指出發生什麼問題，以及解決方法。
   例如：

• ❌「系統錯誤，請重試」
• ✅「網路連線中斷，請檢查 Wi-Fi 或行動數據」

2. 提供返回或復原機制

• 取消按鈕、返回鍵、復原功能。
• 表單輸入錯誤時，不應該全部清空，而是保留已填的正確資料，只提示需要修改的部分。

3. 善用確認步驟
   在高風險操作（刪除帳號、金融交易）時，透過確認彈窗或二次驗證避免誤觸，但同時要避免過度打斷使用者。

總結來說：錯誤不是世界末日，給使用者一個返回或修正的機會，比責備更能提升體驗。

🔟 說明文件：不是最後救命稻草，而是隨時可用的幫手

在理想情況下，系統應該光靠介面就能完成操作。但現實是：

• 金融、醫療、專業工具類系統通常流程複雜。
• 新手第一次使用，還是需要引導。

這時候，「說明文件」就派上用場。但要注意，說明文件不等於一份長篇難讀的操作手冊，而是 隨時可取用、以任務為中心的幫助。

💡常見應用

• IKEA 家具的組裝說明：不是一大堆文字，而是一步一步的圖解。
• App 的 onboarding 教學：以簡短插圖和引導，幫助新手快速上手。
• Figma 的「小問號」圖示：點擊後有相關功能的教學或是指引可供使用者選擇。
  
  圖片來源：IKEA 組裝說明

💡UX 設計應用

1. 情境化的輔助資訊

• 在表單旁放置「提示文字」或「？」icon，而不是把所有說明塞進一份 PDF。
• 例如輸入密碼時，旁邊顯示「至少 8 碼，需包含大小寫與數字」。

2. 分層級的說明

• 簡單任務：在界面直接提示。
• 進階任務：提供快速教學或連結到知識專區。
• 複雜問題：能快速聯繫客服或技術支援。

3. 保持說明內容更新
   系統更新後，說明文件也要同步，不然只會讓使用者更困惑。

總結來說：說明文件不是厚重的手冊，而是隨手可得、恰到好處的指引。

錯誤復原 × 說明文件

這兩個原則其實相輔相成：

• 錯誤復原：在使用者操作錯誤後，提供立即的補救措施。
• 說明文件：在錯誤或疑問發生時，提供更多背景資訊，幫助使用者理解並正確操作。

總結來說：復原是給解決方案，說明是給知識。當兩者結合，使用者即使遇到困難，也能感到被系統「支持」而不是「被冷落」。

📌 總結

• 錯誤復原：給使用者第二次機會，錯誤訊息要清楚、有幫助，並提供返回或補救途徑。
• 說明文件：不是大篇長文，而是隨時可用的輔助資訊，最好依照使用情境分層次設計。
• 關鍵思維：好的設計不只在「順風時」好用，也要在「逆境中」能給人安全感與解答。

所以，真正好的 UI/UX 設計，不是避免所有錯誤，而是讓錯誤也能被溫柔對待。🫶