RULE 1 斷根
「斷根」是指將發(fā)生錯誤的原因從根本上排除，不給用戶犯錯的機會。在交互設計中，最常見的設計方法就是使用置灰 / 禁用效果。
案例 1 美團外賣對于在休息 / 暫不接單的店鋪，除了使用「休息中」的 Tag 進行標注，還使用置灰的效果，讓用戶對于店鋪營業(yè)情況一目了然，不會誤點進入：
案例 2 支付寶理財產(chǎn)品閱讀協(xié)議，在用戶勾選前一直會顯示「請勾選」，頁面的確定按鈕在協(xié)議簽署前為不可點擊狀態(tài)：
案例 3 用戶用 Gmail 寫郵件時，可以設置郵件為「保密郵件」，收件人將無法進行轉(zhuǎn)發(fā)、復制、下載或打印郵件；也可以設定保密郵件的可讀時間，到期后郵件內(nèi)容會自動消失，來確保信息的保密性：
RULE 2 保險
「保險」是指按照順序運行兩個以上的動作才能完成操作，多加一步操作步驟，給用戶創(chuàng)造更多的思考機會和時間。在交互設計中的典型用法是增加彈窗、鏈接等形式提供更多信息，讓用戶進一步確認。
案例 1 微信轉(zhuǎn)賬，連續(xù)轉(zhuǎn)給好友同樣金額的兩筆錢，且第一筆好友未接收，系統(tǒng)會發(fā)出提醒，讓用戶再次確認，避免重復打款：
案例 2 被從微信群踢出的用戶，如果再次申請加入該群，該群的管理員可以在申請中查看 ta 曾經(jīng)在群中的聊天記錄，判斷 ta 是否適合入群：
案例 3 在一些重要的決策或不可逆的操作行為中，二次彈窗確認尤為常見。比如當用戶在填寫信息時點擊「作廢」，系統(tǒng)會給出提示讓用戶再次考慮：
RULE 3 標示
「標示」是指運用線條粗細、形狀、顏色等區(qū)別以方便識別，提高易識別度。交互設計中多以顏色鮮亮的小色塊、圓點等進行示意。
案例 1 釘釘?shù)膱D片保存到本地的功能，做了很好的提示，下載過的圖片會帶有綠色的「對勾」，避免用戶多次重復保存圖片：
案例 2 微信發(fā)朋友圈的分組功能，你可以選擇「誰可以看」和「誰不可看」，可以看用的是綠色字，不可以看用的是紅色字，很易于區(qū)分，不用擔心會搞混或錯用：
案例 3 釘釘?shù)臅h未按時參會的提醒，用紅色標簽對時間進行重點標示：
案例 4 使用 Sketch 導出同名同格式的文件時，系統(tǒng)會在彈窗中將「取消」作為主按鈕的形式呈現(xiàn)，避免用戶因為忘記重命名而覆蓋之前的導出的同名文件：
案例 5 釘釘和阿里的出差系統(tǒng)打通，當員工提交了出差申請，到了出差的那一天，釘釘上狀態(tài)會自動切換成 「??出差中」，方便其他同事了解你的狀態(tài)：
案例 6 Google 的標簽頁，可以被分組，標記顏色和重命名，可以一定程度上緩解因標簽頁開得太多而找不到的情況：
案例 7 疫情期間，很多小區(qū)的大門僅供行人通行，只有個別大門是行人和車輛都可通行。高德地圖 App 會給每個小區(qū)的門標注好通行權(quán)限，方便開車的用戶選擇合適的門進入小區(qū)，不過個人感覺這個信息可以標注得更明顯一些：
RULE 4 警告
「警告」是指將不正常或即將要出問題的情況，通過顏色、燈光、聲音、動效等明顯、特殊的方式進行警告，提醒用戶及時修正錯誤。交互設計可以借鑒工業(yè)設計中的報警器等產(chǎn)品的功能，用彈窗、燈光和聲音等對用戶進行提示。
案例 1 在鐵路 12306 上購票時，如果選的列車時間距離現(xiàn)在 1 小時內(nèi)，會彈出彈窗提示發(fā)車時間與現(xiàn)在較近，提醒用戶注意行程時間：
案例 2 京東 App 會在用戶使用移動網(wǎng)絡播放的環(huán)境下，提示用戶注意流量損耗：
案例 3 上海的買菜 App 在疫情期間菜不好搶，盒馬會在你加購每一件商品的過程中，都提示運力不足，讓用戶再做考慮：
原文鏈接：長弓小子（公眾號）
作者：元堯