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

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

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

美麗說(shuō)的跟隨導(dǎo)航以兩種形式出現(xiàn),一開始是網(wǎng)站的主導(dǎo)航,翻閱到一定區(qū)域,導(dǎo)航自動(dòng)變更為商品詳情導(dǎo)航。這樣的做法其實(shí)顯得有些多余。當(dāng)用戶已經(jīng)在翻閱一個(gè)頁(yè)面的時(shí)候其實(shí)很少會(huì)出現(xiàn)跳轉(zhuǎn)的需求。另外,在跟隨導(dǎo)航中設(shè)計(jì)二級(jí)導(dǎo)航也沒(méi)有什么必要,這樣只會(huì)讓用戶的視線范圍變狹窄。

七、優(yōu)先功能用途的描述

很多商品詳情頁(yè)的品牌情節(jié)過(guò)于明顯,這會(huì)讓用戶覺(jué)得商業(yè)色彩太過(guò)濃重,缺乏親切感。商品詳情頁(yè)的描述第一屏通常會(huì)有新品或熱門推薦,這種做法與商戶最應(yīng)該注重的用戶體驗(yàn)完全背道而馳,這類行為會(huì)讓用戶產(chǎn)生反感。

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

GAP的商品詳情頁(yè)幾乎沒(méi)有任何多余的部分,頁(yè)面中的內(nèi)容都圍繞著一個(gè)商品而展開,為用戶營(yíng)造出良好舒適的購(gòu)物環(huán)境。

八、減少文案,善于顯示關(guān)鍵詞

有研究表明,互聯(lián)網(wǎng)上60%的文字信息用戶是不會(huì)閱讀的,我們由此可以得出,互聯(lián)網(wǎng)上出現(xiàn)的文案必須達(dá)到最精簡(jiǎn),應(yīng)該善于抓取關(guān)鍵字。

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

國(guó)美在線在商品詳情頁(yè)上首先列出一系列用戶真正需要了解的關(guān)鍵點(diǎn),再在接下來(lái)的部分中一一詳細(xì)介紹。

九、保持頁(yè)面連貫性

關(guān)于商品詳情頁(yè),站在用戶角度來(lái)說(shuō),他們需要清晰地認(rèn)識(shí)到商品的全部信息,或者說(shuō)該如何為自己帶來(lái)好處,因此,商品描述的邏輯順序變得格外重要,設(shè)計(jì)師可以基于商品描述的認(rèn)知規(guī)律去考慮這一點(diǎn)。

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

蘇寧易購(gòu)的網(wǎng)站在頁(yè)面連貫性上表現(xiàn)得很順暢,條理十分清晰,讓用戶能順著線索找到自己需要的那一部分。

十、頁(yè)面不宜過(guò)長(zhǎng)

頁(yè)面長(zhǎng)度的掌握在商品詳情頁(yè)的設(shè)計(jì)中是一個(gè)很常見(jiàn)的待解決問(wèn)題,頁(yè)面長(zhǎng)度過(guò)長(zhǎng)不僅會(huì)導(dǎo)致網(wǎng)頁(yè)加載速度變慢,也會(huì)讓用戶產(chǎn)生視覺(jué)疲勞。一般來(lái)說(shuō),PC顯示在20屏以內(nèi),移動(dòng)端控制在10屏,也就是4頁(yè)以內(nèi)。

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

一號(hào)店商品詳情頁(yè)的頁(yè)面長(zhǎng)度控制比較恰當(dāng),盡量把相關(guān)事項(xiàng)交代清楚,不加入其他可有可無(wú)的成分。

總結(jié):

商品詳情頁(yè)的設(shè)計(jì)體現(xiàn)的不僅僅是單純的視覺(jué)效果而已,無(wú)論構(gòu)思還是排版都是一個(gè)引導(dǎo)用戶的過(guò)程。打動(dòng)用戶、刺激購(gòu)買,設(shè)計(jì)師應(yīng)該抱著這樣的理念為用戶傳播一種幻想,而不只是設(shè)計(jì)一個(gè)頁(yè)面而已。

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

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

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

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