┊文章閱讀:次
當用戶遇到404、輸入錯誤或加載失敗等錯誤場景時,優(yōu)秀的設(shè)計師會懂得如何舒緩他們的焦慮,并引導(dǎo)他們解決問題……
“錯誤”時有發(fā)生。在App與生活中都會發(fā)生。有時是因為我們犯了錯誤,有時是系統(tǒng)錯誤。無論錯誤原因是什么,它們——還有解決方式——對用戶體驗影響深遠。但它往往不被重視,草草處理錯誤、組織混亂的錯誤信息會使用戶沮喪,最終拋棄你的應(yīng)用。相反,處理得當?shù)腻e誤提示,能把失敗變?yōu)轶@喜。
本文中,我們會討論如何優(yōu)化App的設(shè)計,來盡力防止用戶錯誤,并建立良好的錯誤信息。
錯誤是什么?
錯誤(或者說錯誤狀態(tài))發(fā)生在app未能完成某個預(yù)期操作時,例如:
app不理解用戶的輸入
app出錯了
用戶試圖同時進行兩個矛盾的操作
無論是誰引起的,每一種錯誤對于用戶而言,都會成為一種阻礙。好在,設(shè)計良好的錯誤處理能減少這種阻礙。
預(yù)防用戶錯誤
設(shè)計過app的同學(xué),應(yīng)該很熟悉各種限制條件。例如網(wǎng)絡(luò)狀況差的情況下,很難填寫表單,而且?guī)缀鯖]法同步數(shù)據(jù)。要考慮到這些限制,設(shè)計更易使用的app,將錯誤減到最少。換句話說,應(yīng)該提供建議、加上限制、保持靈活,第一時間預(yù)防用戶犯錯。
(Twitter因推文的字數(shù)限制而出名,他們會在用戶達到字數(shù)上限之前提出警示。)
讓錯誤信息統(tǒng)一有效
10條可用性啟迪(經(jīng)典的尼爾森十大可用性原則)中建議,要清晰優(yōu)雅地表達出錯誤信息。有效的錯誤提示應(yīng)該提供如下信息:
明確表達發(fā)生了什么
描述用戶應(yīng)該如何應(yīng)對
盡可能多地保留用戶輸入的信息
用戶輸入錯誤
用戶輸入信息驗證的意義在于與用戶交流,并引導(dǎo)他們克服困難,應(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)該告知用戶。要預(yù)先告訴他們。由于沒有數(shù)據(jù),可以使用空狀態(tài)填補空隙??杀聦嵤?,許多空狀態(tài)看起來……真的是空的。下面的例子中,錯誤界面只說“發(fā)生了錯誤”,沒有提供一點有用的信息。
△ 這個空狀態(tài)界面是個死胡同。
把錯誤提示想象成與用戶的一場對話。在遭遇失敗時,用友好且有意義的空狀態(tài)來溝通。提供基本所需的信息來幫助用戶,鼓勵他們解決問題。
走丟了,失去連接,就像置身于荒島?可以跟隨建議,保持冷靜,點起篝火,持續(xù)刷新。
在適當時機,提供鏈接或按鈕幫助用戶完成任務(wù)。但要提供你所能做到的操作。如果明知道會失敗,就不要放出“再試一次”這樣的選項。
不要展示原始錯誤信息
下面這個例子中的消息非?;逎瓏樔恕?/P>
△ 圖注:操作無法完成。(WDGeneralNetworkError error 500.)
這種錯誤信息,是由開發(fā)者寫給另一名開發(fā)者看的。
不要假設(shè)人們知道提示信息的來龍去脈,或者指望他們是技術(shù)專家,要用簡單的語言告訴人們哪里出錯了。如何用人話來解釋這些錯誤?把它寫下來,那就是你的錯誤提示文案。
不匹配的狀態(tài)錯誤
用戶試圖執(zhí)行沖突操作時,會引發(fā)不匹配的狀態(tài)錯誤,例如在飛行模式下?lián)茈娫?,或者離線狀態(tài)播放在線視頻。應(yīng)該清晰表明他們所處狀態(tài),避免他們陷入這般境地。簡單說,就是不要讓用戶執(zhí)行無法完成的任務(wù)。
(清晰表明錯誤的原因和出處)
結(jié)論
從不出現(xiàn)的錯誤信息才是最好的。最佳方式是引導(dǎo)用戶向正確方向前進,第一時間預(yù)防錯誤發(fā)生。但當錯誤確實發(fā)生時,設(shè)計精良的錯誤處理,不僅能教育用戶按你預(yù)期的方式使用app,還能防止用戶感到茫然。
武漢肥貓網(wǎng)絡(luò)科技有限公司,是一家集策劃、設(shè)計、技術(shù)開發(fā)于一體的專業(yè)互聯(lián)網(wǎng)科技服務(wù)公司,致力于為企業(yè)信息化提供驅(qū)動力。技術(shù)團隊8年來致力于為客戶提供企業(yè)品牌官網(wǎng)設(shè)計制作、營銷型網(wǎng)站建設(shè)、搜索引擎SEO優(yōu)化、全網(wǎng)營銷等服務(wù)。經(jīng)過多年發(fā)展,公司擁有行業(yè)領(lǐng)先的網(wǎng)絡(luò)技術(shù)團隊,先后服務(wù)、推廣了上萬家網(wǎng)站,包括各類中小企業(yè)、上市公司、高校、政府等機構(gòu)單位。
肥貓科技擁有一批朝氣、年輕而極富實踐經(jīng)驗的技術(shù)、設(shè)計、策劃人才,多次自主開發(fā)業(yè)內(nèi)領(lǐng)先的站群程序、SEO軟件,如鏡像站群、蜂鳥站群等,在網(wǎng)絡(luò)推廣、網(wǎng)絡(luò)營銷領(lǐng)域擁有豐富的實戰(zhàn)經(jīng)驗。肥貓科技核心團隊成型5年,契合度高,技術(shù)力量雄厚穩(wěn)定。
公司奉行“注重效果,成就客戶價值”的運營宗旨,不斷追求技術(shù)、服務(wù)、模式領(lǐng)先的發(fā)展方向和目標。憑借著8年以上網(wǎng)絡(luò)整合營銷的經(jīng)驗和技術(shù)優(yōu)勢,在企業(yè)建站、網(wǎng)站優(yōu)化、全網(wǎng)營銷方面取得了長足的發(fā)展。全年不間斷地為客戶提供網(wǎng)絡(luò)技術(shù)服務(wù),保障客戶的線上業(yè)務(wù)通暢運營,并與眾多知名合作伙伴結(jié)成了廣泛的業(yè)務(wù)聯(lián)盟,創(chuàng)新一站式服務(wù)的獨特網(wǎng)絡(luò)品牌!
肥貓科技將會以更加朝氣蓬勃的姿態(tài)迎接未來,期待與您攜手共創(chuàng)大贏未來!
武漢肥貓網(wǎng)絡(luò)科技有限公司地址:武漢市江岸區(qū)江漢二路金寶大廈18層G2座
公司電話:027-82823488 公司官網(wǎng):www.feimao666.com 公司微信:feimao8899
Copyright @ 2013-2018 中國福建網(wǎng) 版權(quán)所有
聯(lián)系我們
免責聲明:本站為非營利性網(wǎng)站,部分圖片或文章來源于互聯(lián)網(wǎng)如果無意中對您的權(quán)益構(gòu)成了侵犯,我們深表歉意,請您聯(lián)系,我們立即刪除。