文章編輯：網站建設 文章來源：建站行業(yè)資訊 瀏覽量：次
很多產品經理在進行自己公司的產品設計時，很容易陷入“瞎姬霸抄”的情況，首先我并不反對“抄”，但是要知道為什么抄，怎么樣抄才是對的。
很多產品經理在進行產品方案構思的時候，往往緊盯大廠，或者盯著自己一直使用的某款產品，照搬過來，但是并沒有仔細思考別人為什么要這么做，我們這么做是否適合？
首先統一一下名詞解釋，本文所闡述的列表，為固定列表項的樣式后，根據分頁數據顯示的多少，按照固定樣式依次展示的頁面?！局饕菂^(qū)分列表頁和活動頁】，定制結構的活動頁不在此討論范圍。
我們先看一下幾種電商類App是如何選擇其頁面元素的：
如果用戶是點擊某一個分類進入，或者是進行了搜索，那么用戶是有指定性的期望的，那么這個時候就要思考，用戶此時想要什么呢？頂部區(qū)域的設計有一個很大的關系是：看用戶的前置行為是什么？
毫無疑問，對于有指向性質的，那么就是篩選、排序、搜索等一系列能夠為用戶縮小范圍的產品功能。
淘寶搜索“女裝”時的列表頁
京東搜索“女裝”時的列表頁
如果用戶在進入一個列表頁面時是沒有指向性需求的，此時列表頁面要做的不是去滿足用戶需求，而是幫助用戶發(fā)現需求?？梢酝ㄟ^切換TAB，提供新的承接版塊等方式來解決。
列表底部區(qū)域的設計比較簡單，目前就幾種方式：
無限列表，始終沒有底；
有限列表，到底后上滑切換TAB；
有限列表，上滑后到底，提供提示；
有限列表，上滑到底后，尾部使用其他模塊拼接。
如何選擇和使用還是要看用戶需求和業(yè)務現狀，幾種情況：
1. 用戶有一定指向性商品需求，但是平臺的商品不多
這種情況，無限列表直接PASS掉，本來商品就不多，不可能使用無限列表。
一般情況下，如果是采用底部提示的情況，那么會給用戶造成一種平臺商品不足的情況（這種情況需要評估以目前的平臺定位用戶是否會由此對平臺產生負面評價），一般來說，采用底部拼接其他模塊的方式，友好的告訴用戶：“你要找的商品沒有了，但是我給你推薦了一些別的，你再看看”的感覺，避免尷尬。
小米商城搜索手機，商品列表快結束后拼接了文章模塊和其他產品推薦模塊避免尷尬
2. 用戶有一定指向性商品需求，但是平臺的商品很多
這種情況，可以考慮采用無限列表(可以理解為很長的有限列表)，當然需要評估用戶平均滑動多少屏才能到達列表底部，那么底部可以提供一個簡短的提示。
3. 用戶有無指向性商品需求，但是平臺的商品很多
這種情況一般使用無限列表，此時用戶處于一種“逛”的心態(tài)，我們往往會分析用戶喜好給用戶推薦可能需要的產品，從而試圖讓用戶產生購買。
4. 用戶有無指向性商品需求，但是平臺的商品不多
前提是平臺商品不多，但是用戶很多時候進入商城是并沒有明確的購買東西，是帶有“逛”的因素來看商品，那么這個時候怎么樣解決這個問題呢？
一般情況下會在產品的首頁和活動遇到這個問題，在平臺產品不多的情況下，往往采用分類TAB的形式，用戶產生滑動行為的時候，進行TAB定位給用戶一定的告知。
如果在該TAB所綁定的商品沒有對用戶產生吸引，在滑動的時候自動切換到下一個TAB，試圖通過其他的TAB中的產品讓用戶產生購買，同時TAB也能給用戶傳遞一定的認知。
5. 關于中間區(qū)域的分析
中間區(qū)域在我看來是最關鍵的區(qū)域，也是最能看出東西來的區(qū)域，首先如何進行中間區(qū)域的產品設計呢？在我看來有幾個核心原則：
布局突出用戶需求，根據不同產品展示不同需求
根據列表頁的商品數量進行列表頁的布局設計
避免用戶的視覺疲勞
（1）布局突出用戶需求，根據不同產品展示不同需求
商品列表頁中間區(qū)域的布局主要有兩種：一種是左右區(qū)塊，一種是單行區(qū)塊。
那么什么情況下使用左右區(qū)塊，什么情況下使用單行區(qū)塊這個問題不知道大家有沒有想過。
首先如果一個用戶去買衣服，那么更加注重的是圖片；如果一個用戶去買電腦，那么圖片其實對于給用戶的選擇參考就少了很多，更多的是依靠產品的參數特點。
那么從布局的角度考慮，如果采用左右區(qū)塊，屏幕的大部分面積將會被圖片占據，用戶的視覺聚焦將會很明顯的聚焦在圖片上。如果采用單行區(qū)塊，左圖右文或者右圖左文的形式，那么用戶將會把視覺聚焦在某一個固定區(qū)域，不用來回轉移眼神就能清楚的看到產品的參數特點。
典型例子1：淘寶的女裝列表頁和淘寶的電腦列表頁
當然了，淘寶也提供了用戶切換布局的功能，但是默認進來的布局就已經能夠說明大部分用戶的使用習慣了。
但是其實對于某一個具體商品列表頁，這樣的分析遠遠不夠，我們還要繼續(xù)深挖用戶的用戶進行布局。打一個比方：假設一個用戶買電腦，對于大部分用戶來說主要會考慮哪些因素？
大家看看那些手機廠商的發(fā)布會就知道用戶關心什么了：屏幕大小邊框、拍照、電池、價格。很多時候是這個在這些問題上做文章。
那么我們接下來看下，如何在列表頁突出用戶關心的信息的。
典型例子2：淘寶搜手機的列表頁和天貓搜手機的列表頁
那么在這一步，天貓搜索手機的列表顯得更加突出產品特點，突出了大部分用戶關心的產品特性。更加符合用戶的體驗。
（2）根據列表頁的商品數量進行列表頁的布局設計
從用戶角度，我們可以根據產品對用戶的認知，進行左右布局或者單行布局，但是很多時候我們也要考慮平臺的產品構成。假設對一個新興的電商平臺而言，本身的商品數量不是很多的情況下，我們也要考慮不同的列表布局給用戶的感受。
一個很明顯的點就是數量的多少，假設一個平臺的平均一個列表的商品只有 20 個不到（這個跟平臺的商品定位有比較大的關系），如果采用單行布局，用戶可能需要滑動 5 屏，可一定程度上降低對平臺產品不足的心理認知。
如果采用左右布局，用戶將會很快的滑動至底部，此時用戶對平臺的信任感很難提升，所以此時通常需要文字提示或者交互的方式來提示用戶。深圳網站制作公司博納網絡編輯整理。
[聲明]本網轉載網絡媒體稿件是為了傳播更多的信息，此類稿件不代表本網觀點，本網不承擔此類稿件侵權行為的連帶責任。故此，如果您發(fā)現本網站的內容侵犯了您的版權，請您的相關內容發(fā)至此郵箱【qin@198bona.com 】，我們在確認后，會立即刪除，保證您的版權。
