列表頁(yè)設(shè)計(jì)

通用列表頁(yè)占后臺(tái)列表頁(yè)比80%，個(gè)別列表頁(yè)需特殊的樣式設(shè)計(jì)，以下為通用的列表頁(yè)設(shè)計(jì)思路

列表頁(yè)作用

將信息聚類展示（及具有相同屬性的業(yè)務(wù)內(nèi)容聚合），并通過搜索定位所需信息的主體，然后進(jìn)行分流。

數(shù)據(jù)指標(biāo)

頁(yè)面停留時(shí)間短：高頻簡(jiǎn)單操作可直接操作；不需操作的可直接分流。

主要組成及需注意的細(xì)節(jié)

篩選

通用的提高篩選效率的方法：歷史/常用篩選保存，篩選項(xiàng)可配置（根據(jù)后臺(tái)操作角色的不同、目的的不同會(huì)有不同的篩選組合），通過標(biāo)簽體系，增加對(duì)應(yīng)的標(biāo)簽篩選，以場(chǎng)景命名的綜合篩選（某些篩選組合經(jīng)常被選擇）

篩選項(xiàng)的怎么選：列項(xiàng)的子集，只有具有篩選價(jià)值的列項(xiàng)才進(jìn)入篩選區(qū)，且應(yīng)根據(jù)使用頻率排序

最容易忽略功能：重置篩選。

篩選項(xiàng)過多時(shí)，根據(jù)數(shù)據(jù)埋點(diǎn)，簡(jiǎn)化篩選，切記不要為了數(shù)據(jù)統(tǒng)計(jì)去增加篩選。

表格

如何確定列項(xiàng)

業(yè)務(wù)方?jīng)Q定，根據(jù)線下成熟的excel工作流，明確每一列的作用后進(jìn)行設(shè)計(jì)；

了解工作場(chǎng)景，梳理定位當(dāng)前信息是為了完成什么事情，而如果要完成這些事情，需要哪些信息參考，同時(shí)再根據(jù)工作場(chǎng)景的頻率和重要程度判斷，列表頁(yè)需要展示哪些信息。一定要把控住信息量，與詳情頁(yè)區(qū)分。

注意這里需區(qū)分一線執(zhí)行者需求和管理層需求，若有沖突，一線執(zhí)行者需求優(yōu)先，管理需求通過報(bào)表實(shí)現(xiàn)。列表設(shè)計(jì)，列一定是宜少不宜多，核心目的只是確定信息主體

細(xì)節(jié)

文案清晰精簡(jiǎn)（eg學(xué)員列表頁(yè)，學(xué)員姓名簡(jiǎn)化為“姓名”等）

需要時(shí)可增加列的釋義

縮略內(nèi)容或者用…省略后面內(nèi)容，鼠標(biāo)經(jīng)過出現(xiàn)更多內(nèi)容

時(shí)間列排序+關(guān)鍵列排序+默認(rèn)排序（一般有新增功能就按創(chuàng)建時(shí)間倒序）

數(shù)字右對(duì)齊，財(cái)務(wù)數(shù)字標(biāo)準(zhǔn)顯示”10,000,000.00”

顯示數(shù)據(jù)ID或序號(hào)，方便內(nèi)部對(duì)接

操作

批量操作功能要盡量克制。主要從業(yè)務(wù)風(fēng)險(xiǎn)角度考慮，而非操作成本

新增操作：主要在于交互選擇上。根據(jù)業(yè)務(wù)業(yè)務(wù)場(chǎng)景，要確定是當(dāng)前頁(yè)面添加還是新頁(yè)簽添加

分頁(yè)控件最基本功能：顯示所有數(shù)據(jù)+顯示每頁(yè)數(shù)據(jù)量+總頁(yè)數(shù)+翻頁(yè)