文/倫琦

相信大家在進行電商類產品設計的時候，肯定會有關于商品列表的相關頁面，那么本文主要講述我對待商品列表頁的看法，商品列表頁的框架如何選擇，如何設計。

很多產品經理在進行自己公司的產品設計時，很容易陷入“瞎姬霸抄”的情況，首先我并不反對“抄”，但是要知道為什么抄，怎么樣抄才是對的。

很多產品經理在進行產品方案構思的時候，往往緊盯大廠，或者盯著自己一直使用的某款產品，照搬過來，但是并沒有仔細思考別人為什么要這么做，我們這么做是否適合？

首先統一一下名詞解釋，本文所闡述的列表，為固定列表項的樣式后，根據分頁數據顯示的多少，按照固定樣式依次展示的頁面。【主要是區分列表頁和活動頁】，定制結構的活動頁不在此討論范圍。

一、商品列表頁的幾種常用元素

我們先看一下幾種電商類App是如何選擇其頁面元素的：

二、關于頂部區域的分析

頂部區域的設計有一個很大的關系是：看用戶的前置行為是什么？

如果用戶是點擊某一個分類進入，或者是進行了搜索，那么用戶是有指定性的期望的，那么這個時候就要思考，用戶此時想要什么呢？

毫無疑問，對于有指向性質的，那么就是篩選、排序、搜索等一系列能夠為用戶縮小范圍的產品功能。

淘寶搜索“女裝”時的列表頁

京東搜索“女裝”時的列表頁

如果用戶在進入一個列表頁面時是沒有指向性需求的，此時列表頁面要做的不是去滿足用戶需求，而是幫助用戶發現需求。可以通過切換TAB，提供新的承接版塊等方式來解決。