腾讯视频：新生么么答

2018-03-29 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

新生么么答-查阅二维码

完整欣赏此案例大约需要1分25秒

案例：新生么么答

出品：腾讯视频

亮点：

策划上，第一个界面，点击下方的嘴唇，开始新生么么答；之后出现的是游戏规则，一共20个问题，每个问题3个选择，但是只有一个是正确的，要在10s内回答完成，否则算是错误，只有3次答错的机会，如果失去了3个机会就算是挑战失败；了解完游戏规则后，点击继续；在下一个界面点击选择身份，身份选择后点击开始答题；答错后会显示答错了的图片，答对了直接跳入下一题；最后的界面就是答题的结果，点击下方的我要抽奖，可以看看自己的运气如何。
设计上，所有的页面都以插画进行展示，色彩饱满丰富，显得青春活力，符合学生的审美；以问答的形式对新生进行测试，不仅对新生进行了科普也增加了用户的好奇心和好胜心，能够继续浏览页面。
体验上，操作简单，但是20道题显得有些多，应该控制在5-10条左右。

技术实现： js

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签