飞地：测测你是哪种精神恍惚患者

2018-02-02 H5案例分享 H5案例分享

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

识别图中二维码

测测你是哪种精神恍惚患者-查阅二维码

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

案例：测测你是哪种精神恍惚患者

出品：飞地

亮点：

策划上，测试类。加载完毕，进入首页，提示问题“你得了哪种类型的精神恍惚”，点击下方的“开始测试”按钮，进入一系列动画，结束后进入答题。题目一共分为8道，分别是“可以与记忆换算交易的货币是什么？”、“下边的哪个电影更符合你的口味？”、“最诱惑你点开的封面”等等。题目完成后，通过一系列动画过渡到问题统计界面，显示用户的“恍惚类型”，可长按保存图片。
设计上，采用黑白两色为主色调，重点部分使用明亮颜色突出；问题页面呈现出一种xp系统既视感；动画的变化出人意料，小五无法用语言形容。
交互上，用户做题过程需要不停地思考，参与感很强。
体验上，小五本来很清醒，但体验过后，发现了该H5的一个与众不同的地方，不造是不是小五恍惚了。最后一页->屏幕双击->左右滑动，之后可以看到构成各个页面的元素，BUG？还是创意？作者你告诉我~~。

技术实现： iH5工具

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

标签