編輯導(dǎo)語(yǔ)：用戶在操作、使用產(chǎn)品的過(guò)程中，也許難免會(huì)出現(xiàn)失誤，而失誤操作可能會(huì)降低用戶體驗(yàn)，導(dǎo)致用戶流失。因此，有效的提示便十分重要，通過(guò)提示，產(chǎn)品可以在一定程度上防止用戶操作失誤。具體應(yīng)該如何設(shè)計(jì)并提高用戶體驗(yàn)?本文作者就如何防止用戶操作失誤的設(shè)計(jì)策略做了梳理，一起來(lái)看一下。

一款好的產(chǎn)品，或者一個(gè)好的功能設(shè)計(jì)，都是能夠一眼就讓用戶明白能干什么，以及在哪里干什么和該怎么干，并且給到用戶及時(shí)的反饋。

但在操作過(guò)程中，用戶可不像我們那么理解產(chǎn)品，曾經(jīng)微信之父張小龍半開(kāi)玩笑地說(shuō)過(guò)，怎么快速成為一個(gè)小白用戶，喬布斯能在 1 秒，而馬化騰大概是 3 秒，自己大概是 5 秒。

對(duì)于我們平常在產(chǎn)品設(shè)計(jì)中，有的時(shí)候沒(méi)法做到普適性 100%標(biāo)準(zhǔn)好的時(shí)候，有些微小的提示或許能減少用戶操作失誤以及防止錯(cuò)誤發(fā)生，雖然不能讓使用產(chǎn)品者加分，但至少可以避免減分。好的設(shè)計(jì)或許能讓用戶在體驗(yàn)過(guò)程中對(duì)產(chǎn)品的體驗(yàn)印象加分，不過(guò)有時(shí)候一些提示也會(huì)用在促進(jìn)商業(yè)利益的增長(zhǎng)上，這個(gè)具體就得看每個(gè)不同產(chǎn)品要滿足什么樣的訴求了。

面向用戶操作時(shí)，如何給出好的提示，幫助用戶完成自己的目標(biāo)，可以通過(guò)建議、限制條件等方式來(lái)進(jìn)行提示和約束，不過(guò)具體設(shè)計(jì)因每個(gè)產(chǎn)品和使用場(chǎng)景不同而進(jìn)行設(shè)計(jì)，在這里大概羅列了防止用戶操作失誤的一些方式，可供參考。

彈窗提醒

彈窗提醒屬于稍微有點(diǎn)重的提醒方式，一般會(huì)比較慎用，在不得已而為之才會(huì)選擇彈窗提醒。所以當(dāng)用戶在輸入重要信息、或者確認(rèn)重要信息時(shí)，會(huì)選擇彈窗進(jìn)一步提醒，避免信息錯(cuò)誤而導(dǎo)致增加不必要的成本。隨著彈窗的應(yīng)用廣泛，現(xiàn)在很多平臺(tái)也會(huì)應(yīng)用在用戶退出、或者返回時(shí)進(jìn)行挽留。

當(dāng)我們?cè)谧?cè)賬戶信息，輸入重要信息時(shí)需要再次確認(rèn)，還有我們使用微信發(fā)了朋友圈，再點(diǎn)擊刪除時(shí)，系統(tǒng)會(huì)自動(dòng)拉起是否確認(rèn)刪除朋友圈的彈窗提醒”。

這種挽回提醒在拼多多 APP 我們能常見(jiàn)到，比如：“在拼多多下單未支付時(shí)選擇返回，系統(tǒng)會(huì)拉引導(dǎo)繼續(xù)支付的彈窗”，還有我們?cè)隗w驗(yàn)各種 APP 時(shí)，點(diǎn)擊退出時(shí)系統(tǒng)也相同的給出彈窗提示。

長(zhǎng)按識(shí)別驗(yàn)證

長(zhǎng)按識(shí)別現(xiàn)在應(yīng)用比較廣泛的是指紋識(shí)別，先是應(yīng)用在解鎖場(chǎng)景，再后面很多 APP 應(yīng)用開(kāi)始應(yīng)用在登錄以及支付驗(yàn)證。

除了指紋識(shí)別之外，還有現(xiàn)在的游戲平臺(tái)也會(huì)廣泛應(yīng)用，比如：“我們比較熟悉的王者榮耀，掌控方向時(shí)，我們?cè)诜较騾^(qū)域的位置，往上長(zhǎng)按是向前走，往左邊長(zhǎng)按是向左走，當(dāng)我們松開(kāi)手指后游戲里的角色就移動(dòng)了”。

長(zhǎng)按能進(jìn)入沉浸式體驗(yàn)，因?yàn)殚L(zhǎng)按屏幕時(shí)，用戶的注意力鎖定在屏幕，一般會(huì)應(yīng)用在比較重要的操作場(chǎng)景中，比如：“微信語(yǔ)音，需要長(zhǎng)按才能錄入講者的語(yǔ)音，松開(kāi)即結(jié)束”。

還有我們比較熟悉的微信讀書(shū)，當(dāng)停留在書(shū)中某個(gè)頁(yè)面長(zhǎng)按時(shí)，就可以對(duì)長(zhǎng)按位置的內(nèi)容進(jìn)行復(fù)制或者進(jìn)行標(biāo)注，如果我們只是點(diǎn)擊書(shū)中頁(yè)面內(nèi)容的時(shí)候會(huì)從頂部和底部展示書(shū)的介紹和評(píng)論想法的入口。

滑動(dòng)驗(yàn)證

當(dāng)手機(jī)來(lái)電時(shí)，我們滑動(dòng)即可接聽(tīng)。這個(gè)比較熟悉的就是蘋(píng)果手機(jī)，有的時(shí)候點(diǎn)擊也是可以接聽(tīng)，但有的時(shí)候是滑動(dòng)，當(dāng)我們的手機(jī)處于黑屏、沒(méi)有使用的時(shí)候，手機(jī)來(lái)電時(shí)，屏幕會(huì)以滑動(dòng)的方式才可接聽(tīng)。

如果手機(jī)放在口袋，只需要點(diǎn)擊即可接聽(tīng)，可能容易誤觸接聽(tīng)，而當(dāng)我們?cè)谑褂檬謾C(jī)時(shí)，如果這個(gè)時(shí)候來(lái)電，屏幕上會(huì)出現(xiàn)雙按鈕，接聽(tīng)和拒接。這是因?yàn)檫@個(gè)時(shí)候可能被打擾，那手機(jī)主人，可以選擇拒接或者接聽(tīng)。主要是看用戶的場(chǎng)景，沒(méi)有使用手機(jī)時(shí)滑動(dòng)方案可以防止用戶操作失誤。

這種滑動(dòng)方式應(yīng)該廣泛，很多平臺(tái)也會(huì)使用在新用戶注冊(cè)賬戶時(shí)驗(yàn)證使用，有些主要是防止用戶惡意驗(yàn)證行為，避免給平臺(tái)造成沒(méi)有必要的成本。

二次驗(yàn)證

二次驗(yàn)證會(huì)比較慎用，因?yàn)榻o用戶帶來(lái)的體驗(yàn)不好，有可能弄巧成拙，讓用戶放棄使用產(chǎn)品。

不過(guò)現(xiàn)在很多平臺(tái)在注冊(cè)時(shí)會(huì)選擇二次驗(yàn)證，比如：“之前 12306 為了防止黃牛黨刷票，就推出了二次圖片驗(yàn)證，還有很多平臺(tái)也會(huì)推出輸入驗(yàn)證碼后，還需要驗(yàn)證圖案或者計(jì)算圖片中的算術(shù)等等”。

有些平臺(tái)會(huì)用在比較嚴(yán)謹(jǐn)?shù)牟僮鞑襟E中，當(dāng)我們選擇解除支付平臺(tái)綁定的銀行卡賬號(hào)時(shí)，或者綁定賬號(hào)時(shí)，就需要二次驗(yàn)證，這種處于安全考慮，這個(gè)用戶如果犯錯(cuò)后帶來(lái)的風(fēng)險(xiǎn)成本較高。

通過(guò)條件限制進(jìn)行約束

通過(guò)條件限制用戶不一定是好事，但是有些操作行為是可以通過(guò)限制條件來(lái)幫助用戶預(yù)防錯(cuò)誤發(fā)生，有益于提升產(chǎn)品的體驗(yàn)。

舉個(gè)具體的例子，現(xiàn)在鐵路如此發(fā)達(dá)，我們逢年過(guò)節(jié)或者出差旅行時(shí)會(huì)進(jìn)行購(gòu)票，很多條件都是必選，有的人會(huì)在購(gòu)票時(shí)選擇往返行程。那往返行程最基本的條件就是，返程的時(shí)間肯定不可早于出行的時(shí)間，因此會(huì)對(duì)選擇返程時(shí)間進(jìn)行約束。

