爱奇艺蜗牛睡眠：测试你的游戏人格

2018-12-20 H5案例分享 H5案例分享

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

识别图中二维码

测试你的游戏人格-查阅二维码

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

案例：测试你的游戏人格

出品：爱奇艺蜗牛睡眠

亮点：

策划上，①采用情景模拟答题的方式，②首页是测试你的游戏人格，点击开始，首先让你输入姓名，③随后就是答题，一共七道题，第一题是你会选择如何度过一个有趣的周末；第二题是你一般习惯以那种姿势睡觉；第三题无聊时你更喜欢看什么电视节目；第四题是项目交稿只剩一周，而大家都缺席了重要讨论，你作为负责人会怎么做；第五题是以下场景中，哪个最令你感到不安；第六题是假设跟一群好朋友一起去郊游，你会选择坐在哪个位置；第七题是如果你在湖边拥有一栋房子，那么它是什么样的。④题目内容涉及人格的多个方面，都是日常生活中较易出现的场景，还有页面切换转场的动画效果，使用户在体验的时候能够有共鸣，结果除了人格类型，还有关键词、雷达图等使测试可信度更高。
设计上，浅黄色为主色调，一种很舒服平和的感觉。
体验上，此H5把人格的测试与游戏类型结合起来，视觉上很不错。

技术实现： Canvas jquery

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

标签