電子商務(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)手法。

假如商品的種類數(shù)目多且繁雜，規(guī)規(guī)整整的行列排列方式更利于用戶找到瀏覽規(guī)律；瀑布流的形式更多的在流行時(shí)尚領(lǐng)域的電商中使用；特別款凸起的方式可認(rèn)為一些節(jié)日流動(dòng)的宣傳促銷而預(yù)備。

1.展示基本信息

正由于商品列表頁相較于其他頁面會(huì)顯得有些擁擠，因此設(shè)計(jì)師更應(yīng)該抱著在限制的區(qū)域范圍內(nèi)展現(xiàn)最有用的信息的心態(tài)來設(shè)計(jì)網(wǎng)頁。正在瀏覽商品列表頁的用戶也許對商品的細(xì)節(jié)描述并不是很在意，此時(shí)的瀏覽模式更偏于走馬觀花，因此，簡樸簡要的圖片、商品名稱，以及價(jià)格說明就已經(jīng)能夠知足用戶在該頁中的需求了。

2.鼠標(biāo)懸停時(shí)產(chǎn)生交互效果

良多網(wǎng)站都會(huì)忽略鼠標(biāo)懸停時(shí)應(yīng)該產(chǎn)生的交互效果，其中也不乏一些著名電商。固然只是一個(gè)很小的效果，但它存在的意義卻遠(yuǎn)不僅如斯，甚至承載了一份網(wǎng)站與用戶之間的互動(dòng)和反饋。

3.泛起適量的附加信息

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

4.始終帶給用戶指引

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

5.設(shè)置相關(guān)推薦，促成更多消費(fèi)

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

 6.掃清頁面死角

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

7.用特色商品激發(fā)購物欲

假如你覺得特色主推性質(zhì)的商品只能放在網(wǎng)站首頁你就錯(cuò)了，首頁首屏的確是整個(gè)網(wǎng)站最佳的宣傳黃金位置，但所得到的效果卻不一定是最理想的，根據(jù)商品的類型鋪排布局才能達(dá)到事半功倍的效果。

8.吸惹人的商品流動(dòng)盡量置后

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

9.減少操縱步驟

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

10.從眾效應(yīng)

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

總結(jié)：

商品列表頁是用戶真正進(jìn)入網(wǎng)上購物狀態(tài)的第一環(huán)節(jié)，因此，恬靜的用戶體驗(yàn)變得尤為重要，設(shè)計(jì)師應(yīng)該根據(jù)商品或行業(yè)的不同貿(mào)易訴求作為首要考慮因素。