你的產(chǎn)品有容錯(cuò)性設(shè)計(jì)嗎?
容錯(cuò)性研究是專門針對(duì)用戶在使用產(chǎn)品的過程中,如何避免出錯(cuò),以及一旦出錯(cuò)如何盡快糾錯(cuò)的研究。
容錯(cuò)性是什么?
容錯(cuò)性研究是專門針對(duì)用戶在使用產(chǎn)品的過程中,如何避免出錯(cuò),以及一旦出錯(cuò)如何盡快糾錯(cuò)的研究。
容錯(cuò)包含產(chǎn)品防止錯(cuò)誤的程度和幫助用戶從錯(cuò)誤中恢復(fù)。防止錯(cuò)誤是通過頁面的設(shè)計(jì)、重組或特別安排,防止用戶出錯(cuò)。比出現(xiàn)錯(cuò)誤信息提示更好的是更用心的設(shè)計(jì)防止這類問題發(fā)生。糾錯(cuò)設(shè)計(jì)就是當(dāng)錯(cuò)誤發(fā)生時(shí),人們看到的界面,并且提出一個(gè)建設(shè)性的解決方案。就像對(duì)付不該發(fā)生的錯(cuò)誤一樣,容錯(cuò)性設(shè)計(jì)的關(guān)鍵在于“做好防御”。產(chǎn)品設(shè)計(jì)者們必須不斷尋找可能造成用戶困惑和不滿的出錯(cuò)點(diǎn)。好的防御性設(shè)計(jì)決定用戶體驗(yàn)的好壞。
我們從上圖3個(gè)維度去分析:
1、操作前-提醒防錯(cuò)
1)詳盡的說明文字且引導(dǎo)和提示,突出表現(xiàn)
主要是針對(duì)新用戶,目的是為了正確引導(dǎo)用戶學(xué)習(xí)使用。引導(dǎo)和提示要突出表現(xiàn),從而引起用戶關(guān)注,確保用戶在操作前能注意到引導(dǎo)或提示信息。
2)當(dāng)結(jié)果不可逆的時(shí)候,詢問用戶讓其知道操作的后果
在用戶操作前即給出正確且有效地引導(dǎo)和提示,有助于減少錯(cuò)誤發(fā)生的可能性。如 對(duì)于比較重要的操作,需要通過二次確認(rèn)減少錯(cuò)誤的發(fā)生。
2、操作中-實(shí)時(shí)感知
1)給用戶的操作進(jìn)行提醒
如在填寫表單當(dāng)中,當(dāng)鼠標(biāo)聚焦在某一個(gè)操作區(qū)域時(shí)要有明確的預(yù)提醒(輸入框變亮),否則容易引起誤操作。
2)對(duì)用戶的信息輸入進(jìn)行視覺化呈現(xiàn),并提供回饋
對(duì)用戶輸入的信息進(jìn)行實(shí)時(shí)檢驗(yàn),并給用戶傳遞回饋,在下面這個(gè)案例中,當(dāng)用戶輸入自己的郵件信息之后,即被告知用戶這個(gè)動(dòng)作的含義,到底是輸入正確還是輸入錯(cuò)誤。
3)適當(dāng)限制用戶的某些交互操作
可以對(duì)一些可能造成錯(cuò)誤的操作入口設(shè)置障礙或直接禁止操作,以避免錯(cuò)誤的發(fā)生。舉個(gè)例子:操作完一個(gè)模塊內(nèi)容,展開另一模塊的同時(shí)收起上一個(gè)模塊。填寫過程限制用戶某些操作這樣始終讓用戶聚焦在當(dāng)前內(nèi)容。
3、操作后-結(jié)果反饋&糾正引導(dǎo)
1)錯(cuò)誤發(fā)生時(shí),即使反饋錯(cuò)誤并提供糾錯(cuò)幫助
反饋錯(cuò)誤及時(shí)就能保證用戶每個(gè)階段的操作都能得到回饋,避免因?yàn)橐粋€(gè)小的錯(cuò)誤就要修改相關(guān)聯(lián)的一系列內(nèi)容的情況,提高成功完成任務(wù)的效率;反饋不僅要指出有錯(cuò),還要指出錯(cuò)在哪里。錯(cuò)誤反饋文案要清晰、準(zhǔn)確,這樣便于用戶了解錯(cuò)誤的原因,方便下一步的修改。
2)允許用戶犯錯(cuò),并使操作者能夠撤銷以前的指令
Phone手機(jī)的還原功能,可以在用戶出錯(cuò)時(shí)將多種功能設(shè)置快速還原到原始狀態(tài)。
除了上面講的設(shè)計(jì)點(diǎn)以外其他重要的設(shè)計(jì)方法
1、 費(fèi)茨定律
Fitts定律其實(shí)很容易理解的。顯然,指點(diǎn)設(shè)備的當(dāng)前位置和目標(biāo)位置相距越遠(yuǎn),我們就需要越多的時(shí)間來移動(dòng);而同時(shí),目標(biāo)的大小又會(huì)限制我們移動(dòng)的速度,因?yàn)槿绻苿?dòng)得太快,到達(dá)目標(biāo)時(shí)就會(huì)停不住,因此我們不得不根據(jù)目標(biāo)的大小提前減速,這就會(huì)減緩到達(dá)目標(biāo)的速度, 延長到達(dá)目標(biāo)的時(shí)間。
通俗點(diǎn)講:任意一點(diǎn)移動(dòng)到目標(biāo)中心位置所需時(shí)間與該點(diǎn)到目標(biāo)的距離和大小有關(guān),距離越大時(shí)間越長,目標(biāo)越大時(shí)間越短。
菲茨定律的啟示:
- 按鈕等可點(diǎn)擊對(duì)象需要合理的大小尺寸。
- 屏幕的邊和角很適合放置像菜單欄和按鈕這樣的元素,因?yàn)檫吔鞘蔷薮蟮哪繕?biāo),它們無限高或無限寬,你不可能用鼠標(biāo)超過它們。
- 出現(xiàn)在用戶正在操作的對(duì)象旁邊的控制菜單(右鍵菜單)比下拉菜單或工具欄可以被打開得更快,因?yàn)椴恍枰苿?dòng)到屏幕的其他位置。
2、提供非模態(tài)的反饋,不打斷任務(wù)流
模態(tài)是指界面中只有提醒彈框才具有可交互行為,其他一切都不可操作;非模態(tài)不會(huì)把提醒做成彈框,可能會(huì)處理成List Notification, Toast等方式來提醒用戶。
3、 視覺情感化
心理學(xué)把情感定義為:“人對(duì)客觀現(xiàn)實(shí)的一種特殊反映形式,是人對(duì)于客觀事物是否符合人的需要而產(chǎn)生的態(tài)度的體驗(yàn)”。而設(shè)計(jì)的目標(biāo)則是在用戶接觸和使用產(chǎn)品的過程中,激發(fā)用戶的正向情感,比如愉快,信任,滿足;避免用戶產(chǎn)生負(fù)向情感,比如失望,挫折感,痛苦。正向的情感會(huì)使用戶更樂于使用產(chǎn)品,遇到使用過程的一些小問題也更加包容。
舉個(gè)例子:網(wǎng)絡(luò)問題導(dǎo)致加載數(shù)據(jù)失敗404頁面,通過友情提示動(dòng)畫的情感表達(dá),這種情感化的語言也能舒緩出錯(cuò)時(shí)給人帶來的失望,挫折感。
作者:林洋,個(gè)人公眾號(hào):產(chǎn)品時(shí)間
本文由 @林洋 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
記得記得就到家
記得記得就到家
就覺得接電話大喊大叫
適合新手 1
末尾的情感化設(shè)計(jì)其實(shí)和容錯(cuò)性是沒有直接關(guān)系的
內(nèi)容有點(diǎn)初級(jí),適合新人
其實(shí)相對(duì)于最后一點(diǎn)的視覺情感化,還有一個(gè)具有顯著效果的設(shè)計(jì)。bilibili網(wǎng)站的視頻播放失敗時(shí),播放的那段音頻“非常抱歉。。?!?/p>