如何制作一個完美的錯誤提示信息?

4 評論 11579 瀏覽 52 收藏 6 分鐘

凡是系統都會出現暫停工作的時候,設計一個合理的錯誤提示信息就十分重要了。那么如何設計呢?文章就此展開了分享。

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

  • 清楚的文本信息。
  • 正確的放置。
  • 良好的視覺設計。

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

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

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

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

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

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

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

網站通常只會在驗證狀態中使用錯誤消息。如果你將電子郵件地址填寫一欄留空,錯誤消息會提示你“輸入有效的電子郵件地址”,當你漏掉了“@”字符時也會提示“輸入有效的電子郵件地址”。

MailChimp則由另外一種方式執行,它們對于電子郵件驗證狀態都有3個錯誤消息。 第一個在提交表單時檢查輸入字段是否為空。 另外兩個檢查是否有“@”和“?!弊址?。(但是“請輸入一個值”并不是錯誤信息寫入的一個好例子,用戶并不清楚需要輸入什么值)。給用戶展示的不是籠統的信息。

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

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

5. 適當運用詼諧語言

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

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

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

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

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

結論

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

 

原文作者: Vitaly Dulenko

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

本文由@Mockplus團隊 翻譯發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自PEXELS,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 有時候非用戶的輸入或者操作錯誤,并不一定要告訴用戶“為什么會發生”,而應該有“善意的謊言”。

    來自內蒙古 回復
  2. 寫的挺好,但是例子能用國產的就好了

    回復
  3. ?? ??

    來自廣東 回復