只要用戶使用產(chǎn)品，總有可能會(huì)犯錯(cuò)。為了提高產(chǎn)品易用性，我們要時(shí)要時(shí)刻抱著<用戶會(huì)犯錯(cuò)>的心態(tài)去進(jìn)行產(chǎn)品設(shè)計(jì)。針對(duì)用戶會(huì)犯錯(cuò)，可以用三種產(chǎn)品思設(shè)計(jì)思路：預(yù)防犯錯(cuò)、正確引導(dǎo)、允許反悔。

一、預(yù)防犯錯(cuò)

在工業(yè)上，裁整紙的裁紙機(jī)，切紙的操作必須是一左一右兩個(gè)相距1米有余的操縱桿同時(shí)按下才能實(shí)現(xiàn)，非常有效地確保了工人人身安全。正確的思路是用戶沒(méi)機(jī)會(huì)犯錯(cuò)。

因此，在產(chǎn)品設(shè)計(jì)時(shí)，可以采用預(yù)防犯錯(cuò)的原則，從根源上避免犯錯(cuò)；以keep驗(yàn)證碼登錄舉例：

1.失誤無(wú)效

失誤無(wú)效，是指將用戶的操作行為定義為失誤，并不同系統(tǒng)產(chǎn)生交互。如圖所示，用戶輸入非數(shù)字，超過(guò)4位均不鍵入，最終實(shí)現(xiàn)用戶失誤無(wú)效；

適用：由于這類設(shè)計(jì)思路是系統(tǒng)不反饋用戶的操作結(jié)果，適用用戶是清晰的知道如何操作，并快速反應(yīng)是明顯的失誤行為。

2.無(wú)法犯錯(cuò)

在未輸入4位驗(yàn)證碼時(shí)，則確定按鈕置灰，無(wú)法點(diǎn)擊進(jìn)入下一步；或者淘寶選擇商品時(shí)，無(wú)貨的規(guī)格按鈕置灰無(wú)法選中；比起用戶點(diǎn)擊保存后報(bào)錯(cuò)再撤銷回來(lái)修改，這類交互方式對(duì)用戶體驗(yàn)更為友好。

適用：通常這類判斷比較簡(jiǎn)單，比如說(shuō)純前端判斷（必填項(xiàng)為空），加載頁(yè)面時(shí)接口已獲取結(jié)果（淘寶下單時(shí)無(wú)庫(kù)存的商品規(guī)格置灰）；

3.合理默認(rèn)值

通過(guò)為用戶設(shè)立合理默認(rèn)值，減少用戶的切換和思考，降低用戶犯錯(cuò)；比如，若需輸入驗(yàn)證碼，則應(yīng)彈出數(shù)字鍵盤；

二、正確引導(dǎo)1.犯錯(cuò)前提醒

例子1：以注冊(cè)時(shí)輸入設(shè)置密碼，若系統(tǒng)對(duì)密碼設(shè)定有要求時(shí)，會(huì)在輸入框文本提示“請(qǐng)輸入至少包含數(shù)字，大寫英文，小寫英文三種組合至少8位數(shù)密碼”。

例子2：用戶在知乎發(fā)布問(wèn)題時(shí)，有輸入字?jǐn)?shù)限制。在輸入內(nèi)容即將超范圍時(shí)，輸入框會(huì)提醒“還可以輸入幾個(gè)字”；超出輸入范圍后，輸入框會(huì)提醒“已超出幾個(gè)字”，并發(fā)布問(wèn)題按鈕置灰；

適用：需要事先提醒用戶，否則用戶犯錯(cuò)可能性較高；

2.減少期望和實(shí)際的差距

用戶看到產(chǎn)品時(shí)，認(rèn)為執(zhí)行的結(jié)果是目標(biāo)A，但走完流程后發(fā)現(xiàn)目標(biāo)是B，此時(shí)用戶期望和結(jié)果不一致，這就是一種錯(cuò)誤的表現(xiàn)。

為了減少用戶期望和實(shí)際的差距，在產(chǎn)品設(shè)計(jì)時(shí)“不要重復(fù)造輪子”，遵循常用設(shè)計(jì)規(guī)范。因?yàn)檫@類設(shè)計(jì)已經(jīng)被眾多產(chǎn)品所驗(yàn)證，用戶也得到充分的教育。搬來(lái)可用的輪子，不僅開(kāi)發(fā)效率高，而且用戶可快速上手；

注：在搬運(yùn)輪子的時(shí)候也要有自己的思考，思考產(chǎn)品為什么這么設(shè)計(jì)，是否適合自己的產(chǎn)品方向和用戶特點(diǎn)。一味的搬運(yùn)別人的輪子，也只會(huì)造成產(chǎn)品的調(diào)性不一致。同樣是視頻網(wǎng)站的斷網(wǎng)提示，b站和騰訊視頻就有明顯的不同。

3.減少用戶記憶

“是否有買車票時(shí)日期選錯(cuò)了？”，用戶的記憶是短暫的，且精力很容易分散。定車票最核心的需求是時(shí)間和行程；執(zhí)行該任務(wù)需確認(rèn)如下信息：

日期&出發(fā)地和目的地；車次；選擇座次；選擇乘客和座位；付款；大多數(shù)訂票軟件的日期和行程，會(huì)常駐顯示并置頂。即使用戶注意力分散一段時(shí)間后再操作也能立刻恢復(fù)這個(gè)任務(wù)。

