錯誤是什么怔软？
錯誤（或者說錯誤狀態(tài)）發(fā)生在app未能完成某個預期操作時，例如：
app不理解用戶的輸入
app出錯了
用戶試圖同時進行兩個矛盾的操作
無論是誰引起的捺典，每一種錯誤對于用戶而言，都會成為一種阻礙从祝。好在襟己，設(shè)計良好的錯誤處理能減少這種阻礙引谜。
預防用戶錯誤
設(shè)計過app的同學，應(yīng)該很熟悉各種限制條件擎浴。例如網(wǎng)絡(luò)狀況差的情況下员咽，很難填寫表單，而且?guī)缀鯖]法同步數(shù)據(jù)贮预。要考慮到這些限制贝室，設(shè)計更易使用的app，將錯誤減到最少仿吞。換句話說滑频，應(yīng)該提供建議、加上限制唤冈、保持靈活，第一時間預防用戶犯錯绘搞。
（Twitter因推文的字數(shù)限制而出名看杭，他們會在用戶達到字數(shù)上限之前提出警示。）
讓錯誤信息統(tǒng)一有效
10條可用性啟迪（經(jīng)典的尼爾森十大可用性原則）中建議尖阔，要清晰優(yōu)雅地表達出錯誤信息榨咐。有效的錯誤提示應(yīng)該提供如下信息：
明確表達發(fā)生了什么
描述用戶應(yīng)該如何應(yīng)對
盡可能多地保留用戶輸入的信息
用戶輸入錯誤
用戶輸入信息驗證的意義在于與用戶交流块茁，并引導他們克服困難，應(yīng)對不確定永淌。
輸入驗證的首要原則是：“出現(xiàn)錯誤時告知他們遂蛀！”簡單說李滴，優(yōu)秀的表單驗證由3個重要元素組成：
在適當時機和位置告知錯誤
為錯誤信息選擇合適的顏色
用簡明的語言描述錯誤
所有這些都有一個主要目標——避免困惑。
適當?shù)臅r機和位置（行內(nèi)驗證）
用戶并不喜歡填完一個長表單并提交之后谆扎，才發(fā)現(xiàn)哪里填錯了芹助。告知輸入信息正確與否的恰當時機周瞎，正是在輸入之后。實時驗證就該出場了酱讶。
實時行內(nèi)驗證會立刻對用戶輸入作出提醒泻肯。如果使用行內(nèi)表單驗證，就會清晰標明有錯誤的輸入項灶挟，發(fā)生錯誤時毒租，提交按鈕也會置灰墅垮。用戶不必等到點擊提交按鈕才看到錯誤，他們能更早改正錯誤抬伺。
下面是幾個行內(nèi)表單驗證的案例：
不匹配的內(nèi)容：
△ 提交之前檢測出的錯誤峡钓。
超過或不滿規(guī)定字數(shù)：
△ 帶有字數(shù)統(tǒng)計的輸入框與錯誤提示能岩。
合適的顏色（直觀的設(shè)計）
顏色是設(shè)計驗證信息的最佳手段捧灰。因為它能引發(fā)本能作用毛俏，紅色的錯誤信息和黃色的警告信息非常有效。錯誤文字應(yīng)當易于閱讀焕蹄，與背景有足夠的反差阀溶，讓人能注意到银锻。但要確保界面中的顏色適用于所有用戶，這是優(yōu)秀視覺設(shè)計的重要因素鼎姐。
△ 讓人注意到提示信息炕桨。
簡明的信息（發(fā)生了什么）
確保錯誤信息是寫給人看的献宫。要實現(xiàn)這一點，就得用用戶的語言來說話姊途，避免使用技術(shù)術(shù)語吭净，用用戶的詞匯來表達一切。驗證信息要清晰陳述以下內(nèi)容：
什么出錯了囚巴，為什么。
用戶接下來該做什么來解決錯誤庶柿。
（圖注：左圖中的錯誤提示為浮庐，“輸入日期錯誤”梭域；右圖中的錯誤提示為，“這是個過去的日期”病涨。）
典型的錯誤會直接說“信息不正確”既穆，沒有告訴用戶它為什么錯了（是數(shù)據(jù)類型錯誤雀鹃？還是已經(jīng)被占用了？）囊颅。確保信息清晰明確迁酸。
應(yīng)用的錯誤
應(yīng)用也會發(fā)生錯誤俭正，它不受用戶輸入影響。這種情況下串远，用戶會遭遇意料之外的狀態(tài)儿惫。顯示錯誤時，要解釋一下用戶為什么一無所獲留搔，如何擺脫當前處境隔显。
同步錯誤/加載錯誤
當同步或鏈接斷開饵逐，或者內(nèi)容加載失敗時倍权，應(yīng)該告知用戶。要預先告訴他們题画。由于沒有數(shù)據(jù)生年，可以使用空狀態(tài)填補空隙抱婉≌艏ǎ可悲事實是，許多空狀態(tài)看起來……真的是空的传蹈。下面的例子中惦界，錯誤界面只說“發(fā)生了錯誤”沾歪，沒有提供一點有用的信息雾消。
△ 這個空狀態(tài)界面是個死胡同狂窑。
把錯誤提示想象成與用戶的一場對話桑腮。在遭遇失敗時破讨，用友好且有意義的空狀態(tài)來溝通。提供基本所需的信息來幫助用戶添忘，鼓勵他們解決問題搁骑。
走丟了煤率，失去連接蝶糯，就像置身于荒島辆沦？可以跟隨建議肢扯，保持冷靜蔚晨，點起篝火乍钻，持續(xù)刷新。
在適當時機铭腕，提供鏈接或按鈕幫助用戶完成任務(wù)银择。但要提供你所能做到的操作。如果明知道會失敗累舷，就不要放出“再試一次”這樣的選項浩考。
不要展示原始錯誤信息
下面這個例子中的消息非常晦澀嚇人笋粟。
△ 圖注：操作無法完成怀挠。(WDGeneralNetworkError error 500.)
這種錯誤信息，是由開發(fā)者寫給另一名開發(fā)者看的害捕。
不要假設(shè)人們知道提示信息的來龍去脈绿淋，或者指望他們是技術(shù)專家，要用簡單的語言告訴人們哪里出錯了尝盼。如何用人話來解釋這些錯誤盾沫？把它寫下來佩捞，那就是你的錯誤提示文案。
不匹配的狀態(tài)錯誤
用戶試圖執(zhí)行沖突操作時票渠，會引發(fā)不匹配的狀態(tài)錯誤杜窄，例如在飛行模式下?lián)茈娫挘蛘唠x線狀態(tài)播放在線視頻。應(yīng)該清晰表明他們所處狀態(tài)畏浆，避免他們陷入這般境地蝎毡。簡單說，就是不要讓用戶執(zhí)行無法完成的任務(wù)。
（清晰表明錯誤的原因和出處）
有問題怎么辦
還有什么實用技巧逊移，可以在下方進行評論觅够！ 我會一一進行整理廷粒，然后繼續(xù)更新暇番。
更多往期內(nèi)容次酌，可以翻看我以前發(fā)的文章吊宋，希望對大家有用鳞上！
我怕找不到了，怎么辦
先收藏，如果收藏完還怕忘記放哪的，可以轉(zhuǎn)發(fā)去自己手機上保存同云，這樣子就能方便查閱了疚顷。
--------
想快速提升設(shè)計能力的笆檀，可以加我新開的學習秋秋君.羊喲士修！
君.羊：
