作者:PAGE LAUBHEIMER
翻譯:三米工作室PNG團(tuán)隊(duì)
原文:https://www.nngroup.com/articles/slips/
本文屬于“尼爾森十大交互原則”的附屬文章,關(guān)于防錯(cuò)原則的研究
概覽:用戶在做事情的時(shí)候經(jīng)常會(huì)分心胀屿,所以我們應(yīng)該通過一些手段避免無意識(shí)錯(cuò)誤溉痢,比如提供建議僻造、設(shè)計(jì)限制、靈活處理各類情況孩饼。
一髓削、兩類用戶錯(cuò)誤:
在討論如何避免犯錯(cuò)之前镀娶,有一個(gè)很重要的概念要明確一下:用戶錯(cuò)誤分為兩種,一種是“失誤”梯码,一種是“錯(cuò)誤”轩娶。
(1)失誤就是用戶想著做某事,卻最終做了另一件事(通常是非常相近的事)闯捎。
舉例來說许溅,打字時(shí)想按“O”鍵闹司,卻按到了”I“鍵,或者不小心把洗手液當(dāng)做牙膏涂在了牙刷上牲迫,這些都叫做失誤借卧。失誤通常發(fā)生在用戶處于一種”自動(dòng)“模式時(shí)铐刘,這種時(shí)候他們的注意力并沒有集中在手頭的事情上。
(2)錯(cuò)誤則是用戶的目標(biāo)并不能幫助解決當(dāng)前的問題或者完成任務(wù)檩禾,如果他按照設(shè)想中的目標(biāo)一步步的做下去,最后只能是一個(gè)錯(cuò)誤饵婆。
舉例來說侨核,如果我誤將油壓指示燈當(dāng)成了輪胎氣壓指示器灌灾,那么無論我往輪胎里充多少氣锋喜,都不能解決車沒有油了這個(gè)問題。這就是一個(gè)錯(cuò)誤轴总,因?yàn)槲蚁胱龅氖虑槠鋵?shí)并不能幫我解決問題博个。錯(cuò)誤是有意識(shí)的往堡,通常是用戶獲得的信息不完整或不正確導(dǎo)致的虑灰,這樣他們就會(huì)產(chǎn)生一個(gè)與實(shí)際情況不符的錯(cuò)誤思維模式穆咐。
這篇文章將重點(diǎn)討論如何防止無意識(shí)的”失誤“
二对湃、防止失誤的常用方法:
失誤通常發(fā)生在用戶對(duì)目標(biāo)很熟悉的情況下遗淳,他們知道怎么做,但卻意外地出現(xiàn)了問題脂男。通常來說,如果我們隊(duì)某件事情已經(jīng)很熟悉了陕贮,我們不會(huì)全身心地注意這件事潘飘,結(jié)果就可能出現(xiàn)一些“失誤”的情況卜录。因此,很諷刺的是筐高,失誤通常發(fā)生在專家型用戶身上柑土。專家用戶非常熟悉這一套軟件稽屏,不像新手們還在學(xué)習(xí)摸索如何使用,這樣就會(huì)放松了警惕薄腻。
避免失誤的方法是非常柔和地引導(dǎo)用戶,幫助他們一直處于正清的狀態(tài)下尽纽,減少他們犯錯(cuò)的幾率蜓斧。提醒用戶保持必要的注意挎春,并鼓勵(lì)他們檢查錯(cuò)誤能庆。
(1)讓限制條件協(xié)助用戶:
限制用戶的選擇不一定是好事情搁胆,但如果某件任務(wù)的規(guī)則很明確渠旁,我們就應(yīng)該對(duì)用戶做出清晰的限制顾腊。
舉個(gè)例子杂靶,在訂機(jī)票的時(shí)候要選擇旅行日期凹髓,有幾項(xiàng)條件就有著明確的填寫要求扁誓。一個(gè)最簡(jiǎn)單的規(guī)則就是返程時(shí)間不能早于出發(fā)時(shí)間。如果我們?cè)试S用戶隨意選擇時(shí)間捷泞,那么他們就可能因?yàn)槭韬龆铄e(cuò)。好的限制規(guī)則可以幫助用戶知道填寫內(nèi)容的范圍和建議。
上圖為码泞,西南航空的航班日期選擇界面领铐,西南航空的日歷選擇控件會(huì)自動(dòng)限制用戶可選的日期范圍,這樣就可以防止他們選擇出不合理的時(shí)間段祝蝠。即使用戶試圖把返程時(shí)間設(shè)置到出發(fā)時(shí)間前绎狭,頁面也會(huì)強(qiáng)制要求重新選擇出發(fā)時(shí)間坟岔。在此之上,日歷中巧妙地使用了顏色來暗示哪些日期被選中了(圖中藍(lán)色的指出發(fā)日期)鸥咖,這可以幫助用戶直觀的了解自己選擇的時(shí)間范圍。
(2)提供建議:
和限制一樣鸥拧,提供有效的建議也可以讓用戶減少失誤。在一些提供很多商品的網(wǎng)站上腕柜,搜索是很有效的檢索方式盏缤。然而唉铜,用戶輸入的內(nèi)容可能是不準(zhǔn)確的潭流,尤其對(duì)于觸屏更是如此。既然你不能阻止用戶輸入錯(cuò)誤的字母熬甫,那么就應(yīng)該在錯(cuò)誤發(fā)生前瞻颂,讓用戶邊輸入邊看到搜索建議贡这。
提供搜索建議也可以幫助用戶避免“回憶”盖矫,不用回憶出全部的拼寫,只需要識(shí)別出建議中哪些是自己需要的商品就可以了湃望。
上圖為:亞馬遜的搜索預(yù)測(cè)建議,對(duì)于用戶來說废士,記住“Etymotic”這個(gè)耳機(jī)名字然后輸入到搜索框中搜索湃密,是一件很難的事情泛源。亞馬遜的可點(diǎn)擊搜索建議可以在減少用戶的輸入量达箍,降低他們犯錯(cuò)的風(fēng)險(xiǎn)硬纤。
(3)、正確的選項(xiàng)默認(rèn)值:
另一個(gè)很有幫助的方法是設(shè)定正確的默認(rèn)值溪王,尤其是用戶需要做重復(fù)的動(dòng)作莹菱,或者需要精確數(shù)字的時(shí)候道伟。首先給用戶提供一個(gè)默認(rèn)值,然后讓用戶再修改它們娜汁。比如在一個(gè)提醒a(bǔ)pp中,有一些預(yù)設(shè)的選項(xiàng)颅和,比如“明天”、“下周”教届、“一小時(shí)后”等等,這些預(yù)設(shè)可以防止用戶輸錯(cuò)日期或時(shí)間粪糙。如果聚餐提醒晚了一整天城舞,那這個(gè)提醒就一點(diǎn)意義都沒有了。
上圖為:谷歌的待辦事項(xiàng)(Inbox)中的“小睡”功能,谷歌的待辦事項(xiàng)app中,你可以讓一個(gè)email”小睡“一小會(huì),一會(huì)再提醒自己景馁。這個(gè)預(yù)設(shè)的選項(xiàng)很合理合住,避免了常見的輸入錯(cuò)誤透葛。
好的默認(rèn)項(xiàng)也可以幫助減少錯(cuò)誤硫椰,因?yàn)橛脩艨梢酝ㄟ^默認(rèn)值了解到應(yīng)該填什么樣的數(shù)據(jù)靶草。
(4)對(duì)用戶寬容一些:
有些任務(wù)確實(shí)需要用戶提供非常精確、詳細(xì)的信息浩蓉,但強(qiáng)迫人們以特定的格式來填寫并不是一種好的方式驾窟。如果你一定要用戶填寫這類復(fù)雜的表格,確保表格的內(nèi)容是易于填寫者檢查的(不是適合機(jī)器檢查)昨稼。
舉例來說假栓,在填寫賬戶注冊(cè)表格的時(shí)候拌蜘,往往要求我們必須填寫手機(jī)號(hào)碼。然而對(duì)于很多用戶來說举娩,記住一長串?dāng)?shù)字是很難的铜涉,所以美國以及很多其他國家會(huì)將電話號(hào)碼用空格或者短線分割為“(777)555-1212”的形式芙代。這樣數(shù)字就變成了一個(gè)個(gè)小塊纹烹,更容易被記住和看懂。
如果你的網(wǎng)站的數(shù)據(jù)庫不允許在手機(jī)號(hào)中存儲(chǔ)非數(shù)字字符,那你就更應(yīng)該讓用戶避免輸錯(cuò)贱鼻。一個(gè)解決辦法是讓用戶以自己熟悉的方式輸入,避免強(qiáng)迫他們用其他形式填寫父丰。在用戶填寫后我們應(yīng)該在后臺(tái)自動(dòng)處理內(nèi)容攘烛,去掉不合適的字符,而不要因?yàn)橛脩舳噍斎肓艘粋€(gè)空格而阻止他繼續(xù)操作芋齿。
更好的方案是在用戶輸入的過程中自動(dòng)將其輸入的內(nèi)容格式化觅捆。如Uber的注冊(cè)頁,當(dāng)你開始輸入時(shí)职辅,電話號(hào)回自動(dòng)在相應(yīng)的位置添加括號(hào)域携、短線秀鞭,同時(shí)還會(huì)忽略非數(shù)字。這樣可以幫助用戶明白自己應(yīng)該輸入什么類型的內(nèi)容豆巨,也幫助用戶更方便地檢查自己已經(jīng)輸入的電話號(hào)往扔。
上圖為:Uber的注冊(cè)表單,Uber會(huì)自動(dòng)將用戶輸入的電話號(hào)進(jìn)行“格式化”蝗罗,這樣在人們輸入完成后沼琉,可以更容易地進(jìn)行檢查。
三瑟慈、總結(jié):
失誤是一種常見的錯(cuò)誤葛碧,往往發(fā)生在用戶的注意力沒有完全集中进泼,或是記錯(cuò)了某些事情的時(shí)候纤虽,幫助用戶避免這類錯(cuò)誤是降低負(fù)荷的重要方法洋措;在需要填寫詳細(xì)資料的時(shí)候要做好相應(yīng)的引導(dǎo)菠发。