電商平臺(tái)在做限時(shí)搶購(gòu)活動(dòng)時(shí)，為了避免用戶提交訂單后未及時(shí)付款導(dǎo)致的庫(kù)存預(yù)占，因此要求客戶必須搶到商品后半小時(shí)內(nèi)付款，否則訂單作廢。因此需要在訂單支付時(shí)提醒用戶付款倒計(jì)時(shí)。

適用：對(duì)于用戶易錯(cuò)或害怕錯(cuò)誤的信息，為了避免用戶記憶并反復(fù)核實(shí)，重要信息提醒常駐顯示。

4.預(yù)覽結(jié)果

當(dāng)一個(gè)視頻修改軟件使用渲染特效時(shí)，一般需要后臺(tái)花費(fèi)5或者10分鐘處理，而這個(gè)時(shí)候計(jì)算機(jī)基本是沒(méi)有反應(yīng)的。在這種情況，雖然用戶沒(méi)有永久丟失之前的工作進(jìn)度，但如果完成的結(jié)果并不是他們本來(lái)尋找的，其實(shí)用戶失去了相當(dāng)?shù)臅r(shí)間，甚至可能還有他們的耐心。

適用：用戶不知道自己的操作將會(huì)帶來(lái)什么樣的后果，或者發(fā)現(xiàn)撤回該操作給用戶帶來(lái)較大的成本，因此通過(guò)預(yù)覽結(jié)果的方式，讓用戶提前檢查以確保他們得到自己想要的。

5.二次確認(rèn)

例子1：為確保用戶是真的要執(zhí)行這個(gè)操作，通過(guò)二次確認(rèn)彈窗，可有效避免用戶誤操作導(dǎo)致的麻煩。例如用戶在執(zhí)行一個(gè)刪除操作，建議使用二次確認(rèn)彈窗。其細(xì)節(jié)是，確認(rèn)刪除的按鈕清楚的標(biāo)識(shí)為刪除，而不是一般的確認(rèn)。

例子2：用戶在設(shè)置密碼時(shí)，通常需要輸入兩遍密碼。因?yàn)槊艽a的輸入時(shí)為避免被他人看到密碼所以顯示*****，因此通過(guò)二次輸入密碼可有效避免用戶設(shè)置密碼錯(cuò)誤。二次輸入比確認(rèn)彈窗更具備用戶核對(duì)的意義。

例子3：如果手機(jī)正在播放視頻，用戶關(guān)閉wifi是無(wú)需確認(rèn)，視頻網(wǎng)站先自動(dòng)暫停播放避免用戶手機(jī)流量濫用，二次確認(rèn)是否繼續(xù)播放。例子1是執(zhí)行操作時(shí)二次確認(rèn)彈窗，而該例子是先替用戶做決定，后提示用戶如何操作。

需要注意的是，在產(chǎn)品設(shè)計(jì)時(shí)要謹(jǐn)慎使用確認(rèn)彈窗。確認(rèn)彈窗是打斷用戶當(dāng)前行為，因此成功阻止用戶正在犯錯(cuò)是有意義。但如果產(chǎn)品設(shè)計(jì)中過(guò)多的使用確認(rèn)彈窗，往往用戶不會(huì)花時(shí)間去確認(rèn)自己是否犯錯(cuò)，而通過(guò)快速點(diǎn)擊確認(rèn)提高操作效率（通常發(fā)生在老用戶上）。因此當(dāng)真有很重要的事情需要提醒用戶時(shí)，人們或許會(huì)忽視本次彈窗的內(nèi)容。

6.提供建議

用戶在打字”chanpin-產(chǎn)品”時(shí)，誤輸入”chabp”，但搜狗輸入法將產(chǎn)品作為首選項(xiàng)。鍵盤n附近的h，j，k，m都成為n的容錯(cuò)按鈕，都能得出”產(chǎn)品”。搜狗很好的包容了用戶犯錯(cuò)，并給出正確的引導(dǎo)。

注：彈窗提示用戶是最常見(jiàn)的建議提醒方式，但需要注意的是不僅要提醒用戶錯(cuò)誤，還要提供建議告知用戶怎么辦。如果只是純粹提醒用戶操作錯(cuò)誤，往往用戶不知道如何進(jìn)入下一步。

三、允許反悔

我們必須要承認(rèn)，無(wú)論我們?nèi)绾翁嵝眩脩暨€是會(huì)不停的犯錯(cuò)和失誤。如果犯錯(cuò)后無(wú)法挽回，用戶不僅將承擔(dān)較大的犯錯(cuò)成本，還會(huì)因?yàn)楹ε路稿e(cuò)不敢使用產(chǎn)品的功能。

例子1：當(dāng)你發(fā)一份工作郵件，剛發(fā)送后，發(fā)現(xiàn)郵件內(nèi)容有誤，點(diǎn)擊郵件撤回，可以修改后再次發(fā)送；微信2分鐘內(nèi)可撤回同理

例子2：當(dāng)手機(jī)誤刪了一些照片，可在最近刪除還能找回誤刪的照片

例子3：淘寶申請(qǐng)售后，還允許修改申請(qǐng)和撤銷申請(qǐng)

總結(jié)，在產(chǎn)品設(shè)計(jì)時(shí)要抱著用戶會(huì)犯錯(cuò)的心態(tài)，一方面要減少用戶犯錯(cuò)提高產(chǎn)品的流暢性，另一方面降低犯錯(cuò)成本鼓勵(lì)用戶使用產(chǎn)品。

本文由@小余同學(xué)原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議