案例 2 支付寶理財產(chǎn)品閱讀協(xié)議,在用戶勾選前一直會顯示「請勾選」,頁面的確定按鈕在協(xié)議簽署前為不可點擊狀態(tài):
案例 3 用戶用 Gmail 寫郵件時,可以設(shè)置郵件為「保密郵件」,收件人將無法進行轉(zhuǎn)發(fā)、復(fù)制、下載或打印郵件;也可以設(shè)定保密郵件的可讀時間,到期后郵件內(nèi)容會自動消失,來確保信息的保密性:
RULE 2 保險
「保險」是指按照順序運行兩個以上的動作才能完成操作,多加一步操作步驟,給用戶創(chuàng)造更多的思考機會和時間。在交互設(shè)計中的典型用法是增加彈窗、鏈接等形式提供更多信息,讓用戶進一步確認(rèn)。
案例 1 微信轉(zhuǎn)賬,連續(xù)轉(zhuǎn)給好友同樣金額的兩筆錢,且第一筆好友未接收,系統(tǒng)會發(fā)出提醒,讓用戶再次確認(rèn),避免重復(fù)打款:
案例 2 被從微信群踢出的用戶,如果再次申請加入該群,該群的管理員可以在申請中查看 ta 曾經(jīng)在群中的聊天記錄,判斷 ta 是否適合入群:
案例 3 在一些重要的決策或不可逆的操作行為中,二次彈窗確認(rèn)尤為常見。比如當(dāng)用戶在填寫信息時點擊「作廢」,系統(tǒng)會給出提示讓用戶再次考慮:
RULE 3 標(biāo)示
「標(biāo)示」是指運用線條粗細(xì)、形狀、顏色等區(qū)別以方便識別,提高易識別度。交互設(shè)計中多以顏色鮮亮的小色塊、圓點等進行示意。
案例 1 釘釘?shù)膱D片保存到本地的功能,做了很好的提示,下載過的圖片會帶有綠色的「對勾」,避免用戶多次重復(fù)保存圖片:
案例 2 微信發(fā)朋友圈的分組功能,你可以選擇「誰可以看」和「誰不可看」,可以看用的是綠色字,不可以看用的是紅色字,很易于區(qū)分,不用擔(dān)心會搞混或錯用:
案例 3 釘釘?shù)臅h未按時參會的提醒,用紅色標(biāo)簽對時間進行重點標(biāo)示:
案例 4 使用 Sketch 導(dǎo)出同名同格式的文件時,系統(tǒng)會在彈窗中將「取消」作為主按鈕的形式呈現(xiàn),避免用戶因為忘記重命名而覆蓋之前的導(dǎo)出的同名文件:
案例 5 釘釘和阿里的出差系統(tǒng)打通,當(dāng)員工提交了出差申請,到了出差的那一天,釘釘上狀態(tài)會自動切換成 「??出差中」,方便其他同事了解你的狀態(tài):
案例 6 Google 的標(biāo)簽頁,可以被分組,標(biāo)記顏色和重命名,可以一定程度上緩解因標(biāo)簽頁開得太多而找不到的情況:
案例 7 疫情期間,很多小區(qū)的大門僅供行人通行,只有個別大門是行人和車輛都可通行。高德地圖 App 會給每個小區(qū)的門標(biāo)注好通行權(quán)限,方便開車的用戶選擇合適的門進入小區(qū),不過個人感覺這個信息可以標(biāo)注得更明顯一些:
RULE 4 警告
「警告」是指將不正?;蚣磳⒁鰡栴}的情況,通過顏色、燈光、聲音、動效等明顯、特殊的方式進行警告,提醒用戶及時修正錯誤。交互設(shè)計可以借鑒工業(yè)設(shè)計中的報警器等產(chǎn)品的功能,用彈窗、燈光和聲音等對用戶進行提示。
案例 1 在鐵路 12306 上購票時,如果選的列車時間距離現(xiàn)在 1 小時內(nèi),會彈出彈窗提示發(fā)車時間與現(xiàn)在較近,提醒用戶注意行程時間:
案例 2 京東 App 會在用戶使用移動網(wǎng)絡(luò)播放的環(huán)境下,提示用戶注意流量損耗:
案例 3 上海的買菜 App 在疫情期間菜不好搶,盒馬會在你加購每一件商品的過程中,都提示運力不足,讓用戶再做考慮:
原文鏈接:長弓小子(公眾號)
作者:元堯
轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》案例錦囊|交互設(shè)計中「防呆手法」的巧妙應(yīng)用!
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司