H5中動效的應(yīng)用
隨著互聯(lián)網(wǎng)時代的發(fā)展,手機(jī)上網(wǎng)已經(jīng)成為人們?nèi)粘I畹牟糠?,企業(yè)已經(jīng)從過去傳統(tǒng)的廣告模式中走出來,移動營銷成為企業(yè)推廣的重要方式,而移動營銷中,H5作為營銷的傳播工具,在企業(yè)推廣中起著至關(guān)重要的作用。H5營銷不僅自身附帶推廣,且H5形式眾多,花樣百出,利用有趣的交互或者各種獎勵機(jī)制促使用戶二次傳播,形成病毒營銷,提高品牌的曝光量。下面,藍(lán)橙互動就給大家聊聊H5中動效的應(yīng)用方式。
1、用戶體驗(yàn)的重要性
從內(nèi)容與推廣出發(fā),再結(jié)合當(dāng)下信息時代和用戶特征,思考H5如何才能更好的具有傳播力,動效無疑是提升用戶體驗(yàn)的重要手段。我們所見的H5都可以制作動效,以展示為主的H5常見的應(yīng)用場景包含邀請函、賬單、產(chǎn)品宣傳、品牌廣告、節(jié)日營銷等,動效結(jié)合簡單交互來營造品牌營銷氛圍,達(dá)到提高品牌認(rèn)知度和宣傳品牌形象的目的。
2、動效能實(shí)現(xiàn)的效果
市面上的H5動效看似花樣百出,大多基本操作無疑是改變圖片屬性:縮放、透明、旋轉(zhuǎn)、移動,或是逐幀展示,再將改變的各種屬性集合,抓住用戶的情感形成各式各樣的動效來塑造品牌形象。
案例名稱:《滑屏查收這份新鮮指北》
此H5運(yùn)用最多的屬性變化則是通過改變位置來形成動效,開篇一段彈幕的形式展現(xiàn),拉動活躍的氣氛,用戶情感一下就被帶動了,加載完后出現(xiàn)新希望首頁,隨著位置變化整體節(jié)奏是帶有抖音的故障風(fēng),整體動感活躍,跟著新希望吉祥物奶牛的節(jié)奏,通過手指滑動展現(xiàn)當(dāng)代年輕人對生活的各種追求,代入情景中,與用戶產(chǎn)生共鳴。元素本身的位移與滑動的同時前后元素的位移,形成前后空間感,讓畫面更立體。最后再展示第六屆中國好鮮奶-新鮮盛典的具體信息。完了引導(dǎo)用戶參與DOU音話題或者跳轉(zhuǎn)產(chǎn)品鏈接,增加曝光與成交量。
案例名稱《三千旅居》
開篇選擇角色,用第一人稱的角度,長按畫面控制前行或后退,同樣是通過位置的移動,來展示我游歷各大地標(biāo)景色的過程,途中經(jīng)過的各地標(biāo)也表明了三千旅居品牌全國化,點(diǎn)擊景點(diǎn)可以生成三千旅居宣傳海報(bào),和掃描二維碼查看更多品牌活動,旨在通過動畫展示場景來宣傳三千旅居品牌的作用。與上一個H5案例不同的是,用戶滑到的位置才會有相應(yīng)的元素展示,互動形式簡單易懂,不會增加用戶負(fù)擔(dān),品牌宣傳效果,用戶體驗(yàn)也極佳。
3、考慮加載流暢
從2G到5G,在這個互聯(lián)網(wǎng)時代,人們從未停止對網(wǎng)絡(luò)速度的追求,展示內(nèi)H5大多內(nèi)容較多,素材較大,站在用戶的角度,加載的流暢性是必不可少的,可以想象,原本用戶感興趣的一支H5,點(diǎn)進(jìn)去之后加載很久都不能進(jìn)去,大概率興趣度會從80%降為20%,甚至失去耐心,導(dǎo)致退出。對于這種情況,1是考慮分部加載,盡量減少初步加載太多導(dǎo)致用戶焦急等待的煩躁,2是在加載或過渡階段,制作有趣的動效來吸引用戶,提升體驗(yàn)。
案例名稱《大象公益》
開篇加載頁就很有意思,小象用它長長的鼻子轉(zhuǎn)動,吸引用戶興趣,從而等待接下來的情景,也加深了用戶對小象的印象。就是通過有趣的動效來吸引用戶,對接下來的內(nèi)容產(chǎn)生濃厚的興趣并充滿期待。
以上,列舉了部分動效在H5中的運(yùn)用,可以看出一支優(yōu)質(zhì)的H5游戲,都是站在用戶的角度思考,尋求怎么給用戶更好的使用體驗(yàn)的同時,傳播品牌,達(dá)到最佳營銷效果。
聯(lián)系QQ:2899301896
藍(lán)橙互動·致力于為企業(yè)提供更高效的開發(fā)服務(wù)