爱奇艺：2017七夕直男考卷

2017-08-28 H5案例分享 H5案例分享

案例：2017七夕直男考卷

出品：爱奇艺

亮点：

策划上,这是一款爱奇艺针对“七夕”所打造的一款h5。在这款h5中，由用户滑动屏幕进行画面左右的移动，用户根据对女生的了解进行选择性的答题，若答对屏幕上会弹出爱心，若打错便会弹出一个屎的表情包，最后再答完所有题目后，便会得出自己的直男评测情况。
设计上，这款h5是一款测试类的h5，设计者将日常生活中男女交往中所遇到的问题设计成相应分数的题目，让用户根据自己的实际情况去答题，最后的出关于自己的直男情况，恰好对应着即将来临的“七夕佳节”。
交互上，这款h5设计成长图模式，用户通过屏幕的滑动来选择前进和后退，从而大大的提升了用户的自主选择权，丰富了用户良好的体验感。

技术实现： Iscroll+Transform+JS

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

识别图中二维码

2017七夕直男考卷-查阅二维码

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

标签