商品聚集頁： 顧名思義，就是把商品列出來，形成具有某種共同特征的商品的匯集頁面。

目的就是為了提供給消費(fèi)者更多的商品選擇，從而提高轉(zhuǎn)換率，盡量減少用戶的跳出率，保證瀏覽流暢。這就需要提供優(yōu)質(zhì)的視覺體驗(yàn)和良好的交互體驗(yàn)。

這里主要圍繞商品展示來展開。 

目前商品展示設(shè)計(jì)主要有3種 ：

1.按行列來排序(淘寶商城….京東)

2.瀑布流(蘑菇街)

讓商品最大限度的展示在用戶面前

3.特殊款突出(優(yōu)眾)

自適應(yīng)屏幕的商品展示，每個(gè)類目下，使用大圖重點(diǎn)推幾款商品或banner

錯(cuò)落有致的排序，適合圖片優(yōu)質(zhì)的網(wǎng)站。

商品展示的基本信息

商品圖片/商品名稱/商品價(jià)格 

圖片大小 ：200X200左右

圖片稍大一些，使用戶不需要每次要點(diǎn)detail去看大圖，在list就能完成對(duì)物品了解的過程，從而不至于失去耐心。

增加圖片尺寸是否增加了交易量不得而知。但我們可以明顯的看到比較有圖有真相，圖大一些離真相越近。

但是電器類圖片可以較小，特別在外形差不多的商品時(shí)，商品名稱顯得更為重要。

 商品名稱：

商品品牌、系列，描述，特性，個(gè)性文案級(jí)所參加的活動(dòng)

商品價(jià)格： 

原價(jià)-現(xiàn)價(jià)-折扣

突出現(xiàn)價(jià)，劃去原價(jià)，折扣輔助

根據(jù)網(wǎng)站或商品的特色增加一些模塊

信用 ：用戶成功交易一次，就可以對(duì)交易對(duì)象作一次信用評(píng)價(jià)

標(biāo)簽 ：體現(xiàn)商品的銷售特性，例如新品，包郵

評(píng)論數(shù) ：是購買用戶最真切的反映，也是用戶最關(guān)心的元素之一

銷量 ：不僅是一種排序方式，也是引導(dǎo)用戶購買，告知用戶是否受歡迎的重要元素

顏色 ：在LIST就能知道有否你需要的顏色，直接明確。 

商品展示的一些交互效果

hover單個(gè)商品區(qū)域：出現(xiàn)方框，強(qiáng)調(diào)用戶選中該商品所包含的區(qū)域。

出現(xiàn)附加信息：展示用戶更像進(jìn)一步了解的內(nèi)容

商城的化妝品LIST中，展示用戶對(duì)商品的使用感受

優(yōu)眾：hover出現(xiàn)商品幾個(gè)角度的拍攝圖+視頻展示 

 韓國網(wǎng)站ogage 

hover出現(xiàn)預(yù)覽，搜藏夾和購物車的按鈕

點(diǎn)擊圖片/商品名稱：

1.直接跳轉(zhuǎn)到DETAIL頁面

例如：淘寶 京東 亞馬遜……

2.彈出DETAIL頁面框

例如 優(yōu)眾：適用于內(nèi)容比較簡潔，需要用戶重點(diǎn)關(guān)注，且頁面內(nèi)元素位置需固定的情況

 對(duì)于產(chǎn)品的不同類型，商業(yè)訴求不一樣，但是其所要達(dá)到的目的是相同的，設(shè)計(jì)的終點(diǎn)也是相同的，只是形式有所區(qū)別。

文章來源：互聯(lián)網(wǎng)的一些事

標(biāo)簽： 商品展示 商品設(shè)計(jì) 網(wǎng)頁設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。