国产午夜男女爽爽爽爽爽_亚洲A∨无码一区二区一二区毛片_蜜桃tv在线二三区_天天摸一摸视频寡妇_国产欧美国产精品第二区_亚洲老司机在线凹凸福利网站_大痉挛中文字幕色视频_欧美日韩性爱第一页_亚洲高清无码在线一区二区_亚洲黄片视频免费看

如何提高用戶體驗(yàn),從網(wǎng)站list列表頁(yè)中的商品展示設(shè)計(jì)分析

2012-11-26 21:11:29

 

  商品聚集頁(yè): 顧名思義,就是把商品列出來,形成具有某種共同特征的商品的匯集頁(yè)面,常用的比如列表頁(yè),專題頁(yè)。

  目的就是為了提供給消費(fèi)者更多的商品選擇,從而提高轉(zhuǎn)換率,盡量減少用戶的跳出率,保證瀏覽流暢。這就需要提供優(yōu)質(zhì)的視覺體驗(yàn)和良好的交互體驗(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ù) :是購(gòu)買用戶最真切的反映,也是用戶最關(guān)心的元素之一

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

  顏色 :在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è)角度的拍攝圖+視頻展示

  

 

  韓國(guó)網(wǎng)站ogage

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

  

 

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

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

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

  2.彈出DETAIL頁(yè)面框

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

  

 

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

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