當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內容

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

來源:未知 作者:AnyForWeb_UDC 學習:6688人次

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

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

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

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

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

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

八、減少文案,善于顯示關鍵詞

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

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

國美在線在商品詳情頁上首先列出一系列用戶真正需要了解的關鍵點,再在接下來的部分中一一詳細介紹。

九、保持頁面連貫性

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

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

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

十、頁面不宜過長

頁面長度的掌握在商品詳情頁的設計中是一個很常見的待解決問題,頁面長度過長不僅會導致網(wǎng)頁加載速度變慢,也會讓用戶產(chǎn)生視覺疲勞。一般來說,PC顯示在20屏以內,移動端控制在10屏,也就是4頁以內。

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

一號店商品詳情頁的頁面長度控制比較恰當,盡量把相關事項交代清楚,不加入其他可有可無的成分。

總結:

商品詳情頁的設計體現(xiàn)的不僅僅是單純的視覺效果而已,無論構思還是排版都是一個引導用戶的過程。打動用戶、刺激購買,設計師應該抱著這樣的理念為用戶傳播一種幻想,而不只是設計一個頁面而已。

學習 · 提示

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

關注大神微博加入>>

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