什么樣的錯(cuò)誤提示設(shè)計(jì)才能達(dá)到良好的用戶體驗(yàn)？作者結(jié)合自身的案例對此提出了一些思考，一起來看看吧。

如果生活中缺少了撕逼，就如同夫妻間缺少了性生活

這段時(shí)間我沒和高級PM高老師撕逼，原因是他最近在搞數(shù)據(jù)建模&未來的數(shù)據(jù)架構(gòu)工作，所以我就做了一段時(shí)間安靜的美男子。可惜，好景不長，我又開始和本家的開發(fā)懟起來了。我們兩在郵件里一來一回的列出對方觀點(diǎn)的不妥之處……可是這不公平啊！哥的二指禪打字速度很慢的，如果繼續(xù)下去那我肯定不會(huì)贏得最后的勝利。最終，我還是決定當(dāng)面和他討論一下這個(gè)問題：

程老師：我覺得點(diǎn)擊不報(bào)錯(cuò)，不給用戶響應(yīng)就好了。

我：用戶誤操作，就讓用戶在那干瞪眼嗎？

程老師：界面這么大的頁面提示，如果再給他進(jìn)行錯(cuò)誤提示，那不是多余的？

我：這樣的產(chǎn)品未免太高冷了吧？

程老師：你要提示也可以，這么多異常情況你去把場景詳細(xì)異常都列出來吧，這樣測試同事寫用例就麻煩了。

想著剛把噴我的測試同學(xué)安撫好，我小腿一抖。無奈之下，只好將此按鈕在另一種模式進(jìn)行了置灰（默認(rèn)不可點(diǎn)擊）的設(shè)計(jì)，于是這次關(guān)于異常提示的紛爭告于段落。一周下來，我反復(fù)思考著關(guān)于提示的問題，產(chǎn)品設(shè)計(jì)過程中不可能將所有的按鈕都置灰吧？既然提示不能顯得多余，那該如何進(jìn)行設(shè)計(jì)呢？就以錯(cuò)誤報(bào)錯(cuò)為例，我開始在紙上推演起來了：

操作錯(cuò)誤有四種提示：

1、高冷型——不提示；

2、潑辣型——提示“錯(cuò)誤”；

3、溫柔型——提示如何錯(cuò)誤，如：“你如輸入的密碼不正確”；

4、賢淑型——提示如何錯(cuò)誤，并引導(dǎo)正確的操作，如：“請重新輸入密碼（密碼框順便還爆紅一下）”。

看到這里，你應(yīng)該會(huì)選擇4。好吧，你是典型的大男子主義。要是我……我也會(huì)選擇4^_^

賢淑類型的不一定就好

以目前的大數(shù)據(jù)能力，除了在好萊塢大片里，很少有軟件能夠讀懂用戶的心思。所以在一個(gè)選擇項(xiàng)多的頁面里，是很難知曉用戶到底是要進(jìn)行哪項(xiàng)任務(wù)！在理想狀態(tài)下我們可以根據(jù)用戶所在的環(huán)節(jié)（頁面），判斷用戶的操作動(dòng)機(jī)，來給予用戶相應(yīng)的提示方式。但是在現(xiàn)實(shí)場景中，系統(tǒng)不可能準(zhǔn)確地判斷用戶到底是誤操作，還是就是愿意這樣操作？也不可能知曉用戶進(jìn)行的任務(wù)時(shí)正確的，還是錯(cuò)誤的？如果此時(shí)一個(gè)用戶是誤操作的，而且還進(jìn)入一個(gè)錯(cuò)誤的任務(wù)中，那賢淑型的提示就是助紂為孽哇！你這不是成心將用戶往坑里帶嗎？

那么此時(shí)你應(yīng)該又會(huì)有新的疑問了：到底哪種類型是好的？那你估計(jì)和我當(dāng)初一樣，掉進(jìn)了死胡同里了。

防錯(cuò)在先，容錯(cuò)在后

先給大家看看我今天剛畫好的一張思維導(dǎo)圖吧，我用了好幾天時(shí)間思考，整理了幾大條件下的提示方式（圖標(biāo)反映出這種提示方式給用戶造成的情緒反應(yīng)）：

由上圖可知，潑辣型的考慮都不要考慮，我們就應(yīng)該pass掉（妹紙們請勿對號入座）。作為面向用戶操作環(huán)節(jié)的產(chǎn)品，這種太直接的方式是不可取的，除非有一些特殊場景。比如，闖關(guān)游戲過程中，你回答錯(cuò)了，它啪嘰一下提示”錯(cuò)誤”!

所以百分百的戳中用戶是不可能的，最好的方法不是研究更好的提示用戶——即容錯(cuò)、人性化幫助的原則是在不可避免犯錯(cuò)時(shí)才采取的下策。我們要保證最先優(yōu)化好防錯(cuò)，避免用戶在操作時(shí)出現(xiàn)錯(cuò)誤、遺漏、重復(fù)等操作，這才是我們要去深刻思考的（我也在學(xué)習(xí)過程中）。

我的設(shè)計(jì)案例

如果，我們已經(jīng)最大化的完成了防錯(cuò)設(shè)置，那么我們就要好好的思考正確的提示方式&樣式了。根據(jù)思維導(dǎo)圖我們得知，告知用戶如何操作是幾種方式中比較不錯(cuò)的選擇：

就以我司產(chǎn)品為例，我們有兩種操作方式“按貨位選擇”&“按商品選擇”兩種方式（簡介：在一個(gè)頁面中，有模式的選擇項(xiàng)?！鞍簇浳贿x擇”的模式僅支持選擇貨位，“按商品選擇”的模式僅支持選擇商品）。系統(tǒng)無法判斷用戶是誤操作還是用戶想繼續(xù)進(jìn)行此操作，當(dāng)在“按貨位選擇”模式下掃描（選擇）商品條碼時(shí)，那比較不錯(cuò)的體驗(yàn)就應(yīng)該出現(xiàn)如下彈窗：

再次優(yōu)化說明一下，點(diǎn)擊“確定”關(guān)閉彈窗；點(diǎn)擊“進(jìn)入‘按商品選擇’模式”直接切換至“按商品選擇”模式。此次掃描商品的操作，繼續(xù)應(yīng)用于切換后的模式——即自動(dòng)切換模式后，無需再次掃描商品。

你是不是覺得這個(gè)方案很完美？我還是希望你們來噴我，指出其中的不足。世上沒有完美的方案，只有適應(yīng)某類產(chǎn)品的最佳方案。

高冷型也會(huì)成為最有方案

玩過LOL（英雄聯(lián)盟）的童鞋都知道，你敲擊除了Q、W、E、R、D、F之外的按鍵之外，都會(huì)發(fā)生“啪啪啪”的聲音，錯(cuò)了，是“嗤嗤嗤”的聲音。這個(gè)案例有些牽強(qiáng)，畢竟音效也是一種交互。但是在游戲過程中并沒有因?yàn)槟泓c(diǎn)擊錯(cuò)誤總是出現(xiàn)彈窗，否則你就要砸鍵盤了！

作者：兮兮，微信公眾號：孤身旅人（ID：gushenlvren），頭條號：兮兮說。

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