每個(gè)系統(tǒng)都會(huì)有無法正常工作的時(shí)候。可能是用戶的錯(cuò)誤或系統(tǒng)的失敗。在這兩種情況下，以正確的方式處理錯(cuò)誤是非常重要，因?yàn)檫@對于良好的用戶體驗(yàn)至關(guān)重要。

以下是好的錯(cuò)誤信息的3個(gè)重要組成部分：

1. 清除短信息。
2. 正確的位置。
3. 良好的視覺設(shè)計(jì)。

清除短信息

1. 錯(cuò)誤信息應(yīng)該是清晰明確的

錯(cuò)誤信息應(yīng)該明確定義問題是什么，為什么會(huì)發(fā)生，以及如何處理。把你的錯(cuò)誤信息視為與用戶的對話——讓它聽起來像是為人類編寫的。確保你的錯(cuò)誤信息有禮貌，可理解，友好且沒有術(shù)語。

2. 錯(cuò)誤信息應(yīng)該是有幫助的

只寫出錯(cuò)誤是不夠的。應(yīng)該向用戶盡可能簡單的展示如何盡快解決問題。

例如，Microsoft描述錯(cuò)誤并在錯(cuò)誤消息中提供解決方案，以便用戶可以立即解決此問題。

3.錯(cuò)誤信息應(yīng)該是特定的情況

網(wǎng)站通常只會(huì)在所有驗(yàn)證狀態(tài)中使用一個(gè)錯(cuò)誤消息。若將此電子郵件地址留空“輸入有效的電子郵件地址”，你錯(cuò)過了“@”字符——“輸入有效的電子郵件地址”。 MailChimp以另一種方式執(zhí)行——它們對于每個(gè)電子郵件驗(yàn)證狀態(tài)都有3個(gè)錯(cuò)誤消息。第一個(gè)在提交表單時(shí)檢查輸入字段是否為空。另外兩個(gè)檢查是否有“@”和“.”字符。（但“請輸入一個(gè)值”不是錯(cuò)誤寫入的一個(gè)很好的例子，不清楚你需要輸入什么樣的價(jià)值）。顯示你的用戶實(shí)際的消息，而不是一般的消息。

4. 錯(cuò)誤信息應(yīng)該禮貌

不要責(zé)怪你的用戶，即使他們做錯(cuò)了。對用戶也要有禮貌，讓他們感到舒適方便。使用你的品牌聲音，并添加個(gè)性的錯(cuò)誤是一個(gè)很好的機(jī)會(huì)。

5. 如果恰當(dāng)盡可能地幽默

在你的錯(cuò)誤信息中小心使用幽默。首先，錯(cuò)誤信息應(yīng)該是提供信息和幫助。如果適合，在錯(cuò)誤消息中添加一些幽默，可以改善用戶體驗(yàn)。

錯(cuò)誤信息的正確位置

好的錯(cuò)誤信息是在需要時(shí)看到。避免錯(cuò)誤摘要，將錯(cuò)誤消息放在與他們相關(guān)的用戶界面元素旁邊。

正確的視覺設(shè)計(jì)的錯(cuò)誤信息

錯(cuò)誤信息應(yīng)該是清晰可見的。使用對比文本和背景顏色，以便用戶可以輕松地閱讀并注意消息。

通常紅色用于錯(cuò)誤消息文本。在某些情況下，使用黃色或橙色，因?yàn)榧t色對用戶來說有很大壓力。在這兩種情況下，請確保錯(cuò)誤文本清晰可辨，且與其背景的顏色有顯著的對比。不要忽略提供旁邊相關(guān)圖標(biāo)的顏色，以改善色盲人群的可及性。

結(jié)論

錯(cuò)誤信息是改善用戶體驗(yàn)，分享你的品牌聲音和個(gè)性的絕佳機(jī)會(huì)。需要注意的是一個(gè)好的錯(cuò)誤信息的各個(gè)方面——語言，位置和視覺設(shè)計(jì)，這些能讓錯(cuò)誤信息變得非常完美。

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