電子商務(wù)網(wǎng)站設(shè)計(jì)分析：商品列表頁(yè)設(shè)計(jì)

4.始終帶給用戶指引

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

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

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

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

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

6.掃清頁(yè)面死角

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

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

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

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

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