怎麼寫出完美的錯誤消息

• 原文地址：How to Write a Perfect Error Message
• 原文做者：Vitaly Dulenko
• 譯文出自：掘金翻譯計劃
• 本文永久連接：github.com/xitu/gold-m…
• 譯者： Cherry
• 校對者：lampui shawnchenxmu

怎麼寫出完美的錯誤消息

每個系統都會出現錯誤。這多是用戶的錯誤也多是系統的錯誤。在這兩種狀況下，正確處理錯誤很是重要，由於它們對於良好的用戶體驗相當重要。

一個好的錯誤消息應該包括下面這 3 個重要部分：

1. 明確的文字信息。
2. 合適的顯示位置。
3. 好的視覺設計。

明確的文字信息

1. 錯誤消息應該明確

錯誤消息應該明確地定義是什麼錯誤，錯誤是怎樣發生的而且應該怎樣處理。將錯誤消息想象爲你和用戶之間的對話：這就應該使得錯誤消息被擬人化。確保你的錯誤消失是禮貌的、易懂的、友好的和無術語的。

2. 錯誤信息應該是有用的

只告訴用戶哪些地方出錯了是不夠的。你要告訴讀者怎樣才能又快又方便的解決問題。

例如，微軟描述了錯誤，並在錯誤消息中提供了一個解決方案，這樣你就能夠當即修復這個問題。

3. 錯誤消息應該針對具體狀況

不少時候，網站對於全部的驗證狀態只使用一條錯誤消息。你沒有填寫郵箱 — 網站提示「請輸入有效的郵箱地址」，你漏了「@」符號 — 網站也是提示「請輸入有效的郵箱地址」。MailChimp 處理這種狀況有另外一種方式：他們有 3 個錯誤消息對應不一樣的郵箱驗證狀態。第一個檢查是檢查在提交表單的時候檢查輸入是否爲空。其餘的兩個檢查是檢查是否有「@」符號和「.」符號（「請輸入內容」並非一個很好的例子，由於還並不清楚你須要輸入什麼樣的值。） 向用戶顯示實際的錯誤消息，而不是通用的錯誤消息。

4. 錯誤信息應該是禮貌的

若是你的用戶犯了錯誤請不要粗魯地對待他們。對你的用戶客氣一點，讓他們感受溫馨和方便。使用你品牌的聲音和個性化的錯誤消息是一個好的選擇。

5. 適當的時候使用幽默的語言

在你的錯誤消息中當心地使用幽默。首先，錯誤信息應該是提供信息和有用的。而後，您能夠改進用戶體驗，若是適當的話，在錯誤消息中添加一些幽默性。

將錯誤消息放置在合適的位置

好的錯誤信息是在須要時能夠看到的錯誤信息。避免錯誤摘要，在與它們相關的 UI 元素旁邊放置錯誤消息。

爲錯誤消息提供合適的視覺設計

錯誤消息應該清晰可見。使用對比強烈的文本顏色和背景顏色，這樣用戶就能夠很容易地注意到和閱讀消息。

一般狀況下，紅色用於錯誤消息文本。在某些狀況下，使用黃色或橙色做爲某些資源狀態由於紅色對用戶來講過於緊張。在這兩種狀況下，請確保錯誤文本是易讀的，與背景顏色有明顯的對比。別忘了在顏色旁邊提供一個相關的圖標，幫助色盲人士閱讀。

結語

錯誤消息是改善用戶體驗、分享您的品牌聲音和個性的絕佳機會。注重良好的錯誤消息，要綜合考慮語言、佈局和視覺設計等各個方面。使它成爲一個真正的完美的產品。

---

掘金翻譯計劃 是一個翻譯優質互聯網技術文章的社區，文章來源爲 掘金 上的英文分享文章。內容覆蓋 Android、iOS、React、前端、後端、產品、設計 等領域，想要查看更多優質譯文請持續關注 掘金翻譯計劃、官方微博、知乎專欄。