案例 2     支付寶理財(cái)產(chǎn)品閱讀協(xié)議，在用戶勾選前一直會(huì)顯示「請(qǐng)勾選」，頁(yè)面的確定按鈕在協(xié)議簽署前為不可點(diǎn)擊狀態(tài)：

案例 3     用戶用 Gmail 寫(xiě)郵件時(shí)，可以設(shè)置郵件為「保密郵件」，收件人將無(wú)法進(jìn)行轉(zhuǎn)發(fā)、復(fù)制、下載或打印郵件；也可以設(shè)定保密郵件的可讀時(shí)間，到期后郵件內(nèi)容會(huì)自動(dòng)消失，來(lái)確保信息的保密性：

RULE 2 保險(xiǎn)

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

案例 1     微信轉(zhuǎn)賬，連續(xù)轉(zhuǎn)給好友同樣金額的兩筆錢(qián)，且第一筆好友未接收，系統(tǒng)會(huì)發(fā)出提醒，讓用戶再次確認(rèn)，避免重復(fù)打款：

案例 2     被從微信群踢出的用戶，如果再次申請(qǐng)加入該群，該群的管理員可以在申請(qǐng)中查看 ta 曾經(jīng)在群中的聊天記錄，判斷 ta 是否適合入群：

案例 3     在一些重要的決策或不可逆的操作行為中，二次彈窗確認(rèn)尤為常見(jiàn)。比如當(dāng)用戶在填寫(xiě)信息時(shí)點(diǎn)擊「作廢」，系統(tǒng)會(huì)給出提示讓用戶再次考慮：

RULE 3 標(biāo)示

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

案例 1     釘釘?shù)膱D片保存到本地的功能，做了很好的提示，下載過(guò)的圖片會(huì)帶有綠色的「對(duì)勾」，避免用戶多次重復(fù)保存圖片：

案例 2     微信發(fā)朋友圈的分組功能，你可以選擇「誰(shuí)可以看」和「誰(shuí)不可看」，可以看用的是綠色字，不可以看用的是紅色字，很易于區(qū)分，不用擔(dān)心會(huì)搞混或錯(cuò)用：

案例 3     釘釘?shù)臅?huì)議未按時(shí)參會(huì)的提醒，用紅色標(biāo)簽對(duì)時(shí)間進(jìn)行重點(diǎn)標(biāo)示：

案例 4     使用 Sketch 導(dǎo)出同名同格式的文件時(shí)，系統(tǒng)會(huì)在彈窗中將「取消」作為主按鈕的形式呈現(xiàn)，避免用戶因?yàn)橥浿孛采w之前的導(dǎo)出的同名文件：

案例 5     釘釘和阿里的出差系統(tǒng)打通，當(dāng)員工提交了出差申請(qǐng)，到了出差的那一天，釘釘上狀態(tài)會(huì)自動(dòng)切換成 「??出差中」，方便其他同事了解你的狀態(tài)：

案例 6     Google 的標(biāo)簽頁(yè)，可以被分組，標(biāo)記顏色和重命名，可以一定程度上緩解因標(biāo)簽頁(yè)開(kāi)得太多而找不到的情況：

案例 7     疫情期間，很多小區(qū)的大門(mén)僅供行人通行，只有個(gè)別大門(mén)是行人和車(chē)輛都可通行。高德地圖 App 會(huì)給每個(gè)小區(qū)的門(mén)標(biāo)注好通行權(quán)限，方便開(kāi)車(chē)的用戶選擇合適的門(mén)進(jìn)入小區(qū)，不過(guò)個(gè)人感覺(jué)這個(gè)信息可以標(biāo)注得更明顯一些：

RULE 4 警告

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

案例 1     在鐵路 12306 上購(gòu)票時(shí)，如果選的列車(chē)時(shí)間距離現(xiàn)在 1 小時(shí)內(nèi)，會(huì)彈出彈窗提示發(fā)車(chē)時(shí)間與現(xiàn)在較近，提醒用戶注意行程時(shí)間：

案例 2     京東 App 會(huì)在用戶使用移動(dòng)網(wǎng)絡(luò)播放的環(huán)境下，提示用戶注意流量損耗：

案例 3     上海的買(mǎi)菜 App 在疫情期間菜不好搶，盒馬會(huì)在你加購(gòu)每一件商品的過(guò)程中，都提示運(yùn)力不足，讓用戶再做考慮：

原文鏈接：長(zhǎng)弓小子（公眾號(hào)）

作者：元堯

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》案例錦囊｜交互設(shè)計(jì)中「防呆手法」的巧妙應(yīng)用！

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.lzhte.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司