電商設(shè)計(jì),超全面的電商網(wǎng)站商品頁設(shè)計(jì)指南(2)

來源:未知 作者:AnyForWeb_UDC 學(xué)習(xí):6688人次

電商設(shè)計(jì),超全面的電商網(wǎng)站商品頁設(shè)計(jì)指南

電商設(shè)計(jì),超全面的電商網(wǎng)站商品頁設(shè)計(jì)指南

比如成功購買的記錄,又或是買家和賣家之間的有趣互動(dòng)評價(jià),這些都可以成為分享的內(nèi)容,這也許比商品本身更有吸引力。

四、Call To Action

Call To Action可以解釋為用戶行為召喚,也就是我們常說的用戶引導(dǎo)。Call To Action一般從色彩和文案兩個(gè)角度著手,而色彩是最直觀的表現(xiàn)形式。用區(qū)別于頁面大環(huán)境的色彩來強(qiáng)調(diào)突出,在吸引用戶視線的同時(shí)讓他們更樂于點(diǎn)擊。

電商設(shè)計(jì),超全面的電商網(wǎng)站商品頁設(shè)計(jì)指南

價(jià)格、標(biāo)簽,以及“加入購物袋”按鈕都使用了鮮亮的玫紅色;“購物袋”相較于“購物車”也更加生活化。

五、評價(jià)意見是必需板塊

對網(wǎng)絡(luò)缺乏信任感是大多數(shù)用戶存在的問題,而他人的評價(jià)和建議能對當(dāng)時(shí)的購買行為產(chǎn)生很大的影響。因此,顧客評論在電子商務(wù)中不是可選項(xiàng),而是必選項(xiàng)。

電商設(shè)計(jì),超全面的電商網(wǎng)站商品頁設(shè)計(jì)指南

天貓將顧客的評論進(jìn)行了自動(dòng)匯總統(tǒng)計(jì),讓用戶在查看的時(shí)候更直觀便捷。

電商設(shè)計(jì),超全面的電商網(wǎng)站商品頁設(shè)計(jì)指南

無印良品網(wǎng)站的商品詳情頁在這方面做得有所欠缺,也許是對自家的產(chǎn)品自信心爆棚?根本不用讓用戶聽取其他顧客的評價(jià)!但身為一個(gè)網(wǎng)站,還是盡量不要如此高冷了。

六、導(dǎo)航跟隨

商品詳情頁的內(nèi)容比較多,所以跟隨性的導(dǎo)航設(shè)計(jì)很有必要。跟隨導(dǎo)航在商品詳情頁的出現(xiàn)能為用戶提供很大的便利,但在大小上還需要設(shè)計(jì)師來掌握,隱形全面的導(dǎo)航才是用戶真正喜歡的導(dǎo)航。

電商設(shè)計(jì),超全面的電商網(wǎng)站商品頁設(shè)計(jì)指南

京東的商品詳情頁無論在導(dǎo)航的顏色還是大小上都比較符合用戶體驗(yàn),既讓用戶在瀏覽時(shí)更方便,也不影響用戶的視覺體驗(yàn)。

電商設(shè)計(jì),超全面的電商網(wǎng)站商品頁設(shè)計(jì)指南

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!