还在用单调的H5动画吗？教你怎样在H5动画中增加互动！

H5动画作为H5众多类型中，表现形式最为具体的一种，一直都是众多企业品牌开展营销推广活动的主要运用形式。现在很多企业品牌在开展H5营销活动时，都在追求趣味性，其实H5动画也是可以具备趣味性的，并不是一成不变的。那就是在H5动画上加入互动，让用户在滑动时，H5的动画效果可以改变，这样就能够让H5动画在展现内容的同时，也能够增加用户的互动性。那么，有哪些趣味的互动动画H5案例呢？蓝橙H5开发团队给大家整理如下：

H5案例名称：成都熊猫亚洲美食节

H5玩法设计：互动动画H5+测试H5

H5内容策划：H5总共分为两部分，第一部分是关于成都美食的2个答题小测试：①好不容易适应996了，老板突然宣布从今天开始007！苍天呐！此时最想吃什么抚慰自己的内心呢？选择成都火锅和泰式火锅。②你在天府绿道上跑完了5公里，以下哪种声音可能会让你放弃减肥计划？选择爆炒小龙虾和韩国铁板烧。

第二部分是一个趣味的吃面小游戏。面对日本交换生提出的乌冬面大挑战，人称“乌冬面小王子（公主）”的你敢应战吗？用户通过向上快速滑动屏幕来“吃面”，根据用户吃面的长度来判断用户是“学霸型吃货”还是“学渣型吃货”。

第三部分是关于成都美食的5个答题小测试。①新加坡肉骨茶是不是茶？②宫保鸡丁的宫保是官衔还是人名？③鱼香肉丝里面有没有鱼？④夫妻肺片和夫妻有没有关系？⑤冷dna杯中的dan是淡还是啖？

这款H5作为成都美食节的宣传，开篇先以两个美食问题，根据用户选择来勾起用户的好奇心，引导用户往下观看。H5中有互动小游戏和答题测试游戏，第一款互动游戏让用户有了参与体验感，然后的答题的趣味答题测试小游戏来测试用户对于美食的小知识，并且每个答题的界面，动画效果都会随着用户的滑动而改变，十分趣味，最后生成的海报也让用户有了一定的成就感。整款H5页面加载流畅，配色简单鲜明，画面观看体验也极佳。

H5案例名称：对“艾”say no

H5玩法设计：互动动画H5+测试H5

H5内容策划：加载完成进入H5进入首页封面页，页面上方是疾病控制中心的官方标识，用户可以点击右上角查看互动游戏的详细规则，页面背景图是一个拿着拳头挥击艾滋病毒的动画小人，页面中间的“对艾say no”是此次H5的标题，用户可以点击页面下方查看此次和艾滋病相关的健康知识，点击开始进入互动测试页面。测试的主题形式为场景选择形式，用户需要在和艾滋病相关的危险行为中选择正确的行为，随着用户选择进度条的推动，画面中的动画人物也会改变。五道测试题的内容分别为：在KTV里朋友给摇头丸应该怎样、激情时刻、身边没有安全套应该怎样、最近茶饭不思，失眠多梦身体不舒服应该怎样、发生高危行为后应该怎样、朋友感染艾滋病应该怎样对待。用户回答完所有题目以后，系统会根据用户回答的问题情况生成一张专属的海报，显示用户的防艾等级，最后可以点击将H5分享给他人，也可以点击领取奖励来参与抽奖。