“防呆設(shè)計(jì)”是什么？本篇文章作者將帶來(lái)防呆設(shè)計(jì)在交互設(shè)計(jì)的中的巧妙應(yīng)用案例二，大量錦囊妙計(jì)正在向你趕來(lái)！自動(dòng)、保險(xiǎn)、標(biāo)示、隔離、警告，五種常見(jiàn)的防呆設(shè)計(jì)手法，推薦對(duì)交互設(shè)計(jì)感興趣的童鞋閱讀。

「防呆設(shè)計(jì)」作為一種預(yù)防、矯正錯(cuò)誤行為的手法，常被用于交互設(shè)計(jì)中，讓用戶(hù)不需要花費(fèi)注意力就可以正確無(wú)誤地完成操作。本文分享五種常見(jiàn)的「防呆設(shè)計(jì)」手法和案例：

1. 自動(dòng)
2. 保險(xiǎn)
3. 標(biāo)示
4. 隔離
5. 警告

希望會(huì)為你帶來(lái)更多的設(shè)計(jì)靈感。

RULE 1 自動(dòng)

「自動(dòng)」是指運(yùn)用設(shè)備的結(jié)構(gòu)和原理，使功能自動(dòng)開(kāi)始或停止，減少用戶(hù)因遺忘造成的風(fēng)險(xiǎn)。

案例1

釘釘新增了消息“定時(shí)發(fā)送”功能。晚上編輯好內(nèi)容可以選擇明早定時(shí)發(fā)送，在不打擾同事的同時(shí)保證消息完成傳送；還可定時(shí)給同事、朋友發(fā)送生日、節(jié)日祝福等，避免你因?yàn)槊Χ韬?，錯(cuò)過(guò)朋友的重要時(shí)刻：

案例2

Cash App 會(huì)自動(dòng)識(shí)別銀行卡號(hào)、有效期、CVV 和郵編的位數(shù)。在用戶(hù)填寫(xiě)信息達(dá)到標(biāo)準(zhǔn)位數(shù)時(shí)，就會(huì)自動(dòng)跳入下一個(gè)輸入框，以減少用戶(hù)的點(diǎn)擊步驟。當(dāng)輸入完成 5 位的郵編時(shí)，鍵盤(pán)會(huì)自動(dòng)退出，給用戶(hù)一種“完成感”：

案例3

瀏覽器會(huì)保留用戶(hù)的瀏覽記錄，當(dāng)用戶(hù)再次填寫(xiě)首字母時(shí)，系統(tǒng)就會(huì)自動(dòng)填充瀏覽過(guò)的網(wǎng)站地址，減少用戶(hù)輸入錯(cuò)誤的可能性：

案例4

釘釘?shù)募t包功能，在領(lǐng)取紅包后，系統(tǒng)會(huì)自動(dòng)生成一些感謝話術(shù)，讓用戶(hù)選擇以表達(dá)感謝，既避免了不會(huì)說(shuō)漂亮話的尷尬，又可以活躍群里的氣氛：

RULE 2 保險(xiǎn)

「保險(xiǎn)」是指按照順序運(yùn)行兩個(gè)以上的動(dòng)作才能完成操作。多加一步操作，給用戶(hù)更多的思考機(jī)會(huì)和時(shí)間。典型用法是增加彈窗、鏈接等形式提供更多信息，讓用戶(hù)進(jìn)一步確認(rèn)。

案例1

餓了么的全能超市送貨時(shí)間為“半日達(dá)”（半天后送到），系統(tǒng)會(huì)在用戶(hù)下單時(shí)再次給出提示，告知用戶(hù)思考后下單：

案例2

使用招商銀行 App 連續(xù)兩次給同一個(gè)賬號(hào)轉(zhuǎn)賬相同數(shù)量的金額時(shí)，會(huì)給出“避免重復(fù)打款”的提示，讓用戶(hù)進(jìn)一步確認(rèn)：??

案例3

加微信群時(shí)，如果群內(nèi)人員有多次被舉報(bào)或違規(guī)的情況，會(huì)提示用戶(hù)保護(hù)個(gè)人隱私和財(cái)產(chǎn)安全，核實(shí)確認(rèn)后再加群：

案例 4

