国产性猛交xx乱_性色国产成人久久久精品_亚洲成年人av_亚洲av片不卡无码久久_日本精品一二三_久久免费精品国产_欧美成人精品一区二区综合免费_无码人妻丰满熟妇区毛片蜜桃精品_四虎永久免费影院_国产一区二区三区四区在线

常見的B端彈窗樣式設計總結

2024-5-21    鶴鶴

B 端產品的業務場景通常比 C 端更為復雜,因此在進行產品設計時對信息的處理方式也需要根據不同的業務場景進行設計。今天主要聊一下 B 端產品設計中彈窗設計。
常見的B端彈窗樣式設計總結
 
 
彈窗的定義
彈窗是展現在用戶操作界面之上的容器,在 X 軸和 Y 軸的平行空間之上擴展了頁面的高度。是系統與用戶之間建立聯系非常重要的組成部分。它通常在用戶進行特定操作或訪問特定頁面功能時彈出,目的是向用戶展示某些信息、提供選擇或執行某些操作。
 
彈窗使用場景
  1.  
    需要呈現的內容篇幅相對較少。
  2.  
    常用于針對某些內容進行補充說明、需要用戶處理關鍵信息、重要的警告提示等。
  3.  
    通常是由系統觸發(用戶被動接受)。
  4.  
    彈窗整體高度和寬度不做絕對的標準或規定,可以根據內容篇幅的多少和視覺的平衡度來確定,整體規范保持一致即可。
 
總體概括為簡單和復雜兩個場景。
 
一、場景簡單
場景簡單包括:全局提示、氣泡確認框、警告提示、通知提醒框,通常是操作確認和系統內部自動觸發性提示時使用。
 
1. 全局提示
以 toast 提示居多,通常在頁面中間偏上的位置。
常見的B端彈窗樣式設計總結
 
 
 
2. 氣泡提示
用于解釋難理解的功能名詞或者由于版面限制文字展示不完,利用氣泡來展示。
常見的B端彈窗樣式設計總結
 
 
 
3. 警告提示
用于重點內容的警告提醒,降低用戶犯錯概率,提升用戶的使用體驗。
常見的B端彈窗樣式設計總結
 
 
 
4. 提示性通知彈窗:
位置相對固定,通常出現在需要介紹說明的功能旁邊或者居頁面中間展示。
例如,當系統發生重要更新維護或者重點功能引導時,可以顯示一個提示性通知彈窗,告知用戶當前狀態。
類型主要包括以下三種:
常見的B端彈窗樣式設計總結
 
 
常見的B端彈窗樣式設計總結
 
 
常見的B端彈窗樣式設計總結
 
 
 
舉例:
有贊后臺頁面
有贊后臺頁面
 
 
 
二、場景復雜
1. 場景復雜|全屏彈窗
常見的B端彈窗樣式設計總結
 
 
 
新開頁簽(瀏覽器)
常見的B端彈窗樣式設計總結
 
 
為什么是全屏彈窗,而不是頁簽?
全屏彈窗功能和頁面相似,之所以使用全屏彈窗作為頁面載體,原因就是對原觸發頁面的使用和關注并沒有結束,編輯完成后需要快速關閉當前窗口并返回到原來的頁面中去,數據可以做到實時同步。如果用新頁簽打開,則會對數據同步造成隔斷,需要二次打開頁面。頁簽是瀏覽器新開窗口,通常用于不同功能的展示。
 
 
2. 場景復雜|非全屏彈窗
①中間彈窗·純文本
確認彈窗:用于向用戶確認某個操作或決策,通常包含確認和取消兩個按鈕。例如,當用戶點擊刪除按鈕時,可以顯示一個確認彈窗,詢問用戶是否確定刪除。
常見的B端彈窗樣式設計總結
 
 
 
②中間彈窗·下拉框
下拉框:后臺將全部數據返回,下拉展示全部內容,方便用戶快捷查詢。
常見的B端彈窗樣式設計總結
 
 
 
③中間彈窗·文本輸入
文本輸入:通常用于備注等說明性內容的填寫。
常見的B端彈窗樣式設計總結
 
 
 
④中間彈窗·選擇器
包括單選和復選兩種類型,下圖以單選框舉例。
常見的B端彈窗樣式設計總結
 
 
 
⑤中間彈窗·步驟條
常見的B端彈窗樣式設計總結
 
 
 
⑥中間彈窗·多內容組合
常見的B端彈窗樣式設計總結
 
 
 
⑦中間彈窗·左右穿梭框
穿梭框左側通常會有分頁,為了防止用戶對已選內容造成遺忘,右側框展示已選內容進行二次核對。
常見的B端彈窗樣式設計總結
 
 
 
⑧中間彈窗·上下穿梭框
常見的B端彈窗樣式設計總結
 
 
 
舉例:
常見的B端彈窗樣式設計總結
 
 
 
3. 場景復雜|抽屜
抽屜呈現的內容篇幅介于彈窗和頁面之間,通常居右側展示。
 
①抽屜·純文本
通常展示較大篇幅的說明性內容。
常見的B端彈窗樣式設計總結
 
 
 
②抽屜·橫向 tab
通常展示同一大類下,不同分類的信息內容。比如全部消息、已讀、未讀等。
常見的B端彈窗樣式設計總結
 
 
 
③抽屜·縱向 tab
常見的B端彈窗樣式設計總結
 
 
 
④抽屜·多內容結合
多類型內容的聚合展示。
常見的B端彈窗樣式設計總結
 
 
 
 
三、其他情況
①強制性提示
為了更好的了解用戶特征,提供更加優質的服務,有的系統在用戶首次使用時,會出現強制性彈窗,執行必要操作后,才可進入系統使用。
常見的B端彈窗樣式設計總結
 
 
 
四、彈窗使用規范
上下左右間距大小固定,彈窗大小根據內容的多少來自動調整。
 
①中間彈窗
常見的B端彈窗樣式設計總結
 
 
常見的B端彈窗樣式設計總結
 
 
 
②側邊彈窗
常見的B端彈窗樣式設計總結
 
 
以上就是全部內容,謝謝。


作者:西城門設計
鏈接:https://www.zcool.com.cn/article/ZMTYyMDI5Ng==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

日歷

鏈接

個人資料

藍藍設計的小編 http://m.wowo44.com

存檔

