简豆:我不是小学生
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要30秒
案例:我不是小学生
品牌:简豆
技术实现: VueJS
亮点:
- 创意定位
简豆科技出品,五道题目,检测用户的知识储备,最后可获得简豆金币和成绩海报,以此促进平台互动,加深用户对简豆的印象。
- 策划逻辑
初始页是学生时期的课桌,点击触点开始答题,五道题,每题四选一,分别是世界上最大的沙漠,最大的海洋,最大的动物,最大的湖泊,最长的河流是什么,点击答案后答案上会出现对号或叉号然后直接跳转至下一题,答题完毕后生成海报,包括答对了几道题,加了多少金币和与测验成绩相符的配图,用户可点击再玩一次,或者保存本次测试结果。
- 设计上
左上角有答题进度,界面简单易操作,背景课桌上有笔记本,眼镜等学生时代的物品。
- 交互上
点击答案后,被选答案上会出现对错然后迅速跳转,没有正确答案指示或解析。
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号