電商產品中,商品始終是最核心的內容。商品的表現形式可能決定了用戶的后續行為,最終影響商品轉化。最近深入分析了各大平臺“猜你喜歡”頻道商品展示方式并總結了設計要點,現在分享給大家。
文章的主要內容如下:
1、電商商品展示場景分析2、體驗設計目標
3、展示形式分析
一、“人場貨”概念
電商購物改變了傳統零售業“人、場、貨”之間的關系,不再是單向的“人找貨”模式。通過大數據分析,商家對于用戶的認知無限趨近于用戶的內心需求,可以較為精準的實現“貨找人”,為商家提供了更多的售賣機會。商家可以根據用戶(人)的需求,推送商品(貨),并為用戶打造消費的場景(場)。

無論是“人找貨”、還是“貨找人”,用戶都需要經過商品展示頁面,查看商品詳情后,才會做出購買決策。因此需要通過設計不斷提升商品展示形式,吸引用戶點擊,從而提升平臺的商品轉化。
二、“貨找人”場景
電商平臺基于用戶特征、過往購物行為,為用戶推薦商品,就是“貨找人”模式,例如我們常見的“猜你喜歡”、“推薦”等頻道。內容通常包含用戶瀏覽過、加購、或者購買過的商品,以及穿插曝光的推廣活動、店鋪、商品等,主要有兩個目的:

1)占領用戶時間,形成心智認知,培養用戶瀏覽習慣
通過符合用戶偏好的商品,吸引用戶沉浸其中,產生“逛街”的感覺,激起用戶的購物欲望,喚醒用戶潛在的購物需求,提升商家的銷售量。
2)促進用戶轉化
通過關鍵的價值激勵點,例如滿減信息、商品賣點等信息,增強用戶購買動機,實現用戶轉化。
三、體驗設計維度
在商品展示頁設計時,需要考量兩個方面,提升效率和價值點傳導。

1、提升效率
1)內容顯示效率
為了增加用戶與商品的觸點,必須要考慮一屏之內有效展示商品數量。通過盡可能多的商品露出,不斷激發用戶的興趣點,喚醒用戶需求,吸引用戶持續瀏覽。
另外頁面中還會嵌入運營活動、店鋪推廣等內容,提高相關頁面的流量。例如淘寶、京東瀑布流展示方式中增加了會場活動廣告進行引流。

拼多多“推薦”頻道中,通過榜單形式增加商品曝光和引流,同時可以改變展示頁面的視覺表現形式,避免頁面過于單調造成用戶視覺疲勞,導致失去耐心而過早的退出。

2)信息傳遞效率
商品展示中包含了各類信息,圖片則是重中之重,并且圖片的信息傳達效率要高于文字信息。因此不論是大圖模式還是列表模式,都是通過圖片吸引用戶,實現商品的快速篩選,提高用戶的識別效率。
另外為了提升信息傳遞效率,直播、視頻、動圖逐漸開始應用開了。相對于靜態圖片,視頻和動圖在有限的展示空間中,可以承載更多信息內容,用戶不需要進入詳情頁,就可以獲得更多的商品細節,從而提升購買決策的效率。
另一方面視頻和直播信息更加豐富,更容易吸引用戶點擊,從而為更多商品引流。

3)用戶操作效率
由于“猜你喜歡”商品差異性較大,當用戶點擊某件商品后,為了抓住用戶一閃而過的購買動機,需要提供更多的相似商品或者同類商品,促進用戶轉化。
例如淘寶和天貓在用戶點擊部分商品后,會在商品卡片下方增加相似商品的二次推薦,方便用戶快速瀏覽相似產品,提升用戶轉化率。

2、價值點傳導
價值點主要包括商品賣點、價格折扣或者服務優勢等內容 。在商品展示中,價值點表現形式主要分為兩類,圖文結合和標簽展示。
1)圖文結合
為了在有限的空間中傳遞更多的商品信息,部分商品圖片中會增加文字信息,簡單直白的說明商品價值點。圖文方式可以將用戶注意力集中在圖片中,獲取商品關鍵信息。
但是圖片尺寸較小,會造成圖片信息元素較多,反而弱化了商品本身的內容細節,對用戶的瀏覽造成一定的影響,因此對圖片的展現效果要求較高。

2)標簽展示
商品標簽是一種非常好的價值點傳遞方式,一方面可以通過邊框線、底色、字色等形式與其他信息快速區分開來。另一方面簡短的標簽,可以保證用戶閱讀效率。
標簽化的內容在不同電商平臺中差異還是比較明顯的。例如天貓主打商品品牌、品質,服務,因此發貨速度、物流效率、運費險等內容成為了首選標簽。而拼多多為了改變平臺在用戶中的形象,在商品展示上,主打正品險,極速退款,退貨包運費等標簽,可以更好的打消用戶的下單顧慮。

四、商品展現形式
1、展現方式
商品展示主要分為大圖模式(上圖下文)和列表模式(左圖右文)兩種方式。
大圖模式,主要是為了讓用戶通過更大尺寸的圖片查看商品細節信息。通常為兩列布局,一般采用卡片式設計。
受卡片寬度所限,文字內容較少,可能會造成用戶無法清晰地確定商品信息。這就要求圖片盡可能地傳達出商品的詳細信息,例如商品規格,數量,品牌等信息。
列表模式,圖片空間占比下降,視覺空間上更加輕松。一般采用雙行商品名稱,有利于增加更多的文字信息,呈現商品賣點,但是用戶需要閱讀的信息量也會增加。
2、展現策略
在不同用戶場景、對于不同的商品品類,各個平臺的展現策略有所差異。例如拼多多“推薦”頻道,并沒有采用其他平臺首頁“猜你喜歡”通用的大圖模式,而是采用了列表模式,拼多多首頁其他頻道則采用了兩列宮格大圖模式。

3、頁面布局
對于不同的頻道內容,商品同樣是大圖模式,有的產品采用了瀑布流方式,有的則采用了兩列宮格模式。
在“猜你喜歡”頻道中,淘寶、天貓、京東都采用了瀑布流的方式,瀑布流在內容展示上更加靈活,可以更好的兼容各種類型的內容信息。例如淘寶在“猜你喜歡”中加入了店鋪推廣,而京東則嵌入了滿意度調研。
在一定的場景下,瀑布流內容展示量更大,展示效率更高。但是由于錯落的布局,視覺動線在不斷的跳躍,會導致一定的瀏覽困難。

寫在最后
以上就是“貨找人”場景下的商品展示的總結,可以看出不同平臺間還是存在一定的差異的。而造成差異的主要原因,莫過于平臺的定位和內容引導。因此設計的基本原則就是“形式跟隨功能”。
當然商品展示并不僅限于“猜你喜歡”頻道,搜索結果也是非常重要的展示場景。后續筆者將對淘寶、天貓、京東、拼多多4大電商平臺,在不同場景下的商品展示形式,進行系統的分析和整理分享給大家。