上圖為在 12306 官方選擇購(gòu)買(mǎi)往返票的時(shí)候，選擇返程時(shí)間對(duì)過(guò)早時(shí)間通過(guò)置灰的方式限制用戶點(diǎn)擊，避免操作失誤。

關(guān)聯(lián)提醒

關(guān)聯(lián)提醒應(yīng)用場(chǎng)景非常廣泛，最常見(jiàn)的是我們?cè)谥鲃?dòng)搜索一個(gè)關(guān)鍵詞時(shí)，會(huì)有相應(yīng)的關(guān)聯(lián)詞展示，這樣可以快速幫助我們找到自己想要的內(nèi)容，尤其是要搜索的關(guān)鍵詞越長(zhǎng)而關(guān)聯(lián)提醒就對(duì)用戶主動(dòng)搜索越有幫助。

不過(guò)關(guān)聯(lián)提醒除了用戶在搜索時(shí)展現(xiàn)出的關(guān)鍵詞關(guān)聯(lián)之外，現(xiàn)在很多電商平臺(tái)也會(huì)將這個(gè)功能應(yīng)用在用戶下單時(shí)的促銷利器，比如：“購(gòu)買(mǎi)了投影儀就會(huì)關(guān)聯(lián)推薦投影儀支架”。

在沃爾瑪有這么一組奇怪的關(guān)聯(lián)銷售數(shù)據(jù)，發(fā)現(xiàn)尿不濕和啤酒總是出現(xiàn)在一張購(gòu)物單上，感覺(jué)很困惑，通過(guò)調(diào)查發(fā)現(xiàn)，原來(lái)男性顧客在給孩子買(mǎi)尿不濕的時(shí)候總會(huì)買(mǎi)些啤酒，于是就在啤酒與尿布濕放在一塊，通過(guò)尿不濕很好的促進(jìn)啤酒的銷售。

我們常用的百度搜索功能，在搜索某個(gè)關(guān)鍵詞時(shí)，就會(huì)出現(xiàn)一些與關(guān)鍵詞相關(guān)的關(guān)聯(lián)詞，這樣有助于快速幫助用戶找到自己想要的內(nèi)容，避免輸入多次關(guān)鍵詞還未找到自己想要的內(nèi)容，而每一次搜索都是一次操作失誤。

在京東選擇一臺(tái)投影儀時(shí)，系統(tǒng)會(huì)進(jìn)行關(guān)聯(lián)推薦匹配的商品，投影幕布、投影儀架子等產(chǎn)品，以此來(lái)促進(jìn)周邊產(chǎn)品銷售，同時(shí)提高了單次訂單的金額。

默認(rèn)值提醒

默認(rèn)詞一般會(huì)用在搜索框內(nèi)，給予基本的提醒，其目的是能讓用戶快速找到想要的內(nèi)容，也有些平臺(tái)會(huì)用于做營(yíng)銷，比如：“現(xiàn)在的電商交易平，會(huì)在輸入框內(nèi)默認(rèn)給出平臺(tái)在做的優(yōu)惠活動(dòng)，其目的是希望用戶搜索，從而展示優(yōu)惠活動(dòng)頁(yè)面或者商品，以此來(lái)達(dá)到活動(dòng)曝光和商品售賣(mài)的目的”。

我們進(jìn)入到 12306 官網(wǎng)選擇退票或者改簽的時(shí)候，進(jìn)入到官網(wǎng)我們需要先查詢核對(duì)車票，在輸入關(guān)鍵詞一欄，通過(guò)默認(rèn)詞的提示，提前幫助用戶鎖定搜索范圍，避免輸入不相關(guān)的內(nèi)容導(dǎo)致操作失誤。

進(jìn)入京東商城平臺(tái)時(shí)，搜索框內(nèi)會(huì)默認(rèn)給出“默認(rèn)關(guān)鍵詞內(nèi)容，以此達(dá)到宣傳平臺(tái)優(yōu)惠活動(dòng)的目的”。

使用支付寶充值業(yè)務(wù)充值時(shí)，當(dāng)進(jìn)入到充值頁(yè)面，會(huì)在輸入電話號(hào)碼的位置顯示“默認(rèn)電話”，這樣可以減少用戶操作步驟，還能避免用戶輸入錯(cuò)誤的電話號(hào)碼。

空格排版

對(duì)于內(nèi)容比較密、或者相同內(nèi)容較多時(shí)，有規(guī)矩的空格間隙有助于用戶在閱讀時(shí)的體驗(yàn)，還能快速幫助用戶理解內(nèi)容，避免閱讀出錯(cuò)。

我們?cè)?jīng)有這樣的場(chǎng)景，面對(duì)很密的內(nèi)容點(diǎn)數(shù)時(shí)，特別不好清點(diǎn)，所以有的時(shí)候會(huì) 10 個(gè)或者 xx 個(gè)分成一隊(duì)時(shí)，數(shù)起來(lái)就容易多了。

當(dāng)使用微信支付綁定銀行卡時(shí)，除了會(huì)有支持銀行卡的提示之外，當(dāng)你在輸入銀行卡賬號(hào)時(shí)，系統(tǒng)會(huì)自動(dòng)幫你按照 4 個(gè)數(shù)字為一組進(jìn)行空格，以便與在閱讀時(shí)更好的識(shí)別具體數(shù)字。

自動(dòng)識(shí)別

自動(dòng)識(shí)別是當(dāng)用戶輸入一部分內(nèi)容后，系統(tǒng)就能做出判斷用戶輸入的內(nèi)容是什么，在旁邊做出一些提示暗示用戶，能提升用戶使用的體驗(yàn)，還可以提前識(shí)別錯(cuò)誤，避免重復(fù)性操作。

當(dāng)我們使用支付綁定銀行卡時(shí)，輸入到 10 位數(shù)字的時(shí)候，系統(tǒng)會(huì)自動(dòng)識(shí)別卡片類型，有效幫助用戶提前識(shí)別出，綁定的銀行是否正確，無(wú)需等到全部輸入完賬號(hào)之后再做判斷，這樣的話如果錯(cuò)了還得重新來(lái)一遍。

定位提醒

曾經(jīng)在 X 團(tuán)買(mǎi)菜做過(guò)一次特別尷尬的事情。因?yàn)閯偛乓郧俺Ｗ〉牡胤桨峒遥⑶以谛碌胤阶×艘欢螘r(shí)間，還用過(guò)好幾次 X 團(tuán)買(mǎi)菜，而這次由于在下班途中乘坐地鐵，打開(kāi) X 團(tuán)進(jìn)行買(mǎi)菜，剛好打開(kāi)那會(huì)是離以前住的地方近，系統(tǒng)就直接幫我定位到舊地址，最后下單時(shí)默認(rèn)了以前收貨地址，導(dǎo)致送的商品到了但是人不住那里。

對(duì)于定位提醒是基于手機(jī) GPS 定位系統(tǒng)來(lái)識(shí)別，提前幫助用戶識(shí)別地理位置進(jìn)行確認(rèn)提醒，就可以有效避免用戶瀏覽相應(yīng)的服務(wù)，有的時(shí)候到了最后環(huán)節(jié)發(fā)現(xiàn)城市不對(duì)，又得返回重新選擇城市，這樣增加用戶使用成本。

定位系統(tǒng)生活服務(wù)類平臺(tái)應(yīng)用特別廣泛，當(dāng)我們進(jìn)入支付寶首頁(yè)時(shí)，如果所在城市非系統(tǒng)定位到的城市，系統(tǒng)會(huì)自動(dòng)在頁(yè)面有一行切換提醒，這樣有效幫助用戶選擇當(dāng)?shù)爻鞘蟹?wù)，從而提升使用體驗(yàn)，避免使用失誤。

順序原理

順序原理現(xiàn)在也應(yīng)用非常廣泛，很多平臺(tái)也都會(huì)應(yīng)用在登錄時(shí)，以及輸入資料信息會(huì)進(jìn)行一步一步的引導(dǎo)，當(dāng)我們不操作完第一步時(shí)，就無(wú)法操作第二步，因此來(lái)引導(dǎo)用戶完成正確動(dòng)作。

當(dāng)我們登錄賬號(hào)輸入賬號(hào)和密碼時(shí)，或者輸入正確的數(shù)值之后，登錄和確認(rèn)的按鈕才會(huì)從灰色變成亮色。不過(guò)并不是所有的都是輸入絕對(duì)數(shù)值后才會(huì)將按鈕自動(dòng)改為亮色，比如：“輸入密碼時(shí)，一般都會(huì)輸入 1 位就會(huì)亮起，因?yàn)槿绻麆偤幂斎?6 位時(shí)，那密碼 6 位就會(huì)容易被泄漏”

