如何運(yùn)用UI設(shè)計(jì)幫助用戶(hù)防止犯錯(cuò)

在討論用戶(hù)錯(cuò)誤時(shí)，一個(gè)重要問(wèn)題是在什么情況下指出用戶(hù)的錯(cuò)誤。「用戶(hù)錯(cuò)誤」這個(gè)詞似乎暗示用戶(hù)做錯(cuò)了某些事情，但不僅如此，設(shè)計(jì)師也犯下了錯(cuò)誤，因?yàn)樗麄冏層脩?hù)輕易的做出了錯(cuò)的行為。所以，解決用戶(hù)錯(cuò)誤的方法不是指責(zé)用戶(hù)，讓用戶(hù)再認(rèn)真一些，或者給他們更多的指導(dǎo)練習(xí)，而應(yīng)該是重新設(shè)計(jì)軟件，讓犯錯(cuò)變得困難。

 

兩類(lèi)用戶(hù)錯(cuò)誤

在討論如何避免犯錯(cuò)之前，有一個(gè)很重要的概念要明確一下：用戶(hù)錯(cuò)誤分為兩種，一種是「失誤」，一種是「錯(cuò)誤」。

失誤就是用戶(hù)想著做某事，卻最終做了另一件事（通常是非常相近的事）。舉例來(lái)說(shuō)，打字時(shí)想按「O」鍵，卻按到了「I」鍵，或者不小心把洗手液當(dāng)做牙膏涂在了牙刷上，這些都叫做失誤。失誤通常發(fā)生在用戶(hù)處于一種「自動(dòng)」模式時(shí)，這種時(shí)候他們的注意力并沒(méi)有集中在手頭的事情上。

錯(cuò)誤則是用戶(hù)的目標(biāo)并不能幫助解決當(dāng)前的問(wèn)題或者完成任務(wù)，如果他按照設(shè)想中的目標(biāo)一步步的做下去，最后只能是一個(gè)錯(cuò)誤。舉例來(lái)說(shuō)，如果我誤將油壓指示燈當(dāng)成了輪胎氣壓指示器，那么無(wú)論我往輪胎里充多少氣，都不能解決車(chē)沒(méi)有油了這個(gè)問(wèn)題。這就是一個(gè)錯(cuò)誤，因?yàn)槲蚁胱龅氖虑槠鋵?shí)并不能幫我解決問(wèn)題。錯(cuò)誤是有意識(shí)的，通常是用戶(hù)獲得的信息不完整或不正確導(dǎo)致的，這樣他們就會(huì)產(chǎn)生一個(gè)與實(shí)際情況不符的錯(cuò)誤思維模式。

這篇文章將重點(diǎn)討論如何防止無(wú)意識(shí)的「失誤」。

 

防止失誤的常用方法

失誤通常發(fā)生在用戶(hù)對(duì)目標(biāo)很熟悉的情況下，他們知道怎么做，但卻意外地出現(xiàn)了問(wèn)題。通常來(lái)說(shuō)，如果我們對(duì)某件事情已經(jīng)很熟悉了，我們不會(huì)全身心地注意這件事，結(jié)果就可能出現(xiàn)一些「失誤」的情況。因此，很諷刺的是，失誤通常發(fā)生在專(zhuān)家型用戶(hù)身上。專(zhuān)家用戶(hù)非常熟悉這一套軟件，不像新手們還在學(xué)習(xí)摸索如何使用，這樣就會(huì)放松了警惕。

避免失誤的方法是非常柔和的引導(dǎo)用戶(hù)，幫助他們一直處于正清的狀態(tài)下，減少他們犯錯(cuò)的機(jī)率。提醒用戶(hù)保持必要的注意，并鼓勵(lì)他們檢查錯(cuò)誤。
 

1. 讓限制條件協(xié)助用戶(hù)

限制用戶(hù)的選擇不一定是好事情，但如果某件任務(wù)的規(guī)則很明確，我們就應(yīng)該對(duì)用戶(hù)做出清晰的限制。

舉個(gè)例子，在訂機(jī)票的時(shí)候要選擇旅行日期，有幾項(xiàng)條件就有著明確的填寫(xiě)要求。一個(gè)最簡(jiǎn)單的規(guī)則就是返程時(shí)間不能早于出發(fā)時(shí)間。如果我們?cè)试S用戶(hù)隨意選擇時(shí)間，那么他們就可能因?yàn)槭韬龆铄e(cuò)。好的限制規(guī)則可以幫助用戶(hù)知道填寫(xiě)內(nèi)容的范圍和建議。

△ 西南航空的航班日期選擇界面

西南航空的日歷選擇控件會(huì)自動(dòng)限制用戶(hù)可選的日期范圍，這樣就可以防止他們選擇出不合理的時(shí)間段。即使用戶(hù)試圖把返程時(shí)間設(shè)置到出發(fā)時(shí)間前，頁(yè)面也會(huì)強(qiáng)制要求重新選擇出發(fā)時(shí)間。在此之上，日歷中巧妙地使用了顏色來(lái)暗示哪些日期被選中了（圖中藍(lán)色的指出發(fā)日期），這可以幫助用戶(hù)直觀(guān)的了解自己選擇的時(shí)間范圍。
 

2. 提供建議

和限制一樣，提供有效的建議也可以讓用戶(hù)減少失誤。在一些提供很多商品的網(wǎng)站上，搜索是很有效的檢索方式。然而，用戶(hù)輸入的內(nèi)容可能是不準(zhǔn)確的，尤其對(duì)于觸屏更是如此。既然你不能阻止用戶(hù)輸入錯(cuò)誤的字母，那么就應(yīng)該在錯(cuò)誤發(fā)生前，讓用戶(hù)邊輸入邊看到搜索建議。

提供搜索建議也可以幫助用戶(hù)避免「回憶」，不用回憶出全部的拼寫(xiě)，只需要識(shí)別出建議中哪些是自己需要的商品就可以了。

△ 亞馬遜的搜索預(yù)測(cè)建議

對(duì)于用戶(hù)來(lái)說(shuō)，記住「Etymotic」這個(gè)耳機(jī)名字，然后輸入到搜索框中搜索，是一件很難的事情。亞馬遜的可點(diǎn)擊搜索建議可以在減少用戶(hù)的輸入量，降低他們犯錯(cuò)的風(fēng)險(xiǎn)。
 

3. 正確的選項(xiàng)默認(rèn)值

另一個(gè)很有幫助的方法是設(shè)定正確的默認(rèn)值，尤其是用戶(hù)需要做重復(fù)的動(dòng)作，或者需要精確數(shù)字的時(shí)候。首先給用戶(hù)提供一個(gè)默認(rèn)值，然后讓用戶(hù)再修改它們。比如在一個(gè)提醒a(bǔ)pp中，有一些預(yù)設(shè)的選項(xiàng)，比如「明天」、「下周」、「一小時(shí)后」等等，這些預(yù)設(shè)可以防止用戶(hù)輸錯(cuò)日期或時(shí)間。如果聚餐提醒晚了一整天，那這個(gè)提醒就一點(diǎn)意義都沒(méi)有了。

△ 谷歌的待辦事項(xiàng)（Inbox）中的「小睡」功能

谷歌的待辦事項(xiàng)app中，你可以讓一個(gè)email「小睡」一小會(huì)，一會(huì)再提醒自己。這個(gè)預(yù)設(shè)的選項(xiàng)很合理，避免了常見(jiàn)的輸入錯(cuò)誤。

好的默認(rèn)項(xiàng)也可以幫助減少錯(cuò)誤，因?yàn)橛脩?hù)可以通過(guò)默認(rèn)值了解到應(yīng)該填什么樣的數(shù)據(jù)。
 

4. 對(duì)用戶(hù)寬容一些

有些任務(wù)確實(shí)需要用戶(hù)提供非常精確、詳細(xì)的信息，但強(qiáng)迫人們以特定的格式來(lái)填寫(xiě)并不是一種好的方式。如果你一定要用戶(hù)填寫(xiě)這類(lèi)復(fù)雜的表格，確保表格的內(nèi)容是易于填寫(xiě)者檢查的。

舉例來(lái)說(shuō)，在填寫(xiě)賬戶(hù)注冊(cè)表格的時(shí)候，往往要求我們必須填寫(xiě)手機(jī)號(hào)碼。然而對(duì)于很多用戶(hù)來(lái)說(shuō)，記住一長(zhǎng)串?dāng)?shù)字是很難的，所以美國(guó)以及很多其他國(guó)家會(huì)將電話(huà)號(hào)碼用空格或者短線(xiàn)分割為「(777)555-1212」的形式。這樣數(shù)字就變成了一個(gè)個(gè)小塊，更容易被記住和看懂。

如果你的網(wǎng)站的數(shù)據(jù)庫(kù)不允許在手機(jī)號(hào)中存儲(chǔ)非數(shù)字字符，那你就更應(yīng)該讓用戶(hù)避免輸錯(cuò)。一個(gè)解決辦法是讓用戶(hù)以自己熟悉的方式輸入，避免強(qiáng)迫他們用其他形式填寫(xiě)。在用戶(hù)填寫(xiě)后我們應(yīng)該在后臺(tái)自動(dòng)處理內(nèi)容，去掉不合適的字符，而不要因?yàn)橛脩?hù)多輸入了一個(gè)空格而阻止他繼續(xù)操作。

更好的方案是在用戶(hù)輸入的過(guò)程中自動(dòng)將其輸入的內(nèi)容格式化。如Uber的注冊(cè)頁(yè)，當(dāng)你開(kāi)始輸入時(shí)，電話(huà)號(hào)會(huì)自動(dòng)在相應(yīng)的位置添加括號(hào)、短線(xiàn)，同時(shí)還會(huì)忽略非數(shù)字。這樣可以幫助用戶(hù)明白自己應(yīng)該輸入什么類(lèi)型的內(nèi)容，也幫助用戶(hù)更方便地檢查自己已經(jīng)輸入的電話(huà)號(hào)。

△ Uber的注冊(cè)表單

Uber會(huì)自動(dòng)將用戶(hù)輸入的電話(huà)號(hào)進(jìn)行「格式化」，這樣在人們輸入完成后，可以更容易地進(jìn)行檢查。

 

總結(jié)

失誤是一種常見(jiàn)的錯(cuò)誤，往往發(fā)生在用戶(hù)的注意力沒(méi)有完全集中，或是記錯(cuò)了某些事情的時(shí)候，幫助用戶(hù)避免這類(lèi)錯(cuò)誤是降低負(fù)荷的重要方法，在需要填寫(xiě)詳細(xì)資料的時(shí)候要做好相應(yīng)的引導(dǎo)。