本期我們重點(diǎn)進(jìn)行了動(dòng)態(tài)與靜態(tài)廣告圖的對(duì)比分析與測(cè)試,并提煉出了優(yōu)化點(diǎn)擊的動(dòng)態(tài)元素。希望我們本次總結(jié)出的方法論可以幫助商家朋友更高效的用設(shè)計(jì)來(lái)提升轉(zhuǎn)化實(shí)現(xiàn)商業(yè)增長(zhǎng)。

上期回顧:

一定要選擇動(dòng)態(tài)Banner嗎?

廣告圖只要能讓用戶快速識(shí)別全部售賣主體信息即可,并不一定要動(dòng)態(tài)banner。尤其對(duì)于APP首焦來(lái)說(shuō),很多時(shí)候靜態(tài)的呈現(xiàn)反而比動(dòng)態(tài)呈現(xiàn)的點(diǎn)擊轉(zhuǎn)化高。那我們?cè)撛谑裁磿r(shí)候選擇靜態(tài)Banner、什么時(shí)候選擇動(dòng)態(tài)Banner呢?

1. 以下兩種情況選擇動(dòng)態(tài)banner:

突出展現(xiàn)商品的質(zhì)感(特別是食品品類)和工藝時(shí),動(dòng)態(tài)比靜態(tài)點(diǎn)擊率高85%

如果直接用靜態(tài)全部展示出來(lái)的話會(huì)間接使商品圖縮小識(shí)別度低,并且商品圖的視覺(jué)占比過(guò)大的話會(huì)造成畫面不協(xié)調(diào)從而影響點(diǎn)擊效果,這個(gè)時(shí)候使用動(dòng)效依次展示效果會(huì)更好。

動(dòng)態(tài)Banner效果比靜態(tài)好嗎?來(lái)看京東的實(shí)測(cè)效果!

想要展現(xiàn)同一商品不同狀態(tài)時(shí):動(dòng)態(tài)比靜態(tài)點(diǎn)擊率高35%

但是如果商品本身其他角度、形式或者狀態(tài)有亮點(diǎn)和明顯差異性的話,且商品本身占圖面積較大且需要展現(xiàn)多種狀態(tài)時(shí),如果直接用靜態(tài)全部展示出來(lái)的話會(huì)間接使商品圖縮小造成識(shí)別度低,并且商品圖的視覺(jué)占比過(guò)大的話會(huì)造成畫面不協(xié)調(diào)從而影響點(diǎn)擊效果,這個(gè)時(shí)候使用動(dòng)效依次展示效果會(huì)更好。

動(dòng)態(tài)Banner效果比靜態(tài)好嗎?來(lái)看京東的實(shí)測(cè)效果!

2. 以下三種情況選擇靜態(tài)banner:

想要呈現(xiàn)商品的系列感和多樣性時(shí):靜態(tài)比動(dòng)態(tài)點(diǎn)擊率高260%

在保證商品本身沒(méi)有任何改變的前提下(大小、清晰度)下:靜態(tài)圖直接呈現(xiàn)所有商品比將每個(gè)商品分開切換來(lái)依次展示的識(shí)別成本低很多,用戶感知更直觀。

即:如果商品是堆品,能最快展示全部主體的創(chuàng)意可降低用戶識(shí)別完整商品的時(shí)間和成本。

動(dòng)態(tài)Banner效果比靜態(tài)好嗎?來(lái)看京東的實(shí)測(cè)效果!

若想要補(bǔ)充展示商品的細(xì)節(jié)或者功能時(shí):靜態(tài)比動(dòng)態(tài)點(diǎn)擊率高93%。如果只是商品的細(xì)節(jié)和裝飾點(diǎn)綴元素的話,建議直接在靜態(tài)圖中添加呈現(xiàn)這些輔助元素即可,這樣可以節(jié)約用戶識(shí)別時(shí)間成本從而提高點(diǎn)擊率。

