一. 什么是列表導航

二. 列表導航的入口

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

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

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

b.從底部導航欄進入

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

c.從列表進入

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

d.多層級點擊進入

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

三.列表導航的常見布局

a.頁面左側布局

1、文字列表

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

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

b.頁面右側布局

1.列表布局

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

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

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

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

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

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

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

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

四. 總結

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

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