進(jìn)入馬蜂窩 APP 登錄時(shí)，系統(tǒng)自動(dòng)驗(yàn)證 11 位數(shù)字的手機(jī)號(hào)碼后，獲取驗(yàn)證碼的按鈕才從灰色變成亮黃色且可點(diǎn)擊的按鈕。

自動(dòng)原理

自動(dòng)原理也可以理解為自動(dòng)校驗(yàn)或者是自動(dòng)填充，當(dāng)我們驗(yàn)證碼如果過(guò)長(zhǎng)，需要輸入 6 位時(shí)，有的時(shí)候一臺(tái)設(shè)備操作會(huì)有些許不便，當(dāng)系統(tǒng)自動(dòng)填充驗(yàn)證碼后，用戶只需要點(diǎn)擊確認(rèn)即可，能很好地提升用戶體驗(yàn)，幫助用戶省去輸入和查看驗(yàn)證碼的時(shí)間及步驟，還可避免輸入錯(cuò)誤導(dǎo)致驗(yàn)證失敗的場(chǎng)景。

不過(guò)現(xiàn)在很多應(yīng)用平臺(tái)直接走本機(jī)號(hào)碼號(hào)碼驗(yàn)證登錄，或者是第三方社交平臺(tái)驗(yàn)證登錄，省去了中間輸入環(huán)節(jié)。

當(dāng)我們進(jìn)入愛(ài)回收應(yīng)用平臺(tái)時(shí)，登錄方式直接默認(rèn)本機(jī)號(hào)碼登錄，而轉(zhuǎn)轉(zhuǎn)默認(rèn)微信登錄方式。

隔離原理

隔離原理也可以用另外兩種說(shuō)法，就是頁(yè)面層次分明和區(qū)域分割清晰，相同的內(nèi)容在一塊。不同內(nèi)容通過(guò)顏色對(duì)比、或者區(qū)域分割的方式進(jìn)行隔離，避免用戶在操作時(shí)失誤。

這種方式現(xiàn)在已經(jīng)應(yīng)用非常廣泛，很多平臺(tái)也會(huì)應(yīng)用在引導(dǎo)點(diǎn)擊，對(duì)一些認(rèn)為重要的信息或者按鈕，通過(guò)顏色加深，讓按鈕更加鮮明，以此達(dá)到吸睛的效果，最終讓用戶產(chǎn)生下一步操作行為。

當(dāng)我們使用香哈菜譜 APP 登錄賬號(hào)，在同意隱私信息時(shí)，同意的按鈕與不同意的按鈕區(qū)分非常明顯。

總結(jié)

我們盡可能在用戶操作時(shí)進(jìn)行助推，那些提醒的方式只能作為產(chǎn)品的兜底策略，因?yàn)橹剖窃谟脩舨僮鲿r(shí)完全執(zhí)行動(dòng)作或者執(zhí)行到一半時(shí)，從產(chǎn)品層面就給出提示，這時(shí)有助于產(chǎn)品體驗(yàn)加分。而提醒基本上是用戶付出了操作行為，系統(tǒng)檢查到錯(cuò)誤時(shí)給出反饋，這個(gè)時(shí)候用戶已經(jīng)付出成本，雖然有些好的提示，也可能會(huì)加分，但盡量在助推上下功夫。

提示也越來(lái)越商業(yè)化了，但最終還是看從長(zhǎng)期以及短期的 ROI 來(lái)評(píng)價(jià)，好的提示商業(yè)化，但是不影響用戶體驗(yàn)是非常恰到好處的操作，比如：“京東在輸入框內(nèi)通過(guò)默認(rèn)詞暗示用戶可以搜索正在進(jìn)行的優(yōu)惠活動(dòng)和商品”，而另一種強(qiáng)制的商業(yè)化提示可能會(huì)損害利益，讓用戶對(duì)產(chǎn)品體驗(yàn)減分，漸漸地失去用戶。

在設(shè)計(jì)產(chǎn)品中，還是應(yīng)該多站在用戶角度切身思考，這是一種超強(qiáng)的能力，得日復(fù)一日、年復(fù)一年持續(xù)不斷地思考和理解用戶。用戶會(huì)改變，好的產(chǎn)品是會(huì)迎合用戶，給足好的體驗(yàn)，從而實(shí)現(xiàn)長(zhǎng)期化的商業(yè)變現(xiàn)之路。