测试H5|网易考拉H5——测一测朋友的“垃圾水平”

案例:测一测朋友的“垃圾水平”

品牌:网易考拉工厂店

玩法:答题测试

整理:蓝橙H5开发团队


1.详情内容上:

网易考拉工厂店出品答题测试H5,用户可以在线答题赢取代金券,也可以自己出题去考朋友,提高垃圾分类能力,增加平台浏览量。用户在作品中可以直接答题,也可以自己当出题人,步骤如下

①答题。一共五题,每题出现三个垃圾,答题时间30秒,点击垃圾拖入相应垃圾桶,正确的话得一分,错误的话会出现正确答案及原因分析,屏幕上方有倒计时和分数记录,答题完毕后生成结果海报,包括出品方,用户微信名和头像,最后得分,打败了多少人及评语,还有每道题的对错一览表,用户可分享作品或点击“我也要出题”,也可点击链接领取优惠券。

②出题。用户在作品初始页和答题结束后都可选择去出题,出题界面与答题界面大体相同,只是用户需要从给出的垃圾里选两个填入问题中,所选垃圾的图案会增加到题目配图里,点击配图中所选垃圾旁的叉叉可删除重选,出题途中可随时选择回到上一题重新出题,最后生成出题海报,包括导语和二维码,可分享给朋友让其答题。


2.页面设计上:

每个题目界面都是不一样的背景颜色,很鲜艳,营造活泼氛围,各种垃圾也都是手绘的卡通图案,每个垃圾形态和神态都各不相同,有害怕的,哭泣的,也有抱腿发呆的,都因为自己变成了垃圾而情绪低落,看起来呆萌有趣。


3.用户体验上:

可以当答题人,也可以当出题人,作品给予了用户双重身份,还是很新颖的,答错时会有正确答案出现,还会解释原因,让用户即刻明白错误原因,提高垃圾分类技能。


521421421421.png


扫描二维码查看


521321321312.png


注:如果你还想了解更多的H5精品案例,可点击右侧“方案咨询”在线联系,或者微信搜索“蓝橙互动”公众号获取案例。

 

相关链接:H5制作|小程序定制|节日H5|H5玩法|H5设计

更多疑问 全面解答

全面解答全面解答全面解答全面解答

了解更多

方案咨询

价格咨询

工期咨询

联系电话

电话

13541384954

扫一扫

扫一扫

回到顶部