以下內容由Mockplus團隊翻譯整理，僅供學習交流，Mockplus是更快更簡單的原型設計工具。

每個系統都會出現暫停工作的時候，它可能是用戶的錯誤操作或系統故障導致的。在這兩種情況下，設計一個完美的錯誤信息尤為重要，因為它能有效提高用戶體驗。如何制作一個完美的錯誤信息?它往往包羅以下 3 個重要部分：

●清楚的文本信息。

●正確的放置。

●良好的視覺設計。

第一部分：清楚的文本信息

1.錯誤信息應該清楚明了

錯誤信息應該明確告訴用戶問題是什么，為什么會發生，以及如何處理。首先你要將錯誤信息視為與用戶的對話 - 它應該看起來更加人性化。其次要確保你的錯誤信息有禮貌，可理解，友好和易懂。

2. 錯誤信息應該是有幫手的

在錯誤信息中只是指出錯誤是不夠的，還需提示用戶如何快速簡單地解決問題。

例如，微軟在消息中描述錯誤的同時還提供了解決方案，以便用戶可以立即解決此問題。

3. 在特定情況下顯示相應錯誤信息

網站通常只會在驗證狀態中使用錯誤消息。如果你將電子郵件地址填寫一欄留空，錯誤消息會提示你“輸入有效的電子郵件地址”，當你漏掉了“@”字符時也會提示“輸入有效的電子郵件地址”。MailChimp則由別的一種方式執行，它們對于電子郵件驗證狀態都有 3 個錯誤消息。 第一個在提交表單時檢查輸入字段是否為空。 別的兩個檢查是否有“@”和“。”字符。(但是“請輸入一個值”并不是錯誤信息寫入的一個好例子，用戶并不清楚需要輸入什么值)。給用戶展示的不是籠統的信息。

4. 錯誤信息用語應該禮貌

即使用戶在操作中失誤，也不要想著去責怪他們。對待用戶要有禮貌，讓他們感到舒適便利。這是一個傳播品牌聲音的好機會，通過添加個性的錯誤信息提示，，讓用戶對你們的品牌更加印象深刻。

5. 適當運用詼諧語言

在錯誤信息中使用幽默語言需謹慎，切記分清主次。首先，確保錯誤信息為用戶提供信息和幫手。其次，在恰當的時候添加一些詼諧的語言可以有效提高用戶體驗。

第二部分：正確放置錯誤消息

一個成功的錯誤信息是往往在你需要的地方出現。制止錯誤信息對用戶造成誤導，將錯誤消息放在與他們相關的UI元素旁邊。

第三部分：錯誤信息須有正確的視覺設計

成功的錯誤消息除了文本應清晰可見，正確的視覺設計也至關重要。視覺設計通過使用對比文本和配景顏色，以便用戶可以輕松地注意并閱讀消息。通常情況下，紅色用于錯誤消息文本。但在某些情況下，也使用黃色或橙色，因為紅色對用戶來說壓力太大。在這兩種情況下，都要確保錯誤文本清晰可辨，與其配景顏色有明顯的對比。不要忘記提供顏色旁邊的相關圖標，以提高色盲人群使用的無障礙水平。

結論

錯誤消息是改善用戶體驗，傳播品牌聲音和獨特品牌個性的絕佳機會。一個成功的錯誤消息必需注意語言，位置和視覺設計這三方面，這樣才能使你的錯誤消息變得更加完美!

原文鏈接：https://uxplanet.org/how-to-write-a-perfect-error-message-da1ca65a8f36

標簽：東營 九江 鹽城 烏魯木齊 林芝