用戶(hù)體驗(yàn)設(shè)計(jì)中遇到錯(cuò)誤狀態(tài) 優(yōu)秀設(shè)計(jì)師是這么做的！

編者按：當(dāng)用戶(hù)遇到404、輸入錯(cuò)誤或加載失敗等錯(cuò)誤場(chǎng)景時(shí)，優(yōu)秀的設(shè)計(jì)師會(huì)懂得如何舒緩他們的焦慮，并引導(dǎo)他們解決問(wèn)題……

“錯(cuò)誤”時(shí)有發(fā)生。在App與生活中都會(huì)發(fā)生。有時(shí)是因?yàn)槲覀兎噶隋e(cuò)誤，有時(shí)是系統(tǒng)錯(cuò)誤。無(wú)論錯(cuò)誤原因是什么，它們——還有解決方式——對(duì)用戶(hù)體驗(yàn)影響深遠(yuǎn)。但它往往不被重視，草草處理錯(cuò)誤、組織混亂的錯(cuò)誤信息會(huì)使用戶(hù)沮喪，最終拋棄你的應(yīng)用。相反，處理得當(dāng)?shù)腻e(cuò)誤提示，能把失敗變?yōu)轶@喜。

本文中，我們會(huì)討論如何優(yōu)化App的設(shè)計(jì)，來(lái)盡力防止用戶(hù)錯(cuò)誤，并建立良好的錯(cuò)誤信息。

錯(cuò)誤是什么？

錯(cuò)誤（或者說(shuō)錯(cuò)誤狀態(tài)）發(fā)生在app未能完成某個(gè)預(yù)期操作時(shí)，例如：

預(yù)防用戶(hù)錯(cuò)誤

設(shè)計(jì)過(guò)app的同學(xué)，應(yīng)該很熟悉各種限制條件。例如網(wǎng)絡(luò)狀況差的情況下，很難填寫(xiě)表單，而且?guī)缀鯖](méi)法同步數(shù)據(jù)。要考慮到這些限制，設(shè)計(jì)更易使用的app，將錯(cuò)誤減到最少。換句話說(shuō)，應(yīng)該提供建議、加上限制、保持靈活，第一時(shí)間預(yù)防用戶(hù)犯錯(cuò)。

（Twitter因推文的字?jǐn)?shù)限制而出名，他們會(huì)在用戶(hù)達(dá)到字?jǐn)?shù)上限之前提出警示。）

讓錯(cuò)誤信息統(tǒng)一有效

10條可用性啟迪（經(jīng)典的尼爾森十大可用性原則）中建議，要清晰優(yōu)雅地表達(dá)出錯(cuò)誤信息。有效的錯(cuò)誤提示應(yīng)該提供如下信息：

• 什么出錯(cuò)了，為什么。

• 用戶(hù)接下來(lái)該做什么來(lái)解決錯(cuò)誤。

（圖注：左圖中的錯(cuò)誤提示為，“輸入日期錯(cuò)誤”；右圖中的錯(cuò)誤提示為，“這是個(gè)過(guò)去的日期”。）

典型的錯(cuò)誤會(huì)直接說(shuō)“信息不正確”，沒(méi)有告訴用戶(hù)它為什么錯(cuò)了（是數(shù)據(jù)類(lèi)型錯(cuò)誤？還是已經(jīng)被占用了？）。確保信息清晰明確。

應(yīng)用的錯(cuò)誤

應(yīng)用也會(huì)發(fā)生錯(cuò)誤，它不受用戶(hù)輸入影響。這種情況下，用戶(hù)會(huì)遭遇意料之外的狀態(tài)。顯示錯(cuò)誤時(shí)，要解釋一下用戶(hù)為什么一無(wú)所獲，如何擺脫當(dāng)前處境。

同步錯(cuò)誤/加載錯(cuò)誤

當(dāng)同步或鏈接斷開(kāi)，或者內(nèi)容加載失敗時(shí)，應(yīng)該告知用戶(hù)。要預(yù)先告訴他們。由于沒(méi)有數(shù)據(jù)，可以使用空狀態(tài)填補(bǔ)空隙?？杀聦?shí)是，許多空狀態(tài)看起來(lái)……真的是空的。下面的例子中，錯(cuò)誤界面只說(shuō)“發(fā)生了錯(cuò)誤”，沒(méi)有提供一點(diǎn)有用的信息。

△ 這個(gè)空狀態(tài)界面是個(gè)死胡同。

把錯(cuò)誤提示想象成與用戶(hù)的一場(chǎng)對(duì)話。在遭遇失敗時(shí)，用友好且有意義的空狀態(tài)來(lái)溝通。提供基本所需的信息來(lái)幫助用戶(hù)，鼓勵(lì)他們解決問(wèn)題。

走丟了，失去連接，就像置身于荒島？可以跟隨建議，保持冷靜，點(diǎn)起篝火，持續(xù)刷新。

在適當(dāng)時(shí)機(jī)，提供鏈接或按鈕幫助用戶(hù)完成任務(wù)。但要提供你所能做到的操作。如果明知道會(huì)失敗，就不要放出“再試一次”這樣的選項(xiàng)。

不要展示原始錯(cuò)誤信息

下面這個(gè)例子中的消息非?；逎瓏樔?。

△ 圖注：操作無(wú)法完成。(WDGeneralNetworkError error 500.)

這種錯(cuò)誤信息，是由開(kāi)發(fā)者寫(xiě)給另一名開(kāi)發(fā)者看的。

不要假設(shè)人們知道提示信息的來(lái)龍去脈，或者指望他們是技術(shù)專(zhuān)家，要用簡(jiǎn)單的語(yǔ)言告訴人們哪里出錯(cuò)了。如何用人話來(lái)解釋這些錯(cuò)誤？把它寫(xiě)下來(lái)，那就是你的錯(cuò)誤提示文案。

不匹配的狀態(tài)錯(cuò)誤

用戶(hù)試圖執(zhí)行沖突操作時(shí)，會(huì)引發(fā)不匹配的狀態(tài)錯(cuò)誤，例如在飛行模式下?lián)茈娫?，或者離線狀態(tài)播放在線視頻。應(yīng)該清晰表明他們所處狀態(tài)，避免他們陷入這般境地。簡(jiǎn)單說(shuō)，就是不要讓用戶(hù)執(zhí)行無(wú)法完成的任務(wù)。

（清晰表明錯(cuò)誤的原因和出處）

結(jié)論

從不出現(xiàn)的錯(cuò)誤信息才是最好的。好方式是引導(dǎo)用戶(hù)向正確方向前進(jìn)，第一時(shí)間預(yù)防錯(cuò)誤發(fā)生。但當(dāng)錯(cuò)誤確實(shí)發(fā)生時(shí)，設(shè)計(jì)精良的錯(cuò)誤處理，不僅能教育用戶(hù)按你預(yù)期的方式使用app，還能防止用戶(hù)感到茫然。

感謝閱讀。

當(dāng)前標(biāo)題：用戶(hù)體驗(yàn)設(shè)計(jì)中遇到錯(cuò)誤狀態(tài) 優(yōu)秀設(shè)計(jì)師是這么做的！
URL鏈接：http://www.jbt999.com/news/98278.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有用戶(hù)體驗(yàn)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)