测试游戏H5|公益H5-如何通过多种互动形式来宣传公益

案例：对“艾”say no

品牌：广州市海珠区疾病预防控制中心

制作：蓝橙H5开发

1.详情内容上：

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

2.页面设计上：

设计上采用了卡通动画风格，配色上在背景色上选用了粉色，和艾滋病相符合，各个测试题目场景以动画的形式展示，给了用户一丝趣味性。用户在题目测试中，画面随着用户的拖动也会改变，整体上十分有趣味性，用户体验感非常好。