即:如果商品是單一主體,輔助表現(xiàn)主體的裝飾元素不宜有過(guò)多的表現(xiàn),動(dòng)態(tài)展示的話會(huì)間接干擾用戶識(shí)別主體的成本。

動(dòng)態(tài)Banner效果比靜態(tài)好嗎?來(lái)看京東的實(shí)測(cè)效果!

想要展現(xiàn)商品本身的多個(gè)角度時(shí):靜態(tài)比動(dòng)態(tài)點(diǎn)擊率高65%

建議直接用靜態(tài)圖進(jìn)行完整商品的呈現(xiàn),因?yàn)橐来吻袚Q產(chǎn)品的不同角度會(huì)造成用戶看完動(dòng)態(tài)圖完整信息的時(shí)間遠(yuǎn)遠(yuǎn)大于靜態(tài)圖,且查看完整狀態(tài)商品時(shí)會(huì)一直被干擾,識(shí)別時(shí)間和成本都提高必然會(huì)影響轉(zhuǎn)化量。

即:如果商品是單一主體,其他角度沒(méi)有特殊亮點(diǎn)的話直接選擇最佳識(shí)別角度展示即可。

動(dòng)態(tài)Banner效果比靜態(tài)好嗎?來(lái)看京東的實(shí)測(cè)效果!

什么樣的動(dòng)態(tài)元素可以提升banner點(diǎn)擊?

動(dòng)態(tài)元素容易吸引用戶關(guān)注,而當(dāng)動(dòng)態(tài)元素表現(xiàn)的不是商品本身時(shí),過(guò)多的輔助元素堆疊反而會(huì)分散走用戶注意力。

建議使用動(dòng)態(tài)輔助元素來(lái)襯托商品時(shí),盡量選用簡(jiǎn)單的、信息量更低的動(dòng)效設(shè)計(jì),幫助用戶快速識(shí)別商品及其賣點(diǎn)即可。

1. 若測(cè)試主體為商品圖:

相較于直接切換展示,放大切換展示可以讓用戶更清晰的看到多樣的商品,且較大的動(dòng)作幅度和范圍可以快速抓住用戶的注意力,而過(guò)于細(xì)小的動(dòng)效很難被用戶察覺(jué)。(大幅度動(dòng)態(tài)點(diǎn)擊效果提升20%)

動(dòng)態(tài)Banner效果比靜態(tài)好嗎?來(lái)看京東的實(shí)測(cè)效果!

2. 若測(cè)試主體是輔助元素:

選擇與商品關(guān)聯(lián)度高的輔助元素即可使畫面更生動(dòng),并且?guī)椭脩衾斫馍唐返膶傩?賣點(diǎn),展示內(nèi)容越清晰可識(shí)別,用戶越能快速低成本認(rèn)知,從而促進(jìn)點(diǎn)擊轉(zhuǎn)化。(更清晰展示內(nèi)容的動(dòng)態(tài)點(diǎn)擊效果提升25%)

動(dòng)態(tài)Banner效果比靜態(tài)好嗎?來(lái)看京東的實(shí)測(cè)效果!

研究展望與鳴謝

以上就是本次總結(jié)出的Banner廣告設(shè)計(jì)的一些法則和指南,羚瓏將持續(xù)對(duì)廣告圖CTR點(diǎn)擊效果進(jìn)行測(cè)試研究,希望這些結(jié)論可以幫助廣大商家用戶更高效的設(shè)計(jì)出高點(diǎn)擊高轉(zhuǎn)化的廣告圖。

特別感謝本期合作測(cè)試的所有商家:西門子、博世、良品鋪?zhàn)印⑻焖蟆w亞達(dá)、雷諾、阿瑪尼、天王、卡西歐、DW、卡文克萊。

歡迎關(guān)注「JellyDesign」的小程序

動(dòng)態(tài)Banner效果比靜態(tài)好嗎?來(lái)看京東的實(shí)測(cè)效果!

收藏 457
點(diǎn)贊 122

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。