廣義上的主圖包括頭張主圖、輪播副圖、主圖視頻這些,而狹義上的主圖就是指商品首張圖,
主圖點(diǎn)擊率是指的搜索和推薦流中,商品的點(diǎn)擊次數(shù)/展示次數(shù)*100%;是指的狹義主圖的點(diǎn)擊率,所以這篇文章我們都說狹義主圖的科學(xué)設(shè)計(jì)論提升客戶點(diǎn)擊率。
設(shè)計(jì)心理學(xué)
細(xì)說起來(lái)有很多,但簡(jiǎn)單歸納就一點(diǎn),讓客戶有點(diǎn)擊的欲望與沖動(dòng),為此,大家都在想辦法把主圖做得不同,但光這一點(diǎn)還不夠,還要有吸引力,對(duì)比上下的主圖有競(jìng)爭(zhēng)力。
主圖應(yīng)突出單一核心賣點(diǎn)
這是電商行業(yè)的共識(shí),所以,對(duì)于,原理,我們就不再贅述。不過我們舉一個(gè)反面例子,就能很容易理解:

像這個(gè)產(chǎn)品,是電子行業(yè)的一個(gè)明星產(chǎn)品,有非常多的亮點(diǎn),電商團(tuán)隊(duì)為了突出其賣點(diǎn),可以說在顏色和排版上下了很多功夫,但收到的實(shí)際效果很差,原因是,顧客在看主圖的過程只是要一個(gè)有力的吸引點(diǎn),才會(huì)沖動(dòng)的去點(diǎn)擊,其他諸多賣點(diǎn)都是在副圖、視頻、詳情頁(yè)里展示拱起做最終抉擇用的。
場(chǎng)景化
其實(shí)就是一個(gè)聯(lián)系,不存在聯(lián)系的產(chǎn)品吸引力弱。
主圖尺寸與加載速度
加載速度指的是獨(dú)立站電商,平臺(tái)電商則是平臺(tái)統(tǒng)一要求的尺寸和大小。
移動(dòng)與PC的不同
移動(dòng)和PC的尺寸是不一樣的,要分別設(shè)計(jì),不然會(huì)出現(xiàn)主圖文案看不清或者很大礙眼的情況。
排版、文案、字體、背景、其他元素的A/B測(cè)試
電商主圖的A/B測(cè)試是一個(gè)系統(tǒng)性的優(yōu)化過程,涉及多個(gè)元素的對(duì)比測(cè)試。以下是針對(duì)排版、文案、字體、背景和其他元素進(jìn)行A/B測(cè)試的步驟和建議:
1. 排版測(cè)試
· 定義測(cè)試目標(biāo):明確是測(cè)試布局的對(duì)齊方式(如居中、左對(duì)齊)、產(chǎn)品展示順序還是信息層次結(jié)構(gòu)。
· 創(chuàng)建變體:設(shè)計(jì)至少兩個(gè)版本,比如一個(gè)版本采用簡(jiǎn)潔的單產(chǎn)品展示,另一個(gè)則包含使用場(chǎng)景。
· 運(yùn)行測(cè)試:確保兩組用戶隨機(jī)分配,觀察哪個(gè)版本的點(diǎn)擊率或轉(zhuǎn)化率更高。
2. 文案測(cè)試
· 簡(jiǎn)短有力:測(cè)試簡(jiǎn)潔文案與詳細(xì)描述的差異,比如“快速烹飪”與“節(jié)省50%烹飪時(shí)間”。
· 情感共鳴:嘗試使用情感化語(yǔ)言與直接功能描述的對(duì)比,觀察哪一種更能吸引目標(biāo)顧客。
· 行動(dòng)號(hào)召:在主圖中加入或不加入行動(dòng)號(hào)召(CTA),如“立即購(gòu)買”,并測(cè)試效果。
3. 字體測(cè)試
· 可讀性:測(cè)試不同字體大小、樣式(如襯線與無(wú)襯線)對(duì)閱讀體驗(yàn)的影響。
· 一致性:保持品牌字體的一致性,同時(shí)測(cè)試輕微變化,如加粗或斜體,對(duì)注意力的吸引。
· 限制數(shù)量:一般不超過兩種字體,以避免視覺混亂。
4. 背景測(cè)試
· 純色與圖案:測(cè)試純色背景與圖案或場(chǎng)景背景的差異,考慮目標(biāo)市場(chǎng)的偏好。
· 顏色心理學(xué):使用不同顏色背景,如藍(lán)色代表信任,紅色代表緊急或促銷,觀察消費(fèi)者反應(yīng)。
· 透明度與模糊:對(duì)于產(chǎn)品圖,測(cè)試背景的透明度或模糊處理,看是否能更突出產(chǎn)品本身。
5. 其他元素測(cè)試
· 圖標(biāo)與符號(hào):添加或移除如環(huán)保標(biāo)志、打折標(biāo)簽等,看是否增加點(diǎn)擊欲望。
· 模特與無(wú)模特:對(duì)于服裝或美容產(chǎn)品,測(cè)試使用模特展示與僅產(chǎn)品展示的效果。
· 動(dòng)態(tài)效果:雖然不常見于靜態(tài)主圖,但可以考慮在特定平臺(tái)(如社交媒體廣告)測(cè)試動(dòng)態(tài)GIF或視頻預(yù)覽的吸引力。
實(shí)施步驟:
· 工具選擇:使用亞馬遜的A/B測(cè)試功能,或第三方工具如Optimizely、VWO等。
· 明確變量:每次測(cè)試只改變一個(gè)變量,確保結(jié)果的準(zhǔn)確性。
· 樣本量:確保有足夠的訪問量和轉(zhuǎn)化數(shù)據(jù)來(lái)得出統(tǒng)計(jì)學(xué)上顯著的結(jié)論。
· 持續(xù)時(shí)間:根據(jù)流量和轉(zhuǎn)化周期,設(shè)置合理的測(cè)試時(shí)間,通常至少幾周。
· 數(shù)據(jù)分析:測(cè)試結(jié)束后,分析數(shù)據(jù),確定哪個(gè)版本表現(xiàn)更佳,并記錄學(xué)習(xí)點(diǎn)。
· 迭代優(yōu)化:基于測(cè)試結(jié)果,不斷調(diào)整和優(yōu)化,形成持續(xù)的優(yōu)化循環(huán)。
記住,A/B測(cè)試是一個(gè)持續(xù)的過程,需要耐心和細(xì)致的觀察,以找到最能提升點(diǎn)擊率和轉(zhuǎn)化率的主圖設(shè)計(jì)。