• <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <small id="ggggg"></small> <sup id="ggggg"></sup>
    <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <tfoot id="ggggg"></tfoot>
  • <nav id="ggggg"><cite id="ggggg"></cite></nav>
    <nav id="ggggg"></nav>
    成人黃色A片免费看三更小说,精品人妻av区波多野结衣,亚洲第一极品精品无码,欧美综合区自拍亚洲综合,久久99青青精品免费观看,中文字幕在线中字日韩 ,亚洲国产精品18久久久久久,黄色在线免费观看

    案例錦囊|交互設計中「防呆手法」的巧妙應用!

    2022-7-6    seo達人



    RULE 1 斷根

    「斷根」是指將發生錯誤的原因從根本上排除,不給用戶犯錯的機會。在交互設計中,最常見的設計方法就是使用置灰 / 禁用效果。

      案例 1    美團外賣對于在休息 / 暫不接單的店鋪,除了使用「休息中」的 Tag 進行標注,還使用置灰的效果,讓用戶對于店鋪營業情況一目了然,不會誤點進入:

    圖片

      案例 2     支付寶理財產品閱讀協議,在用戶勾選前一直會顯示「請勾選」,頁面的確定按鈕在協議簽署前為不可點擊狀態

    圖片

    案例 3     用戶用 Gmail 寫郵件時,可以設置郵件為「保密郵件」,收件人將無法進行轉發、復制、下載或打印郵件;也可以設定保密郵件的可讀時間,到期后郵件內容會自動消失,來確保信息的保密性:

    圖片

     

    RULE 2 保險

    「保險」是指按照順序運行兩個以上的動作才能完成操作,多加一步操作步驟,給用戶創造更多的思考機會和時間。在交互設計中的典型用法是增加彈窗、鏈接等形式提供更多信息,讓用戶進一步確認。

    案例 1     微信轉賬,連續轉給好友同樣金額的兩筆錢,且第一筆好友未接收,系統會發出提醒,讓用戶再次確認,避免重復打款:

    圖片

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

    圖片

    案例 3     在一些重要的決策或不可逆的操作行為中,二次彈窗確認尤為常見。比如當用戶在填寫信息時點擊「作廢」,系統會給出提示讓用戶再次考慮

    圖片

     

    RULE 3 標示

    「標示」是指運用線條粗細、形狀、顏色等區別以方便識別,提高易識別度。交互設計中多以顏色鮮亮的小色塊、圓點等進行示意。

    案例 1     釘釘的圖片保存到本地的功能,做了很好的提示,下載過的圖片會帶有綠色的「對勾」,避免用戶多次重復保存圖片:

    圖片

    案例 2     微信發朋友圈的分組功能,你可以選擇「誰可以看」和「誰不可看」,可以看用的是綠色字,不可以看用的是紅色字,很易于區分,不用擔心會搞混或錯用:

    圖片

    案例 3     釘釘的會議未按時參會的提醒,用紅色標簽對時間進行重點標示:

    圖片

    案例 4     使用 Sketch 導出同名同格式的文件時,系統會在彈窗中將「取消」作為主按鈕的形式呈現,避免用戶因為忘記重命名而覆蓋之前的導出的同名文件:

    圖片

    案例 5     釘釘和阿里的出差系統打通,當員工提交了出差申請,到了出差的那一天,釘釘上狀態會自動切換成 「??出差中」,方便其他同事了解你的狀態:

    圖片

    案例 6     Google 的標簽頁,可以被分組,標記顏色和重命名,可以一定程度上緩解因標簽頁開得太多而找不到的情況:

    圖片

    案例 7     疫情期間,很多小區的大門僅供行人通行,只有個別大門是行人和車輛都可通行。高德地圖 App 會給每個小區的門標注好通行權限,方便開車的用戶選擇合適的門進入小區,不過個人感覺這個信息可以標注得更明顯一些:

    圖片

     

    RULE 4 警告

    「警告」是指將不正常或即將要出問題的情況,通過顏色、燈光、聲音、動效等明顯、特殊的方式進行警告,提醒用戶及時修正錯誤。交互設計可以借鑒工業設計中的報警器等產品的功能,用彈窗、燈光和聲音等對用戶進行提示。

    案例 1     在鐵路 12306 上購票時,如果選的列車時間距離現在 1 小時內,會彈出彈窗提示發車時間與現在較近,提醒用戶注意行程時間:

    圖片

    案例 2     京東 App 會在用戶使用移動網絡播放的環境下,提示用戶注意流量損耗

    圖片

    案例 3     上海的買菜 App 在疫情期間菜不好搶,盒馬會在你加購每一件商品的過程中,都提示運力不足,讓用戶再做考慮:

    圖片

     

    原文鏈接:長弓小子(公眾號)

    作者:元堯

    轉載請注明:學UI網》案例錦囊|交互設計中「防呆手法」的巧妙應用!

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.lzhte.cn

    存檔

    主站蜘蛛池模板: 亚洲日韩精品一区二区三区无码| 超碰Av一区=区三区| av福利社| 香港三级日本三级三级人妇99| 久久人人爽人人爽人人片AV高请| 福利视频导航大全| 日本高清色WWW在线安全| 亚洲av永久无码精品漫画| 成人三级视频在线观看| 成年女人片免费视频播放A| 国产精品色婷婷在线观看| 国产肏屄视频| 国产自产精品青青草原| 国产无吗一区二区三区在线欢 | 国产精品亚洲婷婷99久久精品| jizz精品jizz中国jizz| 制服丝袜在线视频香蕉| 日本不卡免费新一区二区三区| 天天插天天干天天操| 足交网址| 日韩欧美一区二区久久| 色综合欧美在线视频区| 沂南县| 99热这里只有精品免费观看| 无码日韩做暖暖大全免费不卡| 狼群社区视频WWW| 久久综合九色综合欧美狠狠| 久久伊伊香蕉综合精品| 欧美一区二区午夜福利在线yw| 久久国内精品自在自线400部| 中文字幕在线观看国产双飞高清 | 在线国产毛片手机小视频| 奇米影视777在线视频| 蜜臀aⅴ永久无码一区二区| 精品国产杨幂在线观看福利| 欧美性大战久久久久XXX| 午夜成人网站| 亚洲午夜伦费影视在线观看| 中文字幕avdvd| 国产亚洲欧美日韩在线三区| 国产午夜免费羞羞视频在线观看|