大家早上好啊!今天为大家汇总了H5最新玩法,想要灵感的可以翻翻看看~~
我们对上千个H5案例剖析之后,归纳总结,其玩法无外乎4类:基于传感器、基于触摸屏操作、基于画面呈现、基于内容。前三类是基础,而基于内容的玩法主要是图文混排展现内容,答题类游戏等与内容相关的玩法,实际上它们也会多多少少与另外三类搭上点关系。好了,那我们就具体说说吧。
01
基于传感器
手机上的传感器有陀螺仪、GPS、摄像头、麦克风、震动传感器、光线传感器、距离传感器等。现在智能手机的普及率很高,可以放心设计玩法,但要注意结合业务本身选用相关的合适的传感器,不要随意搭配或随意叠加多个传感器,避免画蛇添足。例如,做位置相关的,就选用GPS,做VR的需求就选用陀螺仪。
陀螺仪和重力感应在体感H5中用得较多,比如打篮球、打网球、举哑铃、控制风车转动、检查手机是否平躺 /竖直、全景图/AR转换角度,举哑铃就是一个简单直接有效的健康类H5活动创意。
陀螺仪使用案例:
动我试试?
用户通过使劲摇动手机唤醒呆坐的TA,随即惊爆出的带感画面,使原本呆坐的TA,神采飞扬,跑步又冲浪,随后跳入别克威朗车内。
极速挑战
内容分为两个部分展现,前半部分借助视频展开,后部分是游戏,通过左右遥控手机躲避行驶过程中的障碍物,最后进行排名和抽奖。
中秋的正确打开方式
案例以中秋的正确打开方式为主题,通过“聚”“独”两种状态,体现中秋的不同状态,也是生活中的不同状态,达到共鸣。对比的时候,翻转手机180度,切换状态,非常有特色。GPS结合位置提供LBS服务,百度地图之前做过在地图上找附近的麦当劳的活动,也可以与运动结合,如记录用户的跑步轨迹,但是H5不是APP,如果关闭了就不能检测了,如果真的检测运动轨迹的话,建议还是到点打卡的方式会更合适。游戏可参考pokemon go 的玩法,在用户的位置附近散落奖品,让用户走到目的地收集奖励。
GPS使用案例:
杜蕾斯全民抓喜鹊
点击GO!!!进入游戏,游戏与地图结合在地图可以随时看见自己的位置,如果发现小喜鹊,只要走向它,用篮圈将其圈住,点击捕捉即可。可以随时看见附近的游戏在线人数和可爱的小喜鹊,集齐一定的数量还可以兑换奖品!
人脸识别用人脸和H5进行互动,玩法有根据人脸猜测年龄、猜情绪,测试与明星脸的匹配度,将人脸和游戏电影人物(电影海报),将人脸变成小时候(生成高考证),将人脸变成年老的样子(国庆70周年你我的变化),根据人脸的动作做出反馈(嘴巴喷火,眼睛放电)等,通过AR和图片的合成技术搭配使用。相关技术主要是人脸识别和人脸动作捕捉技术、腾讯有提供优图识别技术,微软也有人脸识别技术。
人脸识别使用案例:
我的魔兽我主演
我的小学证件照
Snapchat佳得乐硬料迎头浇灌AR滤镜
佳得乐在Snapchat上推出了一款基于AR技术滤镜,能让球迷感受到在赢球时刻被佳得乐饮料迎头浇灌的兴奋感。与广告商进行合作方面,在史努比花生大电影的广告投放上,史努比本身就很受喜爱,用户很乐意与之“合照”,嘴里也可以吐出类似彩虹特效的糖果,UGC的传播效果非常好。
02
基于触摸屏设计
触摸屏上的操作也有很多的玩法。如单屏滚动、手势操作、全景交互及多屏互动。在触摸屏上的操作要符合用户的正常习惯,例如滑动屏幕可以翻页、移动场景,双指拉开表示放大操作,默认提供操作示范。
单屏操作
这是一种很常见的交互形式。翻屏幕是可以加上一些转换的动画,如渐入渐出,使得翻页效果生动不单调,也可以加上重力感应,让手机在转动时产生视差效果。单屏的应用场景比较广泛,很多主页、产品介绍、报告总结、邀请函都应用这种形式。
案例:
in一周年庆邀请函
用色彩讲述故事,一次滑动之后全屏自动切换,美轮美奂,并有真声留言,最后送出邀请函,邀你参加一周年庆典。
我的S7王者之路
这是一个图文展示类型的H5,页面加载完成以后不断向上滑动屏幕,就可以查看Initial的王者S7赛季的相关内容。同时它还使用了重力感应,体验的同时摇晃手机,画面也会跟着有所晃动。