怎么設(shè)計商品列表框架
發(fā)布時間:2022-01-22 09:59 [ 我要自學網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 3731

視覺瀏覽模型


首先我們要了解瀏覽信息這個動作的本質(zhì)和特征,瀏覽的本質(zhì)就是大腦通過眼睛去提取信息,是一個傳達→解碼的過程,在這個過程中又存在一些特性,我們可以利用這些特性去進行一些更高效的信息傳達。

受閱讀習慣影響,人們閱讀的起始端都是在左側(cè),結(jié)合依據(jù)尼爾森等老前輩發(fā)布的眼球軌跡研究報告可知,視覺瀏覽習慣呈「F」型且是不受控的潛意識習慣;同時可以延伸出例如「E」、「Z」等瀏覽模型,我們可以根據(jù)這些視覺模型的特性,結(jié)合產(chǎn)品的戰(zhàn)略層目標,將信息放置在合適的位置,已達到信息傳達率的最大化。

如何設(shè)計商品列表框架,才能讓更多人買買買?


單元結(jié)構(gòu)


了解了基本的視覺瀏覽模型,那我們的地基就已經(jīng)搭建好了,接下來我們來看看地基搞定之后的結(jié)構(gòu)要怎么去布局。

首先我們需要清晰產(chǎn)品的屬性,電商平臺的本質(zhì)是物品的交易,因為線上的特殊性,產(chǎn)品中圖片與文案對于平臺的 GMV 就存在最直接的關(guān)系。這個時候,單元布局的輪廓就出來了,就是「商品圖+關(guān)鍵詞文案」。

同時,不同平臺戰(zhàn)略方向、發(fā)展階段、團隊規(guī)模等因素的不同,所針對的用戶群體、消費階層、心智、審美等各個因素都會大不相同,有時候甚至在同一平臺中針對不同的活動、不同的品類進行細致的場景劃分,產(chǎn)生不同的單元結(jié)構(gòu)以滿足商業(yè)目的上的需要。

720° 全方位了解平臺的屬性特征后,我們就可以開始利用這么信息來搭建基本的單元結(jié)構(gòu)了。

例如平臺主攻下沉市場,用戶群體多為三四線,這個時候用戶吸引點在于商品的價格與賣點關(guān)鍵詞,這時候我們就可以拉大關(guān)鍵詞文案的占比,縮小圖片的占比,讓他們關(guān)注的內(nèi)容盡可能多的進入他們的眼睛,吸引購買意向模糊的用戶點擊,增加購買意向明確的用戶匹配商品的速度,已達到 GMV 的提升。

簡單來說,過程中需要考慮到平臺因素所產(chǎn)出的圖片尺寸/比例/精致度/是否統(tǒng)一等,與文案搭配所呈現(xiàn)的是否適用當前消費場景及用戶心智,是否可以提升用戶的轉(zhuǎn)化率,是否可以提升平臺的下單率。

單元的架構(gòu)是多樣且復雜的,就像一塊七巧板。重點就在于對于產(chǎn)品屬性和用戶行為、場景、心理等特征的分析,需要權(quán)衡各個關(guān)鍵點的重要性,把用戶需要看到的信息、我們想讓用戶看到的信息、用戶希望看到的信息以合適的結(jié)構(gòu)狀態(tài)呈現(xiàn)給他。

如何設(shè)計商品列表框架,才能讓更多人買買買?


點睛標簽


我們將大體架構(gòu)搭建好之后,剩下的就是要把細節(jié)元素給點亮,讓他們起到一個點睛的效果。

細分一下,其中涉及到的細節(jié)元素大致為活動標簽、折扣標簽、跳轉(zhuǎn)按鈕等常規(guī)的分子部件,在結(jié)構(gòu)中,圖片、商品名稱、價格是用戶關(guān)注的重點,其他的部件則起到輔助刺激的作用。圖片和商品名稱的大體結(jié)構(gòu)我們在上一步已搭建了,剩下來我們看看這些小部件該如何合理歸置。

先從標簽說起。整體框架出來了,用戶所需要了解的商品信息就已經(jīng)基本呈現(xiàn)了,這個時候用戶心智上更多的主觀意向,尋找合適的商品,而標簽的出現(xiàn),更像是一劑興奮劑,強烈告訴用戶:「這個品熱度第一!」、「這個品是最新款!」等我們刺激用戶的聲音,增強用戶查看的欲望。

如何設(shè)計商品列表框架,才能讓更多人買買買?

這個時候疑問來了,那放哪里合適呢?

活動標簽,多為顯示該商品的熱度、促銷主題、排名等一些大的狀態(tài)性的信息,為的是在用戶心理層面給這個商品帶來更多的好感度,放置的位置可以結(jié)合具體場景去分析,可以考慮與商品圖進行結(jié)合放置。

遵循由上而下滑動的交互原理,我們可知在每個單元的頂部會是滑動瀏覽時第一被眼睛識別的信息,而且可以利用這個心理去給還沒看到具體商品的用戶進行一個心理鋪墊,比如商品的品質(zhì)、權(quán)威性等,先入為主的進行心理建設(shè),再結(jié)合視覺瀏覽模型,合適的位置就出來了。

次要信息比如倒計時、商品折扣、商品特點等輔助信息,結(jié)合布局場景考慮,有的可與圖片一起放置增強品質(zhì)感,有的可與文案一起放置增加決策信息,有的可與價格一起放置,刺激用戶進行決策,是很有靈性的一個點睛之筆。

如何設(shè)計商品列表框架,才能讓更多人買買買?

最后是按鈕,在這里的按鈕可以理解為瀏覽過程的一個閉環(huán)節(jié)點,也是一個操作的終結(jié)點,是最后的臨門一腳。位置當然是在右側(cè)最為合適,降低操作難度,同時也是整個單元的一個視覺終結(jié)點,瀏覽完流程之后決定是否點擊跳轉(zhuǎn)。當然,你可以利用你的方式去引導或刺激用戶點擊,你可以的。


總結(jié)


  • 多方面的了解戰(zhàn)略目標、市場因素、用戶目標、畫像、場景、心智等等信息;
  • 利用視覺瀏覽模型進行信息的合理規(guī)劃和引導;
  • 根據(jù)平臺的特性對框架進行布局,左右結(jié)構(gòu)、上下結(jié)構(gòu),依據(jù)平臺特性而定;
  • 標簽可以起到很合適的輔助作用,放在相應(yīng)的位置可以起到多樣的效果;
  • 按鈕作為閉環(huán)節(jié)點,降低操作的難度,有需求的話可以用你的方式去刺激或者引導。
Excel VBA入門教程2020
我要自學網(wǎng)商城 ¥60 元
進入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔因您的行為而導致的法律責任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC