設(shè)計(jì)樣式分享-營銷平臺(tái)類

0 評(píng)論 1817 瀏覽 7 收藏 5 分鐘

本文分享了B端營銷平臺(tái)的后臺(tái)樣式設(shè)計(jì),共8種頁面類型,供大家參考。

1.表格查看列字段:

點(diǎn)擊表格行末尾“查看”,懸浮出該行所有列字段信息:字段太多時(shí),不需要左右滾動(dòng),也能查看行該行全部信息。產(chǎn)品人員在設(shè)計(jì)排列行字段的時(shí)候,將“可編輯的字段+核心字段”排在最前面,點(diǎn)擊查看或鼠標(biāo)懸停2秒后懸浮該行全部字段信息。

2.表格行高設(shè)置:

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

3.關(guān)聯(lián)表格(父子表)

針對(duì)復(fù)雜的業(yè)務(wù)場(chǎng)景,需要在一個(gè)查詢列表頁面同時(shí)查看“父子表單”數(shù)據(jù)(關(guān)聯(lián)表格)。在父表選擇數(shù)據(jù)后關(guān)聯(lián)產(chǎn)生子表,再在子表進(jìn)行業(yè)務(wù)操作。

4.表格行數(shù)據(jù)詳情

針對(duì)營銷類業(yè)務(wù)場(chǎng)景,一個(gè)單據(jù)對(duì)應(yīng)多個(gè)商品信息,而且訂單屬性字段與商品屬性字段無法都存在于列表表頭,此時(shí)可以將商品屬性字段收起,需要時(shí)點(diǎn)擊展開查看,節(jié)省頁面空間同時(shí)也能滿足業(yè)務(wù)查看訂單全部商品信息的需求。

5.選擇彈窗

選擇彈窗分為待選跟已選兩個(gè)頁簽,待選頁簽除了支持系統(tǒng)查詢后的數(shù)據(jù)手動(dòng)選擇也支持導(dǎo)入線下數(shù)據(jù)文件,已選頁簽支持刪除手動(dòng)選擇的數(shù)據(jù)也支持刪除導(dǎo)入的文件,同時(shí)支持導(dǎo)出當(dāng)前所有已選數(shù)據(jù)。

6.高級(jí)篩選

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

7.審批頁面

審批操作按鈕前置,滿足當(dāng)前頁面用戶主要操作需求,同時(shí)也支持查看審批流程相關(guān)信息。

8.級(jí)聯(lián)選擇

支持級(jí)聯(lián)選擇任何一級(jí)內(nèi)容,每一級(jí)都支持級(jí)內(nèi)搜索,同時(shí)可以展示全部選擇數(shù)據(jù),支持單條刪除已選數(shù)據(jù)。

本文由 @Zero0304 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!