金無足赤，人無完人，在我們的日常生活中，在我們使用APP的過程中都難免會發(fā)生錯誤。錯誤有些時候是人為原因造成的，有些時候是系統(tǒng)原因造成的。不管是什么原因造成的，我們如何認識這些錯誤以及怎么處理這些錯誤，都對APP的用戶體驗有很大的影響。

我們常常忽視了錯誤狀態(tài)的設計，一個不用心的錯誤處理或者糟糕的錯誤信息提示會讓用戶感到無比挫敗，致使他們不再使用你的APP。而相反，一個處理妥當的錯誤狀態(tài)設計能讓情況轉危為安。在這篇文章中，我們會探討如何設計才能盡可能地避免用戶遇到不必要的錯誤，以及如何設計一個好的錯誤提示信息。

什么是錯誤

錯誤（或者說錯誤狀態(tài)）發(fā)生在APP無法完成預想的功能的時候，例如：

• APP沒有理解用戶的輸入
• APP崩潰了
• 用戶進行了兩個不能同時進行的操作

錯誤已經成為了用戶使用APP過程中的一個重要阻力點。幸運的是，我們可以通過精心的設計來減少這個阻力。

避免用戶錯誤

如果你在設計一款APP，你應該熟悉設計的邊界條件。舉個例子，如果手機的網絡環(huán)境很差，用戶將很難完成提交一個表單或者同步一個數據。所以，在設計一款對用戶好用的APP時，你必須考慮這些邊界條件，從而減少錯誤的不良影響。換句話說，作為設計師你最好能通過向用戶提供建議，利用邊界條件和彈性機制來把錯誤扼殺在搖籃里。

推特對推文有嚴格的字數限制，當輸入字數超過字數限制時，系統(tǒng)用紅字提醒超出的字數

讓錯誤提示信息具有引導性和一致性

尼爾森的十大可用性原則中有一條建議，優(yōu)雅而清晰地告知用戶發(fā)生錯誤的情況。一個有效的錯誤提示信息包括以下信息：

• 清晰地告知用戶發(fā)生了什么
• 解釋用戶如何解決問題
• 盡可能保存用戶已輸入的信息

用戶表單輸入錯誤

用戶確認提交表單信息后，意味著APP與用戶建立了對話關系，系統(tǒng)有義務在用戶遇到錯誤和不確定狀況的時候能幫助他們渡過難關。這個過程應該更加情感化，而不是充滿冷冰冰的技術術語。

關于輸入錯誤最重要的原則是：“主動跟用戶交流！當錯誤發(fā)生時告知他們！”一般來說，一個好的表單包括三個要點：

• 在恰當的時間和地點告知錯誤
• 恰當的提示文本顏色
• 簡潔的提示信息語言

這三個要點都有一個共同的目標——避免困惑。

在恰當的時間和地點告知錯誤 （內聯檢驗）

用戶不喜歡他們填完所有表單，然后提交后系統(tǒng)才告知他們填寫錯誤。最好的時機是用戶剛填完信息就告知他們是否填寫正確，實時表單驗證能幫助我們實現這個功能。

實時內聯檢驗系統(tǒng)，能立即告知用戶剛輸入的數據是否正確。實時檢驗后，如果填寫區(qū)域有明顯的錯誤提示，提交按鈕將無法點擊直到錯誤被改正。實時檢驗能幫助用戶更快地糾正錯誤，而不是讓他們點完提交按鈕后才知道錯誤的發(fā)生。

下面是幾個內聯檢驗的例子：

• 用戶名已注冊

圖片來源：Material Design

• 超過字數限制

恰當的顏色（符合直覺的設計）

在設計驗證效果時顏色是最好的工具。因為它能觸發(fā)人的本能反應，紅色的信息表示錯誤，黃色的信息表示警告，這種暗示效果是非常顯著的。錯誤提示信息的顏色要與背景色作好對比使它更易讀，但要保證你的產品的界面顏色對所有用戶的可及性（accessible），這是一個好的視覺設計中的重要組成部分。

讓所有用戶都能注意到提示信息。

清晰易懂的提示內容（告知用戶發(fā)生了什么）

你要讓錯誤提示信息，像是一個有血有肉的人寫出來的。為了達到這個目標，你應該使用和用戶同樣的語言，避免一些技術術語，提示信息應該清晰地描述：

• 發(fā)生了什么錯誤以及可能的原因。
• 用戶應該如何修正錯誤。

第一個錯誤案例中只告知用戶數據驗證錯誤而沒有告知用戶為什么發(fā)生錯誤（是拼寫錯誤？還是已占用？）。圖片來源：Material Design

APP自身的錯誤

這種錯誤跟用戶輸入無關，是系統(tǒng)因某種原因無法呈現給用戶他們想要看到的結果。這種情況就應該向用戶解釋，為什么沒有結果以及相應的解決方法。

數據同步錯誤/無法加載

當數據連接中斷，信息無法加載的時候，我們應該直接告訴他們具體情況。由于我們無法呈現信息，我們可以設計一個空白狀態(tài)頁來填補這個空白。可惜大多數空白狀態(tài)頁都看起來太……空白了。就像下面這個案例，錯誤信息只說明了“系統(tǒng)發(fā)生了一個錯誤”，并沒有提供任何有幫助的信息。

將你設計的錯誤信息想象成一次跟用戶的交談，在用戶遇到挫折時，你用友好、具有幫助的話語來幫助用戶了解基本情況并鼓勵他們解決這個問題。

遇到錯誤時就像置身于孤島一般感到迷惑和不安？沒關系！請遵循系統(tǒng)的建議，保持冷靜，點上火把，然后下拉刷新。

如果合適的話，你也可以在空白狀態(tài)頁放上按鈕或鏈接來幫助用戶完成任務。但要注意的是，你提供的選項要確保是奏效的。舉個例子，你知道用戶點擊“再試一次”的按鈕后仍無法解決錯誤，這時就應該去掉這個選項。

永遠不要使用生硬的技術語言來描述錯誤。

這個錯誤提示是程序員寫給程序員看的

不要自以為是地認為用戶了解錯誤發(fā)生的原因或認為他們懂技術，你要用通俗易懂的語言來描述錯誤。

不相容狀態(tài)錯誤

不相容狀態(tài)錯誤發(fā)生在當用戶嘗試運行兩個互相沖突的操作時，例如在飛行模式打電話或是在沒有網絡的情況下看在線視頻。你應該清楚地告知用戶他們正在選擇的狀態(tài)是怎樣的，以防止發(fā)生不相容狀態(tài)的錯誤。簡單來說，就是不要讓他們開始他們不能完成的操作。

闡明問題發(fā)生的原因和來源。

結論

關于錯誤狀態(tài)的設計，最好的解決方案就是不讓錯誤發(fā)生，我們要盡可能地在用戶犯錯之前引導用戶通往正確的道路。如果錯誤無法避免要發(fā)生，一個設計良好的錯誤狀態(tài)設計，不僅能教導用戶如何使用app，還不會讓用戶認為自己很愚蠢。

本文來自成都品牌網站建設網站設計制作公司-創(chuàng)新互聯 

標簽：創(chuàng)新互聯,手機建站,響應式網站

當前題目：移動端用戶體驗設計中錯誤狀態(tài)設計分析和實踐
文章源于：http://jinyejixie.com/news/164455.html

網站建設、網絡推廣公司-創(chuàng)新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有用戶體驗等

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