H5中动效的(de)应用(yòng)
随着互联网时代的发展,手(shǒu)机上网已(yǐ)经(jīng)成为人们日常生活(huó)的部分,企业(yè)已经从过去传(chuán)统的广告模式中走(zǒu)出来,移动营销成为企业推广的重要方式,而移动营销中,H5作为(wéi)营销的传播工具,在企业(yè)推广中起着至关重(chóng)要的作用。H5营销(xiāo)不仅自身(shēn)附(fù)带推(tuī)广,且H5形(xíng)式众多,花(huā)样百出,利(lì)用(yòng)有(yǒu)趣的交互或者各(gè)种奖励(lì)机制促使用户二次传播,形(xíng)成病毒(dú)营(yíng)销,提高品(pǐn)牌的曝(pù)光量。下面,qy千亿和蓝橙互动就给(gěi)大家聊聊H5中动效的(de)应用方式。
1、用户体(tǐ)验的重要(yào)性
从内容与推广出发,再结合(hé)当下信息时代(dài)和用户特征,思考H5如何才能更好的具有传播力,动效无(wú)疑(yí)是提升(shēng)用户体验的重要(yào)手段(duàn)。我们所(suǒ)见的(de)H5都可以制作动效,以展(zhǎn)示(shì)为主的H5常见的(de)应用(yòng)场景包含邀请函、账单、产品宣传、品牌广告(gào)、节日营销等,动效(xiào)结(jié)合简单交互来营造品牌营(yíng)销氛围,达到提高品牌认(rèn)知度和宣传品牌(pái)形象的目的。
2、动效能(néng)实现的效果(guǒ)
市面上的H5动(dòng)效看似花(huā)样百出,大多基本操(cāo)作无疑是(shì)改变(biàn)图片属性:缩放、透明、旋转、移动,或是(shì)逐帧展示,再(zài)将改变的各种属(shǔ)性(xìng)集合,抓住用户(hù)的情感形成各式各样的动效(xiào)来塑造品牌形象。
案例名称:《滑屏查(chá)收这(zhè)份新鲜指北》
此H5运(yùn)用(yòng)最多(duō)的(de)属(shǔ)性变化(huà)则(zé)是通过改变(biàn)位置(zhì)来形(xíng)成动效,开(kāi)篇(piān)一段弹幕的形式展现,拉动活跃的(de)气(qì)氛(fēn),用户情感一下就被(bèi)带(dài)动(dòng)了,加载完后出现新希(xī)望首页,随(suí)着位置变化整(zhěng)体节奏是带有抖音的故障风(fēng),整体动感活跃(yuè),跟着(zhe)新(xīn)希望吉祥物奶牛的(de)节奏,通过手指滑动展现当代年(nián)轻人对生活(huó)的各种追(zhuī)求,代入情景中,与用户产生共(gòng)鸣(míng)。元素本身的位移与滑动(dòng)的同时前后元(yuán)素(sù)的位移,形成前后空间(jiān)感,让(ràng)画面更立体。最后再(zài)展示第六届中国好(hǎo)鲜奶-新(xīn)鲜(xiān)盛典(diǎn)的具(jù)体信息。完了引(yǐn)导用户参与DOU音话题(tí)或者跳转产品链接,增加曝光与成(chéng)交量。
案(àn)例名称《三千旅居》
开篇选择角色(sè),用第一(yī)人称(chēng)的角度,长(zhǎng)按画面控(kòng)制前行或后退,同样(yàng)是(shì)通(tōng)过位置(zhì)的移动,来展示(shì)我游历各大(dà)地标景色的过程,途中经过的各地标(biāo)也(yě)表明(míng)了三千旅居品(pǐn)牌(pái)全国化,点击景点可以(yǐ)生成(chéng)三千旅(lǚ)居宣传海报,和扫描二(èr)维码查(chá)看更多品牌活动,旨在(zài)通过动(dòng)画展示场景来宣传三千旅居品牌的作用。与上(shàng)一个H5案例不同的(de)是,用户滑到的位置才会有相应的(de)元素展示,互动形式简单易懂,不会增(zēng)加用户负担,品牌宣(xuān)传效果,用户体验也(yě)极佳。
3、考虑加(jiā)载流畅
从2G到5G,在这个互联网时代,人们从(cóng)未(wèi)停止(zhǐ)对网络(luò)速度的追求(qiú),展示内H5大多内容较多,素材(cái)较大,站在用户的角度,加载的流畅(chàng)性是必不可少(shǎo)的,可以想象,原(yuán)本(běn)用户感兴趣的一支H5,点进去之(zhī)后加载很久都不(bú)能进去,大概率兴(xìng)趣(qù)度会从80%降为20%,甚至失(shī)去耐(nài)心(xīn),导致退出。对于(yú)这(zhè)种情况,1是考(kǎo)虑分部加载,尽量减(jiǎn)少初(chū)步加(jiā)载太多导致(zhì)用户(hù)焦急等待的烦躁,2是在加载或(huò)过(guò)渡阶段,制(zhì)作有(yǒu)趣的动效来(lái)吸引用户,提升体验(yàn)。
案例名称《大象公益(yì)》
开篇加载(zǎi)页(yè)就很有(yǒu)意思,小象用它长长的鼻(bí)子转(zhuǎn)动,吸引(yǐn)用户兴趣,从而(ér)等待(dài)接(jiē)下来(lái)的情景,也(yě)加深(shēn)了用户对小象的印象。就是通过有趣的动(dòng)效来吸引用户,对接下来的内容产生(shēng)浓厚(hòu)的(de)兴趣并充(chōng)满(mǎn)期待。
以(yǐ)上,列举了部分动效在(zài)H5中(zhōng)的运用(yòng),可以看(kàn)出一支优质的H5游戏,都是站(zhàn)在用户的(de)角度(dù)思考,寻求怎么给用户更好的(de)使(shǐ)用体验的同(tóng)时,传播品牌(pái),达到最佳营销效果。
联系QQ:2899301896
qy千亿和蓝橙互动·致力于为企业提供更高效的开发服务