每個系統(tǒng)軟件在運(yùn)行的過程中都會出錯,可能是用戶操作造成的也可能是系統(tǒng)錯誤?;谶@兩種情況,如何正確的提示錯誤信息就顯得尤為重要,它直接決定了用戶體驗的好與壞。
一個好的錯誤提示必備的3條重要法則:
清晰地文本提示語
放置在正確的位置
良好的視覺設(shè)計
清晰的文本信息
提示信息應(yīng)該明確的表明發(fā)生了什么錯誤、發(fā)生的原因以及解決方法。將你的錯誤提示信息看作是一次對話,跟用戶說人話。確保你的文案是禮貌性的、易于理解的、友好的并且沒有晦澀難懂的專業(yè)術(shù)語。
僅僅是描述系統(tǒng)出錯是不夠的,還要向用戶提供最簡單、快速的解決方案。
例如,微軟的錯誤提示信息是這樣表述錯誤原因和解決方案的,所以你可以快速的知道如何解決它。
很多網(wǎng)站經(jīng)常在所有的狀態(tài)確認(rèn)情況下都使用同一個錯誤提示信息,當(dāng)你沒有填寫E-mail一欄時——提示“請輸入一個有效的電子郵箱地址”,當(dāng)你少寫了“@”符號時——提示“請輸入一個有效的電子郵箱地址”。
MailChimp不是這樣做的,他們針對每個不同的郵箱地址狀態(tài)確認(rèn)都有3種錯誤提示信息。第一個是在提交表單的時候檢查輸入框是否為空,另外兩個是檢查是否輸入了“@”和“.”符號。(然而“請輸入內(nèi)容”并不是一個好的錯誤提示,它并沒有清晰地表明你需要填寫什么內(nèi)容),向你的用戶顯示有針對性的而不是普適性的信息。
即使是你的用戶操作錯誤了,也不要責(zé)怪他們,禮貌的對待用戶,讓他們感覺使用你的產(chǎn)品很舒服、很便捷。這是一個很好的展示品牌特性的機(jī)會,試著在錯誤提示中加入一些品牌元素。
在錯誤提示信息中展示幽默一定要十分小心謹(jǐn)慎,首先應(yīng)當(dāng)確保你的提示信息是有用的,之后如果合適的話,你可以在提示信息中加入一些小幽默,從而提升用戶體驗。
錯誤提示信息的正確位置
一個好的錯誤提示信息,應(yīng)該是在你需要的時候可以很快速的找到它。不要寫一個錯誤信息摘要,應(yīng)該將它放置在相關(guān)的UI元件附近。
錯誤提示信息的設(shè)計形式
錯誤提示信息應(yīng)該清晰易讀。使用與背景色有對比的文本顏色,以便用戶可以快速地注意到并且閱讀它。
紅色經(jīng)常被用于編寫錯誤提示信息,在某些時候,黃色和橙色經(jīng)常被用于標(biāo)注某些資源,紅色常常讓用戶有壓迫感。所以,確保你的提示文本清晰可見,與背景色有明顯對比,考慮到色盲用戶群,不要忘記在顏色旁邊放置一個相關(guān)的圖標(biāo),作為標(biāo)注。
錯誤提示信息是一個提升用戶體驗的絕佳時機(jī),你可以通過它提升品牌形象、展示企業(yè)個性。不要小看錯誤提示信息的每一個方面,將提示文本、放置位置和視覺設(shè)計都做到盡善盡美,那么它才可以稱得上完美。
以上就是海淘科技為你推出的全部內(nèi)容。想看更多的內(nèi)容,可點擊:網(wǎng)絡(luò)錯誤的app界面設(shè)計,于此同時,海淘科技還提供了相關(guān)內(nèi)容,可點擊:搜索引擎seo推廣,數(shù)學(xué)與網(wǎng)頁設(shè)計