国产性猛交xx乱_性色国产成人久久久精品_亚洲成年人av_亚洲av片不卡无码久久_日本精品一二三_久久免费精品国产_欧美成人精品一区二区综合免费_无码人妻丰满熟妇区毛片蜜桃精品_四虎永久免费影院_国产一区二区三区四区在线
国产精品视频九色porn| 国内精品不卡在线| 99久久精品99国产精品| 欧洲第一无人区观看| 国产欧美一区二区三区网站| 久久国产尿小便嘘嘘| 四虎永久免费在线观看| 日韩美女一区二区三区| 蜜桃视频一区二区| 无码人妻精品一区二区中文| 久久综合资源网| 韩国一区二区在线观看| 91狠狠综合久久久久久| 国产欧美视频一区二区三区| 福利一区二区在线| 成人观看免费视频| 亚洲伦在线观看| 久久久久久免费网| 国产高清成人在线| 日本福利片在线观看| 亚洲视频免费在线观看| 制服.丝袜.亚洲.中文.综合懂| 欧美系列在线观看| 午夜精彩视频在线观看不卡| 免费在线观看成年人视频| 欧美精品一区二区三区在线| 国产美女在线精品| 日韩欧美国产成人精品免费| 亚洲少妇屁股交4| 99re视频这里只有精品| 欧美日韩国产另类一区| 天天操天天干天天综合网| 日韩精品无码一区二区三区久久久| www国产精品av| 国产99精品国产| 欧美性生活大片视频| 亚洲国产色一区| 爱爱免费小视频| 中文文精品字幕一区二区| av电影在线观看一区| 欧美日本不卡视频| 麻豆精品久久精品色综合| 日韩福利小视频| 亚洲高清免费观看高清完整版在线观看| 中文文字幕文字幕高清| 久久久青草青青国产亚洲免观| 成人免费av网站| 欧美浪妇xxxx高跟鞋交| 久久99精品久久久| 色综合亚洲欧洲| 亚洲一区电影777| av黄色在线免费观看| 亚洲私人影院在线观看| 中文人妻一区二区三区| 国产精品久久久久久久岛一牛影视| 4438x全国最大成人| 久久蜜桃一区二区| 91亚洲精品乱码久久久久久蜜桃| 日韩一级成人av| 国产成人精品免费在线| 精品视频在线免费| 国内精品伊人久久久久影院对白| 欧美影院一区二区三区| 精品亚洲免费视频| 欧美中文字幕一区二区三区亚洲| 久久精品免费观看| 91成人免费在线| 久久精品国内一区二区三区| 一本一本久久a久久精品综合麻豆| 首页综合国产亚洲丝袜| 超碰在线国产97| 乱一区二区av| 欧美三级韩国三级日本三斤| 国产九色sp调教91| 91精品国产综合久久久久| 成人黄色小视频在线观看| 日韩欧美在线一区二区三区| 91色在线porny| 久久久噜噜噜久噜久久综合| 日韩女优在线视频| 国产精品久久久久久久午夜片| 亚洲av成人片色在线观看高潮 | 亚洲一区二区三区精品在线| 免费观看a级片| 亚洲成人av福利| 日本黄色片免费观看| 美女尤物国产一区| 欧美少妇一区二区| 成人sese在线| 久久久久久久网| 久久久无码人妻精品一区| 亚洲午夜激情网站| 色综合久久久久综合体| 亚洲国产美女视频| 色哟哟一一国产精品| 日本不卡一二三区黄网| 欧美三级一区二区| 成人免费电影视频| 亚洲国产精品ⅴa在线观看| 国产中年熟女高潮大集合| 午夜精品久久久久影视| 欧美亚一区二区| 99久久婷婷国产综合精品电影| 久久久青草青青国产亚洲免观| 成人免费无码大片a毛片| 亚洲午夜激情av| 在线观看视频一区二区| 成人免费看片app下载| 国产欧美日韩久久| www色com| 久久99精品国产91久久来源| 日韩欧美国产系列| 成人午夜精品无码区| 亚洲午夜影视影院在线观看| 欧美色视频在线| 91小宝寻花一区二区三区| 亚洲婷婷综合久久一本伊一区| 来吧亚洲综合网| 国产69精品久久777的优势| 亚洲国产精品v| www色aa色aawww| 成人在线视频首页| 国产精品另类一区| 一区二区视频免费看| 不卡的av网站| 亚洲日本一区二区三区| 欧美最猛黑人xxxxx猛交| 97超碰欧美中文字幕| 亚洲欧美日韩国产成人精品影院| 91国在线观看| 又大又长粗又爽又黄少妇视频| 亚洲一区二区在线视频| 欧美男同性恋视频网站| 水蜜桃av无码| 免费观看成人av| 精品国产乱码久久久久久免费| 国产av自拍一区| 韩国视频一区二区| 国产精品无遮挡| 国产高潮国产高潮久久久91| 99国产精品久久久| 亚洲国产精品久久人人爱| 在线播放欧美女士性生活| 玖玖爱在线精品视频| 蜜臀精品一区二区三区在线观看| 日韩午夜av一区| 国产1区2区在线观看| 国产二区国产一区在线观看 | 无码人妻aⅴ一区二区三区| 青青草精品视频| 久久久精品国产免大香伊| 性生交大片免费全黄| 91免费观看视频在线| 婷婷久久综合九色国产成人| 精品91自产拍在线观看一区| 最新av电影网站| 91蜜桃免费观看视频| 天堂一区二区在线| 久久亚洲综合色| 色综合中文字幕| 久久精品无码专区| 裸体歌舞表演一区二区| 国产精品第一页第二页第三页| 欧美三级日韩三级国产三级| 波多野结衣 在线| 国产成人免费高清| 亚洲在线视频网站| 精品少妇一区二区三区在线播放| 污污视频网站在线免费观看| 91在线视频官网| 日韩电影在线免费| 中文字幕av在线一区二区三区| 欧美图片一区二区三区| 亚洲综合网在线观看| 成人精品在线视频观看| 亚洲大片精品永久免费| 国产欧美日本一区视频| 欧美日韩视频专区在线播放| 日本污视频网站| 精品伦一区二区三区| 国产精品综合一区二区| 亚洲成人在线观看视频| 国产香蕉久久精品综合网| 欧美日韩不卡一区| 国产精品视频一区二区在线观看| 亚洲美女在线播放| 91精品国产入口在线| 国产一二三四区| 中文字幕免费高清视频| 成人国产亚洲欧美成人综合网| 日韩精品电影在线| 亚洲人成精品久久久久久| 日韩精品一区二区三区老鸭窝| 国产一二三区精品| 人妻无码一区二区三区| 99re在线精品| 国产剧情av麻豆香蕉精品| 视频一区视频二区在线观看| 中文字幕在线不卡国产视频| 日韩精品在线一区|