設計樣式分享-營銷平臺類

0 評論 809 瀏覽 2 收藏 5 分鐘

本文分享了B端營銷平臺的后臺樣式設計,共8種頁面類型,供大家參考。

1.表格查看列字段:

點擊表格行末尾“查看”,懸浮出該行所有列字段信息:字段太多時,不需要左右滾動,也能查看行該行全部信息。產品人員在設計排列行字段的時候,將“可編輯的字段+核心字段”排在最前面,點擊查看或鼠標懸停2秒后懸浮該行全部字段信息。

2.表格行高設置:

用戶可根據個人使用習慣以及電腦分辨率大小自定義頁面表格的行高(例如設計三個行高值,緊湊型32px、中等型40px、寬松型48px),刷新網頁后仍保留本次設置。

3.關聯表格(父子表)

針對復雜的業務場景,需要在一個查詢列表頁面同時查看“父子表單”數據(關聯表格)。在父表選擇數據后關聯產生子表,再在子表進行業務操作。

4.表格行數據詳情

針對營銷類業務場景,一個單據對應多個商品信息,而且訂單屬性字段與商品屬性字段無法都存在于列表表頭,此時可以將商品屬性字段收起,需要時點擊展開查看,節省頁面空間同時也能滿足業務查看訂單全部商品信息的需求。

5.選擇彈窗

選擇彈窗分為待選跟已選兩個頁簽,待選頁簽除了支持系統查詢后的數據手動選擇也支持導入線下數據文件,已選頁簽支持刪除手動選擇的數據也支持刪除導入的文件,同時支持導出當前所有已選數據。

6.高級篩選

可以將不常用的篩選條件收起到“高級篩選”按鈕,點擊“高級篩選”彈窗展示更多篩選條件信息。

7.審批頁面

審批操作按鈕前置,滿足當前頁面用戶主要操作需求,同時也支持查看審批流程相關信息。

8.級聯選擇

支持級聯選擇任何一級內容,每一級都支持級內搜索,同時可以展示全部選擇數據,支持單條刪除已選數據。

本文由 @Zero0304 原創發布于人人都是產品經理。未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!