每個(gè)系統(tǒng)都會(huì)有無法正常工作的時(shí)候?赡苁怯脩舻腻e(cuò)誤或系統(tǒng)的失敗。在這兩種情況下,以正確的方式處理錯(cuò)誤是非常重要,因?yàn)檫@對(duì)于良好的用戶體驗(yàn)至關(guān)重要。
以下是好的錯(cuò)誤信息的3個(gè)重要組成部分:
1. 清除短信息。
2. 正確的位置。
3. 良好的視覺設(shè)計(jì)。
清除短信息
1. 錯(cuò)誤信息應(yīng)該是清晰明確的
錯(cuò)誤信息應(yīng)該明確定義問題是什么,為什么會(huì)發(fā)生,以及如何處理。把你的錯(cuò)誤信息視為與用戶的對(duì)話——讓它聽起來像是為人類編寫的。確保你的錯(cuò)誤信息有禮貌,可理解,友好且沒有術(shù)語。
2. 錯(cuò)誤信息應(yīng)該是有幫助的
只寫出錯(cuò)誤是不夠的。應(yīng)該向用戶盡可能簡(jiǎn)單的展示如何盡快解決問題。
例如,Microsoft描述錯(cuò)誤并在錯(cuò)誤消息中提供解決方案,以便用戶可以立即解決此問題。
3.錯(cuò)誤信息應(yīng)該是特定的情況
網(wǎng)站通常只會(huì)在所有驗(yàn)證狀態(tài)中使用一個(gè)錯(cuò)誤消息。若將此電子郵件地址留空“輸入有效的電子郵件地址”,你錯(cuò)過了“@”字符——“輸入有效的電子郵件地址”。 MailChimp以另一種方式執(zhí)行——它們對(duì)于每個(gè)電子郵件驗(yàn)證狀態(tài)都有3個(gè)錯(cuò)誤消息。第一個(gè)在提交表單時(shí)檢查輸入字段是否為空。另外兩個(gè)檢查是否有“@”和“.”字符。(但“請(qǐng)輸入一個(gè)值”不是錯(cuò)誤寫入的一個(gè)很好的例子,不清楚你需要輸入什么樣的價(jià)值)。顯示你的用戶實(shí)際的消息,而不是一般的消息。
4. 錯(cuò)誤信息應(yīng)該禮貌
不要責(zé)怪你的用戶,即使他們做錯(cuò)了。對(duì)用戶也要有禮貌,讓他們感到舒適方便。使用你的品牌聲音,并添加個(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)該是清晰可見的。使用對(duì)比文本和背景顏色,以便用戶可以輕松地閱讀并注意消息。
通常紅色用于錯(cuò)誤消息文本。在某些情況下,使用黃色或橙色,因?yàn)榧t色對(duì)用戶來說有很大壓力。在這兩種情況下,請(qǐng)確保錯(cuò)誤文本清晰可辨,且與其背景的顏色有顯著的對(duì)比。不要忽略提供旁邊相關(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
平面設(shè)計(jì)
工業(yè)設(shè)計(jì)
CG插畫
UI交互
室內(nèi)設(shè)計(jì)
建筑環(huán)境