实战案例告诉你H5玩法有哪些?

原创 收藏 评论
举报 2023-06-08

使用H5开展营销活动对于各大品牌来说,已经成为一件习以为常的事情,不管是在线上还是线下,都会优先考虑用H5与用户互动。不过H5的形式五花八门,又没有一个固定的分类方式,构思H5的玩法就成为活动策划们最头疼的事。下面,蓝橙互动就以H5的能力入手,用实战案例为大家分享一下H5都有哪些玩法。

一、基于传感器

这类玩法是依靠手机上的传感器实现,主要包括陀螺仪、gps、摄像头、麦克风、震动传感器、光线传感器、距离传感器等。在设计玩法时,需要结合活动本身的需求来选用相关的合适的传感器,能够提升用户体验同时实现品牌宣传需求,不能随意搭配或随意叠加多个传感器,避免画蛇添足。

陀螺仪

这些传感器中被H5应用最多的应属陀螺仪,让用户通过摇一摇、重力感应等方式来实现游戏操作控制、检查手机是否平躺/竖直、VR全景图转换角度等。

案例参考:这是由山东卫视为2023春节联欢晚会节目单宣传推出的创意H5游戏。游戏中的小兔子会自动向上跳跃,需要用户翻转手机来控制跳跃的方向,让小兔子能不断线上攀爬。

 1.jpg

GPS

借助GPS,可以让H5定位用户所处的位置,为用户提供比较方便的周边生活服务,例如附近餐饮信息,具有优惠活动的门店,在指定位置进行打卡等。

案例参考:这是由雪花啤酒推出的“雪花马尔斯绿啤酒·潮食派”商家评选活动,由用户为喜爱的商家打榜助力,评选出人气商家。用户在投票时可查看商家门店与自己的位置和距离,引导用户去线下消费。

 2.jpg

摄像头

摄像头也是一个应用较多的传感器,主要是为用户上传图片提供一种便捷方式,例如人脸融合H5,用户可直接拍照上传进行融合。

案例参考:这是为深圳世界文明浮雕墙宣传推出的人脸融合H5,用户可拍摄一张清晰正面照,再选择一个脸部浮雕样式劲融合,得到专属的浮雕照片。

 1686220277309132.jpg

二、基于触摸屏操作

基于触摸屏操作有两种形式,一是手势操作,这个不必多说,这是每个H5都会用到的功能,用户可通过点击、滑动、双指放大等等手势操作中的一种或多种形式,实现H5的翻页、场景移动,页面放大、按钮触发等交互。第二种则是电子印章,是一种独立的H5玩法,交互流程与盖章一样,只不过这是在H5的相应页面进行盖章。

案例参考:这是由福特汽车为探索之旅线下车展推出的活动指引H5,用户跟随指引前往制定区域,完成相关项目挑战,即可让工作人员用电子印章盖章,收集点亮一定数量的电子章,即可参与在线抽奖。

 4.jpg

三、基于画面呈现

这类玩法一般就是展现一段比较酷炫有趣的画面内容,如视频、动画、特效,给用户带来视觉上的感官享受,用户也可以通过与画面内容互动,看自己想看的内容。

动画视频

这类H5会播放一段时间较长但有趣生动的视频或动画来吸引用户关注其宣传内容。由于视频内容比较生动酷炫有趣味,以及常常有明星参与演出,用户一般不会太抗拒这样的广告,反而会喜欢点赞,甚至主动向朋友分享。

案例参考:这是由中共河南省委宣传部以“决胜全面小康、决战脱贫攻坚”为主题推出的H5微视频,H5主要包含四个板块:第一书记谈、乡村青年说、脱贫群众讲、理论达人话。每个板块分别围绕3个人物而展开,用户可依次浏览各个人物的信息介绍以及视频解说。

 1686220301619748.jpg

全景交互

全景交互指将用户置于一个360度环绕的图片/视频环境下进行沉浸式的体验,用户可以通过转动手机或滑动屏幕来看这个环境里不同角度的内容并进行交互。

案例参考:这是由沈阳故宫博物馆推出的VR全景H5,用户可直接在H5沉浸式浏览博物馆,切换各区域欣赏其中的藏品,详细领略瓷器的魅力,感受中国传统制造业的蓬勃发展。

 1686220314489673.jpg

多屏互动

多屏互动是指多人共同参与的活动,各自的操作会同时反应到其他屏幕上,一般由于线下的现场互动活动中,用户将自己的手机当成控制器,用大屏幕来显示游戏互动画面。

案例参考:这是为党建知识科普而推出的大屏互动H5游戏,用户扫描即可参与游戏,进行多人答题活动,借此实现党建知识科普。H5分为双端,用户端将显示每一轮的题目及对错选项,用户点击进行答题。搭配端则会实时展示所有用户的作答情况,选择同一个选项的在同一个方队,每轮倒计时结束时淘汰答错的用户,直到最后一人获胜。 

 1686220325872056.jpg

结语

随着H5开发技术的不断发展,H5的玩法也会越来越丰富,特别是在基于触摸屏操作的分类中,还包含着有许多常规的类型,这里就不一一介绍了。虽然这里按H5中的功能需求划分了三个种类,但每个种类间或多或少都有联系,只是侧重不同,所适用的活动场景有所不同,在构思H5玩法时,根据活动需求选择一个核心形式进行展开即可,只要不影响品牌宣传与用户体验就行。


本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)