实战案例告诉你H5玩法(fǎ)有哪些?
使用H5开展营销活动(dòng)对于各大品(pǐn)牌来说,已经成为一件习以为常(cháng)的事(shì)情(qíng),不管(guǎn)是在线上还是线(xiàn)下,都会优先考虑用H5与(yǔ)用户互动。不(bú)过H5的形式五(wǔ)花八门(mén),又没有一个固定的分(fèn)类方(fāng)式,构思H5游戏玩法就成为了令活动策划们(men)最头疼事情。下面,qy千亿和蓝橙(chéng)互动就以(yǐ)H5的(de)能力(lì)入手,用实(shí)战案(àn)例(lì)为大家(jiā)分享一(yī)下H5都有哪些玩法。
基于传感器
这(zhè)类玩法是依靠手机上的传感器实现,主要包括陀螺(luó)仪(yí)、gps、摄像头、麦克风、震动传感器、光线传(chuán)感(gǎn)器(qì)、距离传(chuán)感器(qì)等(děng)。在设计玩法时,需要结合活动(dòng)本身的需求来选用(yòng)相关的合适的(de)传感器,能够(gòu)提升用户体验(yàn)同(tóng)时实(shí)现品牌宣传(chuán)需求,不(bú)能随意搭配(pèi)或随意叠加多个传感(gǎn)器,避免画蛇添(tiān)足。
陀(tuó)螺仪
这些(xiē)传感器中被H5应(yīng)用最多的(de)应属陀螺仪,让用户通(tōng)过(guò)摇一(yī)摇、重(chóng)力感应等方式来实(shí)现游戏(xì)操作控制(zhì)、检查手(shǒu)机是否平(píng)躺/竖直、VR全景图(tú)转(zhuǎn)换角度等(děng)。
案例参考:这是(shì)由山东卫(wèi)视为2023春节联(lián)欢晚会节目单宣传推出的创意H5游戏。游戏中的(de)小(xiǎo)兔子(zǐ)会自动(dòng)向上跳跃,需要用(yòng)户翻转(zhuǎn)手(shǒu)机(jī)来控制跳跃的方向,让小(xiǎo)兔子能(néng)不断线上攀爬。
GPS
借助GPS,可以让H5定位用户所处的位置,为用户(hù)提供比较方便的周边生活服务,例如(rú)附近餐饮信息,具有优惠活动的门店,在指定位置进行(háng)打卡(kǎ)等(děng)。
案例参考:这是(shì)由雪花啤酒推出的“雪花马尔斯绿啤酒·潮食派”商(shāng)家(jiā)评选活动(dòng),由用户为(wéi)喜(xǐ)爱的商家打榜助力(lì),评选出(chū)人气商家(jiā)。用户在投票时可查看(kàn)商家门店与自己的(de)位置和距离,引导用户去线下消费。
摄像头
摄像头也是一个应用较多的(de)传(chuán)感(gǎn)器,主(zhǔ)要是为用户上传图(tú)片(piàn)提供一(yī)种便捷方式,例如人脸(liǎn)融合H5,用户可直接拍照上传进行融合。
案例参考:这是为深圳世界文(wén)明浮雕墙(qiáng)宣传推出的人(rén)脸融合H5,用(yòng)户(hù)可拍摄一(yī)张清晰正面照,再选择一个(gè)脸(liǎn)部浮雕样式(shì)劲(jìn)融(róng)合,得到专属的浮雕照片。
基于触摸屏操(cāo)作
基于触摸(mō)屏操作(zuò)有两种(zhǒng)形(xíng)式,一是手势操作,这(zhè)个不(bú)必(bì)多说,这是(shì)每个H5都会用到(dào)的功能,用户可通过点击、滑动、双指放大等等(děng)手势操作中的一种(zhǒng)或多种(zhǒng)形(xíng)式,实(shí)现H5的(de)翻页、场景移动,页面(miàn)放大、按钮触发等交互。第二种(zhǒng)则是电子印章(zhāng),是一种独立(lì)的(de)H5玩法,交(jiāo)互流程(chéng)与盖章一样,只(zhī)不(bú)过这是(shì)在H5的相(xiàng)应页(yè)面进行盖章。
案例(lì)参考(kǎo):这是由福特汽车为探索之旅线下车展推出的活动(dòng)指引H5,用(yòng)户跟随指引前往(wǎng)制定区域,完成相关项目挑(tiāo)战,即可让工作人员(yuán)用电子印章盖章,收集点亮一定数量的电子章,即可参(cān)与在线(xiàn)抽(chōu)奖。
基于画面呈现
这类(lèi)玩法一般(bān)就是展现(xiàn)一段比较(jiào)酷(kù)炫有趣的画面内容,如视(shì)频、动画、特效,给用户带来视觉上的感(gǎn)官(guān)享受,用户也(yě)可以通(tōng)过与画(huà)面内(nèi)容互(hù)动,看自(zì)己想看的内容。
动(dòng)画视频
这(zhè)类(lèi)H5会播放一段时间较长但有趣生动的视频(pín)或(huò)动画来吸引用户关注(zhù)其宣(xuān)传内容。由于视频内容比较生动(dòng)酷炫有趣味,以及(jí)常(cháng)常有明星参与演出,用户一般(bān)不(bú)会太抗(kàng)拒(jù)这样的广告,反而会喜欢点赞,甚至主动向朋友(yǒu)分享(xiǎng)。
案(àn)例参考:这是由中共河(hé)南省(shěng)委宣传部以“决(jué)胜全面小(xiǎo)康(kāng)、决(jué)战(zhàn)脱贫攻坚”为主题推出的H5微视频,H5主要包含四个(gè)板(bǎn)块:第(dì)一书记谈、乡村青年说(shuō)、脱贫群众讲、理论达人话。每个板(bǎn)块分别围绕3个人物而展(zhǎn)开,用户可依次浏览各(gè)个人物的信(xìn)息(xī)介绍以及视频解说。
全景(jǐng)交互
全景交互指将用户(hù)置于一个(gè)360度环(huán)绕的(de)图片/视频环境(jìng)下进行沉(chén)浸(jìn)式(shì)的(de)体验,用户可(kě)以通(tōng)过转动手机(jī)或(huò)滑动屏幕(mù)来看这(zhè)个环境里不同角度的内容并(bìng)进行交互。
案例参考:这是由沈阳故宫博物馆推(tuī)出的VR全景H5,用户(hù)可直接在(zài)H5沉浸(jìn)式(shì)浏览博物(wù)馆(guǎn),切换各区(qū)域(yù)欣赏(shǎng)其中(zhōng)的藏品,详(xiáng)细领略瓷器的魅力,感受中国传(chuán)统制造业的蓬勃(bó)发展。
多屏互动
多屏互动是指多人共同参与的(de)活动,各自的操作会同时反应到其他(tā)屏幕上,一(yī)般由于线下的现(xiàn)场互动活动中(zhōng),用户将自己的手机当(dāng)成控制器,用大屏幕来显(xiǎn)示游戏互(hù)动画面。
案(àn)例(lì)参考:这是为党建知识科普而推出的大屏互动H5游戏(xì),用户扫描(miáo)即可参(cān)与游戏(xì),进行多人答(dá)题活动,借(jiè)此实现党(dǎng)建知识科普。H5分(fèn)为双端,用户端将显示每一(yī)轮的题目及对错选项,用户点击进行答题。搭配端则会实时展示所有用户的作答情况(kuàng),选择同一个选项的在(zài)同一(yī)个方队,每轮倒计时结束时淘汰答错的用户,直到最后(hòu)一人获胜(shèng)。
结语
随着H5开发技术(shù)的不断发展,H5的(de)玩(wán)法也会越来越丰富,特别是在(zài)基(jī)于触摸屏操(cāo)作的(de)分类中,还包含着有(yǒu)许多常规的(de)类型,这里(lǐ)就不一一介绍了。虽然这里按H5中的功能需求划分了三(sān)个种类,但每个种类间或多或少都有联(lián)系,只是(shì)侧重不同,所适用的活动场景有所不同,在构思H5玩法时,根据(jù)活动需求选择一个核(hé)心形(xíng)式进行展(zhǎn)开即可,只要不影响(xiǎng)品牌宣传(chuán)与用户体验就行。
联系QQ:2899301896
qy千亿和蓝橙互动·致力于(yú)为企(qǐ)业(yè)提供更高(gāo)效(xiào)的开发服(fú)务