電子商務(wù)中的商品列表頁也被稱為商品聚合頁，是為了能為消費(fèi)者提供更完善的商品種類選擇。這一類頁面的大特點(diǎn)就是信息量大、圖片多，所以布局是否清晰合理，以及如何盡可能的壓縮內(nèi)容是商品列表頁設(shè)計(jì)的重點(diǎn)部分。

目前，國內(nèi)電商網(wǎng)站的商品列表頁常見表現(xiàn)形式有三種，分別是行列排列、瀑布流和特別款突出。這三種形式各有特點(diǎn)，設(shè)計(jì)師應(yīng)該根據(jù)商品特色選擇最適合的表現(xiàn)手法。

天貓的商品列表頁在給予用戶即時反饋這方面做得很到位。當(dāng)鼠標(biāo)懸停在商品范圍時，顯眼的紅色線框就馬上將該商品與其他商品區(qū)分開來，而線框的紅色與網(wǎng)站主色調(diào)相同，這樣也讓整體表現(xiàn)得不突兀。

3.出現(xiàn)適量的附加信息
剛才提到了商品列表頁應(yīng)該盡量做到簡單簡潔，但在此基礎(chǔ)上適量的增加一些對用戶挑選商品有幫助的附加信息可以起到錦上添花的作用。

聚美優(yōu)品的在列表頁采用了特別款突出的表現(xiàn)形式，并且向用戶展示了商品的多視角圖片，讓用戶無需進(jìn)入到詳情頁就看到商品全貌，間接降低了商品詳情頁的跳出率。

美麗說是一個偏向時尚年輕化的網(wǎng)站建設(shè)，因此設(shè)計(jì)師使用了這類人群都能接受的瀑布流展現(xiàn)方法。美麗說的商品列表頁的特點(diǎn)在于增加了其他用戶的評論模塊，這也是人們在網(wǎng)上購物時很注重的部分。

4.始終帶給用戶指引
可能很多電商網(wǎng)站都認(rèn)為，當(dāng)用戶在商品列表頁面停留就意味著即將找到自己需要的商品；而現(xiàn)實(shí)卻告訴我們，用戶很可能在不斷翻頁的過程中會不知不覺的改變了之前的目標(biāo)商品，因此，網(wǎng)站應(yīng)該始終為用戶提供指引，帶給他們明確的方向感。

YOHO的商品列表頁有利有弊。側(cè)邊導(dǎo)航始終存在于頁面上，為用戶的頁面跳轉(zhuǎn)提供了很大程度的便利；但不足之處是側(cè)邊導(dǎo)航呈靜態(tài)，如果能實(shí)現(xiàn)動態(tài)，可以隨著用戶鼠標(biāo)的滾動而始終保持在屏幕之中就更好了。

5.設(shè)置相關(guān)推薦，促成更多消費(fèi)
用一種商品推動另一種商品的銷售，這是電子商務(wù)網(wǎng)站設(shè)計(jì)中的慣用營銷手法，但這樣的方式如果運(yùn)用的太過生硬用戶一定不領(lǐng)情，網(wǎng)站應(yīng)該試著用柔和的方式傳達(dá)相同的意思，設(shè)計(jì)師也許也能為此出一份力。

淘寶對此的做法是將推薦信息融入到列表頁的每一個商品中。“找同款”和“找相似”的字樣也不會讓用戶覺得有太濃重的商業(yè)味。

6.掃清頁面死角
頁面中的每一個區(qū)域都有它的價值和意義，可能只是用戶視覺的感知程度不同而已，只要做好布局，頁面死角可以變得不存在。

商品列表頁的死角多見于頁面?zhèn)冗吅偷撞?，而京東將這兩片區(qū)域使用為其他產(chǎn)品的推廣途徑，比如銷量排行和商品精選等。

7.用特色商品激發(fā)購物欲
如果你覺得特色主推性質(zhì)的商品只能放在網(wǎng)站首頁你就錯了，首頁首屏設(shè)計(jì)的確是整個網(wǎng)站最佳的宣傳黃金位置，但所得到的效果卻不一定是最理想的，根據(jù)商品的類型安排布局才能達(dá)到事半功倍的效果。

如易迅網(wǎng)案例所示，手機(jī)產(chǎn)品的相關(guān)推薦就放在手機(jī)商品的列表頁頭部，讓真正有購買需求的用戶都能看到。

8.吸引人的商品活動盡量置后
中國有句諺語，“好戲總在后頭”，這句話也同樣適用于電商商品列表頁的設(shè)計(jì)中。把相對吸引人或是目的性強(qiáng)的商品活動放在偏后一點(diǎn)的位置，有利于整個網(wǎng)站的運(yùn)營。

一號店將有針對性的“熱賣推薦”和“與您瀏覽記錄相關(guān)的商品”放在頁面最后，讓原本可能打算結(jié)束瀏覽的用戶重新發(fā)現(xiàn)新的感興趣的內(nèi)容。

9.減少操作步驟
在商品列表頁中，力所能及的步驟減少只有從商品加入購物車開始著手。但在此之前的大前提是商品信息展現(xiàn)的足夠全面和完整，要在小區(qū)域內(nèi)表達(dá)出所有內(nèi)容也的確是一件比較困難的事。

在商品列表頁上直接顯示“加入購物車”按鈕并不少見，但能同時顯示購買數(shù)量的就不多了，DHC官網(wǎng)實(shí)現(xiàn)了這一操作，讓用戶能夠直接選擇商品數(shù)量和種類。

10.從眾效應(yīng)
從眾心理是網(wǎng)上購物人群的普遍狀態(tài)，因此，買過該商品的顧客對此做出的評價對于用戶來說很有說服力，商家可以利用這一點(diǎn)在網(wǎng)頁的設(shè)計(jì)上做出一些小改變。

樂蜂網(wǎng)在商品列表頁增加了用戶很看重的評論和購買人數(shù)模塊，這樣能讓用戶更直觀的看到商品的人氣指數(shù)。

以上就是成都創(chuàng)新互聯(lián)的網(wǎng)站設(shè)計(jì)工程為大家?guī)淼年P(guān)于，商品列表頁是用戶真正進(jìn)入網(wǎng)上購物狀態(tài)的第一環(huán)節(jié)，因此，舒適的用戶體驗(yàn)變得尤為重要，設(shè)計(jì)師應(yīng)該根據(jù)商品或行業(yè)的不同商業(yè)訴求作為首要考慮因素，希望大家能夠喜歡

當(dāng)前名稱：成都電子商務(wù)網(wǎng)站設(shè)計(jì)分析|商品列表頁設(shè)計(jì)
本文路徑：http://www.rwnh.cn/news40/316940.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、虛擬主機(jī)、靜態(tài)網(wǎng)站、全網(wǎng)營銷推廣、企業(yè)網(wǎng)站制作、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)