交互防錯(cuò):避免用戶無意識(shí)的失誤

作者: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)菠发。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末滓鸠,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子曲饱,更是在濱河造成了極大的恐慌,老刑警劉巖引矩,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異值漫,居然都是意外死亡杨何,警方通過查閱死者的電腦和手機(jī)危虱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門邮利,熙熙樓的掌柜王于貴愁眉苦臉地迎上來剪勿,“玉大人窗宦,你說我怎么就攤上這事赴涵∷璐埽” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長恃鞋。 經(jīng)常有香客問我恤浪,道長水由,這世上最難降的妖魔是什么泥张? 我笑而不...
    開封第一講書人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上歇竟,老公的妹妹穿的比我還像新娘焕议。我一直安慰自己盅安,他們只是感情好别瞭,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著墙歪,像睡著了一般。 火紅的嫁衣襯著肌膚如雪届惋。 梳的紋絲不亂的頭發(fā)上脑豹,一...
    開封第一講書人閱讀 49,166評(píng)論 1 284
  • 那天拌牲,我揣著相機(jī)與錄音拍埠,去河邊找鬼枣购。 笑死棉圈,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的德召。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了栋烤?” 一聲冷哼從身側(cè)響起挺狰,我...
    開封第一講書人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤始绍,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后年堆,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年柔昼,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了炎辨。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡乙嘀,死狀恐怖破喻,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情婴噩,我是刑警寧澤羽德,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站章蚣,受9級(jí)特大地震影響姨夹,放射性物質(zhì)發(fā)生泄漏矾策。R本人自食惡果不足惜峭沦,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一吼鱼、第九天 我趴在偏房一處隱蔽的房頂上張望蛉抓。 院中可真熱鬧矛辕,春花似錦飞蹂、人聲如沸伸眶。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽哭尝。三九已至,卻和暖如春栅葡,著一層夾襖步出監(jiān)牢的瞬間坯约,已是汗流浹背卿拴。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來泰國打工瞄崇, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像援奢,于是被迫代替她去往敵國和親砸脊。 傳聞我的和親對(duì)象是個(gè)殘疾皇子诗芜,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容

  • 作者:PAGE LAUBHEIMER 翻譯:三米工作室PNG團(tuán)隊(duì) 原文:https://www.nngroup.c...
    YeeZhang00閱讀 263評(píng)論 0 0
  • 1、通過CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請(qǐng)求組件 FMDB本地?cái)?shù)據(jù)庫組件 SD...
    陽明先生_x閱讀 15,968評(píng)論 3 119
  • 2018年06月29日 星期五 親子日記第174天 今天在群里看到了子軒媽媽為孩子抄的數(shù)學(xué)題孟岛,整整齊齊...
    夢(mèng)_0ba6閱讀 216評(píng)論 0 1
  • 連著下了兩天雨, 沒想到六月的蘭州頗有一副“煙雨江南”的景致,朦朧迷人盒卸,風(fēng)輕、云淡、雨斜,千絲萬縷中透著清...
    方圓_22cf閱讀 407評(píng)論 0 2
  • 版權(quán)申明:轉(zhuǎn)載請(qǐng)注明出處跃须。文章來源:http://bigdataer.net/?p=292 排版亂投储?請(qǐng)移步原文獲得...
    bigdataer閱讀 1,103評(píng)論 0 1