用百度搜索，檢索圖片不太令人舒適時(shí)，瀏覽器會(huì)幫助用戶(hù)先屏蔽圖片，提示用戶(hù)再次確認(rèn)是否要繼續(xù)查看：

RULE 3 標(biāo)示

「標(biāo)示」是指運(yùn)用形狀、顏色、加粗線條等區(qū)別以方便識(shí)別，提醒用戶(hù)注意。交互設(shè)計(jì)中多以顏色鮮亮的小色塊、圓點(diǎn)等樣式進(jìn)行示意。

案例1

餓了么 App 會(huì)幫助身體機(jī)能有缺陷的騎手做標(biāo)注，比如“我是溝通障礙騎士，請(qǐng)多多包涵”，讓用戶(hù)心里有預(yù)期，對(duì)騎手有關(guān)懷：

案例2

當(dāng)iOS 系統(tǒng)中的App 需要升級(jí)才能使用時(shí)，系統(tǒng)會(huì)在 App 名字前加一個(gè)小云朵的下載 icon， 提示用戶(hù)在閑暇時(shí)間點(diǎn)擊 App 更新，避免在緊急使用時(shí)因?yàn)楦露⒄`時(shí)間：

案例3

Figma 會(huì)檢測(cè)出英文的拼寫(xiě)錯(cuò)誤并進(jìn)行標(biāo)示，同時(shí)提供可能的正確拼寫(xiě)方式：

案例4

在疫情期間，使用高德地圖打車(chē)到機(jī)場(chǎng)，會(huì)提示該城市機(jī)場(chǎng)最新的防疫政策，避免用戶(hù)因?yàn)楹怂嵝畔⒍⒄`行程：

案例5

美團(tuán)打車(chē)會(huì)用明顯的標(biāo)示提醒用戶(hù)上車(chē)地點(diǎn)有“限停時(shí)間”，通知用戶(hù)快速就位：

案例6

微信群聊天設(shè)置“消息免打擾”，很可能會(huì)錯(cuò)過(guò)重要信息。微信可以在群聊設(shè)置中選擇“關(guān)注的群成員”，被你添加關(guān)注的群成員在群里發(fā)消息時(shí)，你就可以接到通知提醒：

RULE 4 隔離

「隔離」是指通過(guò)區(qū)域分隔或分離來(lái)保護(hù)某些區(qū)域，避免危險(xiǎn)或錯(cuò)誤。

案例1

買(mǎi)單吧 App 的用戶(hù)信息頁(yè)面，在錄屏的情況下會(huì)自動(dòng)做模糊處理，保護(hù)用戶(hù)隱私：?

案例 2

微信添加新朋友時(shí)，可以選擇標(biāo)簽給新朋友分組、設(shè)置權(quán)限。在朋友圈發(fā)了分組可見(jiàn)的內(nèi)容后，也提供修改分組的功能，有效保護(hù)用戶(hù)隱私：

RULE 5 警告

「警告」是指將不正常或即將出問(wèn)題的情況，通過(guò)顏色、燈光、聲音、動(dòng)效等明顯、特殊的方式進(jìn)行警告，提醒用戶(hù)及時(shí)修正錯(cuò)誤。交互設(shè)計(jì)可借鑒工業(yè)設(shè)計(jì)中的報(bào)警器功能，用彈窗、燈光和聲音對(duì)用戶(hù)進(jìn)行提示。

案例 1

釘釘會(huì)在你長(zhǎng)時(shí)間未讀某人的單聊消息時(shí)，再次發(fā)出通知提示，避免你錯(cuò)過(guò)重要消息：

案例 2

在淘票票購(gòu)買(mǎi)的電影票，如果距放映時(shí)間不到半小時(shí)，進(jìn)入淘票票就會(huì)有彈窗通知電影信息，還可通過(guò)彈窗直接取票，避免用戶(hù)錯(cuò)過(guò)觀影時(shí)間：

案例 3

吉飲咖啡包裝底部的墊空是為了給產(chǎn)品做緩沖，不應(yīng)該被打開(kāi)。但如果用戶(hù)一不小心開(kāi)錯(cuò)了方向，就會(huì)發(fā)現(xiàn)文字說(shuō)明，溫馨提示用戶(hù)開(kāi)錯(cuò)了方向：

還沒(méi)看夠？你還可以閱讀這些內(nèi)容：

案例丨交互設(shè)計(jì)中的「防呆」案例（一）