案例:测一测朋友的“垃圾水平”
品牌:网易考拉工厂店
玩法:答题测试
整理:蓝橙H5开发团队
1.详情内容上:
网易考拉工厂店出品答题测试H5,用户可以在线答题赢取代金券,也可以自己出题去考朋友,提高垃圾分类能力,增加平台浏览量。用户在作品中可以直接答题,也可以自己当出题人,步骤如下
①答题。一共五题,每题出现三个垃圾,答题时间30秒,点击垃圾拖入相应垃圾桶,正确的话得一分,错误的话会出现正确答案及原因分析,屏幕上方有倒计时和分数记录,答题完毕后生成结果海报,包括出品方,用户微信名和头像,最后得分,打败了多少人及评语,还有每道题的对错一览表,用户可分享作品或点击“我也要出题”,也可点击链接领取优惠券。
②出题。用户在作品初始页和答题结束后都可选择去出题,出题界面与答题界面大体相同,只是用户需要从给出的垃圾里选两个填入问题中,所选垃圾的图案会增加到题目配图里,点击配图中所选垃圾旁的叉叉可删除重选,出题途中可随时选择回到上一题重新出题,最后生成出题海报,包括导语和二维码,可分享给朋友让其答题。
2.页面设计上:
每个题目界面都是不一样的背景颜色,很鲜艳,营造活泼氛围,各种垃圾也都是手绘的卡通图案,每个垃圾形态和神态都各不相同,有害怕的,哭泣的,也有抱腿发呆的,都因为自己变成了垃圾而情绪低落,看起来呆萌有趣。
3.用户体验上:
可以当答题人,也可以当出题人,作品给予了用户双重身份,还是很新颖的,答错时会有正确答案出现,还会解释原因,让用户即刻明白错误原因,提高垃圾分类技能。
扫描二维码查看
注:如果你还想了解更多的H5精品案例,可点击右侧“方案咨询”在线联系,或者微信搜索“蓝橙互动”公众号获取案例。
相关链接:H5制作|小程序定制|节日H5|H5玩法|H5设计