您現在的位置: 中國廣告門戶網 >> 廣告新聞 >> 廣告設計 >> 廣告資源 >> 正文

你知道產品圖片列表,采用什么布局最好嗎?

責任編輯:佚名    新聞來源:不詳    新聞日期:2018/9/19

6367069748378412154867081.jpg

圖片來源圖蟲:已授站長之家使用

作者:風箏KK,公眾號:海鹽社

產品列表是用戶挑選商品,決定是否購買或使用的關鍵頁面,合理的布局方案不僅能提升用戶的視覺體驗,同時還能提高用戶的操作體驗,從而促進用戶買單。

產品列表采用什么樣的布局方案才是有效的呢?

我們不能拋開產品單獨分析,而是需要根據你的產品數量、用戶需求、產品目的等多方面來確定。不過最重要的在此之前我們還需要知道有哪些布局方案。

下面我總結了六大布局:

下面為了方便大家分析對比,我將對這六大布局進行分析,同時從圖片細節展示、承載產品數多少、商品信息對比強弱、趣味性和新鮮感這四個決定采用何種布局方案的點進行評分。

列表布局

列表布局也就是我們常見的圖文列表,一個列表垂直呈現多個連續的行元素。列表布局重在文本內容,由于圖片尺寸較小,因此圖片細節展示不豐富。最常見的使用場景就是電商、團購類列表,如:淘寶、大眾點評等。

其優勢是,由于列表布局遵循自上而下的閱讀模式,因此有利于商品信息的對比,同時一屏可展示產品數較多。但是其趣味性和新鮮感較差,因此瀏覽時間過長會出現視覺疲勞。

如圖:

以大眾點評為例:其圖片直接采用產品圖,質量較低而且統一性不強。同時針對團購類的產品,我們需要快速瀏覽查看每個列表的信息,從而針對優惠信息進行對比,因此采用列表布局較為適合。

以淘票票為例:圖片主要起到視覺引導的作用,而用戶需要看的就是打折的詳細信息,因此采用列表布局有利于商品的對比使用。

綜上,如果滿分是五顆星,那么列表的圖片細節展示較差為 2 顆星;承載產品數多為 5 顆星;商品信息對比強為 5 顆星;趣味性和新鮮感低為 2 顆星。

什么時候使用?

當你的產品圖片質量不高,產品數量較多,你的產品需要通過優惠信息、價格參數等來進行對比,另外對界面效果要求較低時,我們可以采用列表布局。

大圖網格布局

大圖網格布局,也就是指一行只展示一張圖片,由于其圖片占比較大,因此往往一屏只能展示 1 到 2 張,圖片細節能夠清晰展現,用戶可直接根據圖片進行商品對比。最常見的使用場景就是以圖片為主的APP推薦列表,例如:愛彼迎、螞蟻短租、懶人周末等。

相比于列表布局,大圖布局頁面空間的消耗大,一屏可展示內容少,不利于信息的查找和對比,同時視覺效果較好,因此適合以圖片為主的產品,同時多用于商品數量較少或推薦列表中。

如圖:

以螞蟻短租和懶人周末為例,雖然他們一個是短租類APP,一個是生活類APP。其共同點是他們的圖片都是經過專人編輯,圖片質量較高,同時對界面視覺要求較高,采用大圖布局可展示更多的細節,幫助用戶篩選對比,提升整體的界面效果。

中國廣告門戶網


  • 上一篇新聞:
  • 下一篇新聞:
  • 發 表 評 論

      姓 名:   性 別:
      Q Q號:   Email:
    我要給這篇文章評分 1分 2分 3分 4分 5分
      請自覺遵守,注意文明發言
    企業推廣
    企業服務
    廣告模特
    全國各地廣告網分站
    中國廣告門戶網服務宗旨:為中國北京、天津、上海、重慶、深圳、廈門、黑龍江哈爾濱、吉林長春、遼寧沈陽、河北石家莊、甘肅蘭州、青海西寧、陜西西安、河南鄭州、山東濟南、山西太原 、安徽合肥、湖北武漢、湖南長沙、江蘇南京、四川成都、貴州貴陽、云南昆明、浙江杭州、江西南昌、廣東廣州、福建福州、臺灣臺北、海南?、新疆烏魯木齊、內蒙古呼和浩特、寧夏銀川 、廣西南寧、西藏拉薩、香港、澳門等世界各地廣告公司及廣告人提供廣告設計,品牌傳播營銷,文案策劃,廣告人才招聘培訓,戶外廣告,廣告案例,廣告創意、平面廣告、4A媒體等廣告新聞信息。

    威龙国际