• <center id="sm46c"></center>
  • <dfn id="sm46c"></dfn>
  • <strike id="sm46c"></strike>
  • <cite id="sm46c"><source id="sm46c"></source></cite>
    • <strike id="sm46c"><source id="sm46c"></source></strike>
      <option id="sm46c"></option>
      国产精品天天看天天狠,女高中生强奷系列在线播放,久久无码免费的a毛片大全,国产日韩综合av在线,亚洲国产中文综合专区在,特殊重囗味sm在线观看无码,中文字幕一区二区三区四区在线,无码任你躁久久久久久老妇蜜桃

      不同場景下【用戶提示】的設計原則

      2021-4-22    濤濤

      不同場景下用戶提示的設計原則


      什么是提示?提示,指給予題型和解釋。提示指啟示;提起注意。映射到現實生活中,教學樓“請保持安靜”、廁所的標示提示、飯店里禁止吸煙的牌子都是提示,是用來提醒人們注意自己的語言、行為


      根據不同到使用場合這里梳理了5中提示操作的使用控件:分別是彈框提示、常駐提示、通知、全局提示、徽標提示,這五種提示方式承載的信息量、優先級和用戶操作場景各有不同


      下面分別介紹這5種提示控件的使用場景:


      一、彈框提示Modal


      使用場景:

      需要用戶處理事務,又不希望跳轉頁面以致打斷工作流程時,可以使用在當前頁面正中打開一個浮層,承載相應的操作。

      另外當需要一個簡潔的確認框詢問用戶時,能夠讓用戶清晰的知道自己的操作,并且進行二次確認



      設計原則:

      聚焦:使用戶集中注意力確保任務得到解決,對話框一旦出現,應當呈現在頁面上方的視覺層。

      清晰:對話框應直接展示信息,并帶有相關或上下文信息響應用戶任務或操作。


      控件類型:

      1、功能對話框:

      • 除標題、純文本內容和按鈕外,還需要承載更多復雜信息時

      • 可配置單選框、復選框、列表、穿梭框、圖片、頭像、插畫、視頻等

      2、通知對話框:

      • 用于警示、緊急、或簡單的二次彈窗確認。

      • 按鈕文案需承接上下文表述,并準確引導用戶行為,如“確定”、“取消”、“刪除”。

      • 簡單的消息提醒時或不可返回的操作,只提供一個按鈕用于關閉,如“知道了”“刷新”。

      3、選項對話框

      • 內容不足以構成單獨頁面或不希望跳轉新頁面的對話框,多使用于搜索、設置、內容選擇;

      • 需要完成的一系列任務操作,被選擇后立即生效,無需進行確定反饋; 



      二、常駐提示 Notice


      使用場景:

      常駐提示是一種非阻礙式的信息展示,它不打斷用戶的當前操作,一般停留至頁面某個位置(優先頂部),非浮層的靜態展現形式,始終展現,不會自動消失,用戶可以點擊關閉。


      設計原則:

      直接:當前頁面需要向用戶顯示需要關注的信息時,常駐提示顯示,要求用戶立即注意;

      重點:常駐提示引起用戶注意,以確保其內容得到解決。


      控件類型:

      常駐提示屬性包括常規提示、成功提示、警示提示、錯誤提示四種。

      普通提示:建議用于展示背景條件、政策信息、規范要求、當前狀態等客觀內容。

      成功提示:建議用于展示已完成操作的成功狀態。

      警告提示:建議用于展示可能會導致某種后果的警示性文本。

      錯誤提示:建議用于展示一個信息組的報錯文本,如表單中同時滿足幾個條件時觸發整體報錯,可用此樣式。



      三、通知Notification


      使用場景:

      在系統四個角顯示通知提醒信息。經常用于以下情況:

      • 較為復雜的通知內容。

      • 帶有交互的通知,給出用戶下一步的行動點。

      • 系統主動推送。

      設計原則:

      提示文本內容以及交互方式盡量準確、清晰、簡明,保證用戶在其消息自動消失前了解提示信息或做出交互。


      控件類型:

      1、基礎樣式:分為基礎文字通知、基礎文字通知(帶操作)

      2、根據業務需要在區域內填充內容或操作類組件的通知。



      四、全局提示toast/ Message


      使用場景:

      通常出現時顯示幾秒后自動消失,或者數據正在加載時顯示,提醒用戶已經完成的動作,或者已經達成的目的,是用戶完成動作后或者異常情況下的提示(pc端叫 Message,移動端叫toast實質上都是全局提示是一個控件)


      設計原則:

      在不跳轉頁面打斷用戶工作流程的前提下,提供成功、警告和錯誤等反饋信息。不打斷用戶操作


      控件類型:

      1、刷新頁面時,提示更新的條數:

      2、收藏或者其他操作,提示用戶操作成功:



      五、徽標提示 Badge


      使用場景:

      紅點、數字或文字,一般出現在通知圖標或頭像的右上角,用于顯示需要處理的消息條數,通過醒目視覺形式吸引用戶處理。


      設計原則:

      跨平臺:可適用于 Windows/macOS/iOS/Android 平臺的所有套件產品,為產品提供一致的設計體驗,使用戶在不同端使用產品時,都可以擁有流暢高效的使用體驗。

      直觀:通過清晰醒目的視覺形式告知用戶狀態,吸引用戶關注和處理。


      控件類型

      1、點狀徽標

      當功能模塊更新、信息狀態為未讀、人員在線協同、信息量變化且無需告知具體數量或性質時,使用點狀徽標突出狀態

      2、字符徽標

      內容的信息量發生變化,且需要明確告知新增數量時

      3、圖標徽標

      在某些功能場景中,作為特殊狀態提示使用

      4、角標徽標

      通常出現在列表、卡片上,強調和突出其特殊狀態,其主要作用是標記,或吸引用戶的注意力,提示用戶關注該事物或事件



      總結

      簡單的總結,并不是非常全面,還有很多需要繼續挖掘的技巧,還有很多需要學習的東西;有一點能夠肯定的是,要從實際的用戶場景中去考慮問題,用戶體驗就必須站在用戶的角度,不能為了設計上的美感,而讓增加用戶學習成本,好的體驗應該就是用戶一眼就能看懂,操作簡便。




      文章來源:站酷  作者:郭大毛


      藍藍設計www.li-bodun.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務



      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://www.li-bodun.cn

      存檔

      主站蜘蛛池模板: 亚洲九九视频| 91啪在线| 蜜芽国产尤物av尤物在线看| 88久久精品无码一区二区毛片| 国产一区二区三区免费观看在线 | 国产免费午夜福利蜜芽无码 | 亚洲成a人片在线观看88| 狠狠躁狠狠躁东京热无码专区| 亚洲天天堂天堂激情性色| 亚洲综合激情另类专区| 成人综合在线观看| 欧美高清视频一区| 成人无码视频97免费| 亚洲欧洲日韩国内高清| 亚洲日本中文字幕乱码中文| 亚洲av日韩av综合aⅴxxx| 亚洲处破女AV日韩精品| 99精品人妻少妇一区二区| 国产线播放免费人成视频播放 | 无码国模国产在线观看免费| 色悠久久久久久久综合网伊人| 一卡二卡三卡四卡视频区| 青青草国产免费国产是公开| 日本精品一区二区三本中文| 久久亚洲道色宗和久久| 亚洲精品www久久久久久| 曰韩a∨无码一区二区三区| 国产亚洲真人做受在线观看| 国产精品人妻一码二码尿失禁| 精品国产亚洲一区二区三区| av无码东京热亚洲男人的天堂| 国产精品岛国久久久久| 无码帝国www无码专区色综合| 亚洲国产精品一区二区成人片| 国产精品久久久久免费观看| 日韩人妻一区中文字幕| 18禁超污无遮挡无码网址| 午夜DY888国产精品影院| 久久精品一品道久久精品9 | 亚洲 欧美 另类图片| 国产福利酱国产一区二区|