一. 什么是列表導(dǎo)航

二. 列表導(dǎo)航的入口

a.從核心功能區(qū)進入

一般會放到核心功能區(qū)的最后一個功能里，展開之后是列表導(dǎo)航頁。如下圖：

缺點：當(dāng)功能特別多的時候，全部分類可能會被翻頁隱藏掉，從而被用戶忽視。當(dāng)頁面用戶沉浸頁面時，不方便用戶即時使用。

b.從底部導(dǎo)航欄進入

一般會將產(chǎn)品的分類放置于底部導(dǎo)航欄里，展開之后是列表導(dǎo)航，如下圖：

c.從列表進入

一般會從首頁的產(chǎn)品列表頁進入產(chǎn)品篩選的列表導(dǎo)航頁。如下圖：

d.多層級點擊進入

一般會從首頁的某個分支功能進入，之后再從分支功能在進入產(chǎn)品分類的列表導(dǎo)航頁。如下圖：

三.列表導(dǎo)航的常見布局

a.頁面左側(cè)布局

1、文字列表

一般以文字的形式列表如下圖：

一般以圖/標(biāo)簽+文字的形式呈現(xiàn)，如下圖：

b.頁面右側(cè)布局

1.列表布局

列表布局的特點是自上而下以列表的形式排列，如下圖：

缺點：一排只能呈現(xiàn)一個內(nèi)容，空間利用率較低。

呈宮格排列，一般一排以三個為佳，不宜過多，如下圖：

缺點：內(nèi)容過多時會引起眼花繚亂視覺疲勞，文字信息過多理解成本提高。

宮格排列，圖文結(jié)合，一般以三個一排為佳，如下圖：

缺點：適用范圍小，不是所有的產(chǎn)品都適合用圖文呈現(xiàn)。

布局形式不只是由單一的一種形式來呈現(xiàn)，而是多種方式組合呈現(xiàn)，頁面布局可能由BANNER+核心功能區(qū)+加篩選區(qū)+其它功能推薦組成，在某些APP的設(shè)計上已經(jīng)趨同于首頁，功能已是越來越強大。如下圖：

缺點：眼花繚亂，選擇困難。

四. 總結(jié)

2、注意列表導(dǎo)航的入口設(shè)計，盡量避免用戶在想找的時候反而找不到的情況出現(xiàn)，應(yīng)設(shè)計的清晰、有層次且方便快捷。

3、注意篩選列表的布局樣式，隨著列表篩選功能越來越強大，列表篩選的樣式也越來越豐富。有統(tǒng)一的樣式，也有組合的樣式。統(tǒng)一的樣式更為規(guī)整、整潔讓用戶可以根據(jù)分類的目錄快速找到自己的目標(biāo)。而組合樣式則有效的利用產(chǎn)品空間推出推薦功能，相當(dāng)于另一個首頁。這樣設(shè)計既不影響用戶查找分類又有利于幫助產(chǎn)品曝光。