如何製做一個完美的錯誤提示信息

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

 

每一個系統都會出現暫停工做的時候，它多是用戶的錯誤操做或系統故障致使的。在這兩種狀況下，設計一個完美的錯誤信息尤其重要，由於它能有效提升用戶體驗。如何製做一個完美的錯誤信息？它每每包含如下3個重要部分：

 

●清楚的文本信息。

●正確的放置。

●良好的視覺設計。

 

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

 

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

 

 

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

 

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

 

 

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

 

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

 

 

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

 

 

網站一般只會在驗證狀態中使用錯誤消息。若是你將電子郵件地址填寫一欄留空，錯誤消息會提示你「輸入有效的電子郵件地址」，當你漏掉了「@」字符時也會提示「輸入有效的電子郵件地址」。MailChimp則由另一種方式執行，它們對於電子郵件驗證狀態都有3個錯誤消息。 第一個在提交表單時檢查輸入字段是否爲空。 另外兩個檢查是否有「@」和「。」字符。（可是「請輸入一個值」並非錯誤信息寫入的一個好例子，用戶並不清楚須要輸入什麼值）。給用戶展現的不是籠統的信息。

 

 

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

 

 

即便用戶在操做中失誤，也不要想着去責怪他們。對待用戶要有禮貌，讓他們感到溫馨方便。這是一個傳播品牌聲音的好機會，經過添加個性的錯誤信息提示，讓用戶對大家的品牌更加印象深入。

 

 

5. 適當運用詼諧語言

 

 

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

 

 

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

 

一個成功的錯誤信息是每每在你須要的地方出現。避免錯誤信息對用戶形成誤導，將錯誤消息放在與他們相關的UI元素旁邊。

 

 

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

 

 

成功的錯誤消息除了文本應清晰可見，正確的視覺設計也相當重要。視覺設計經過使用對比文本和背景顏色，以便用戶能夠輕鬆地注意並閱讀消息。一般狀況下，紅色用於錯誤消息文本。但在某些狀況下，也使用黃色或橙色，由於紅色對用戶來講壓力太大。在這兩種狀況下，都要確保錯誤文本清晰可辨，與其背景顏色有明顯的對比。不要忘記提供顏色旁邊的相關圖標，以提升色盲人羣使用的無障礙水平。

 

 

結論

 

 

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

 

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

 

原文做者： Vitaly Dulenko

 

學習工具，但不受限於某種工具。Mockplus作原型，更快更簡單，如今下載Mockplus，免費體驗暢快的原型設計之旅。