没空：你真的理解南师大的小仙女吗

2018-04-25 H5案例分享 H5案例分享

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

识别图中二维码

你真的理解南师大的小仙女吗-查阅二维码

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

案例：你真的理解南师大的小仙女吗

出品：没空

亮点：

策划上，宣传类。这是对没空公众号的宣传。进入首页，向下滑动，进入题目，题目均关于小仙女，点击选择选项或是向下滑动可进入到答案区，然后依次类推进行下一道题，一共是四道题，最后一页查看详细报告，引导用户跳转到没空公众号，查看该文章。
设计上，以深蓝色为背景，黄色为主色调，粉色为辅色调，卡通人物风格，更能博得小仙女的关注。
交互上，上下滑动翻页，点击选择答案翻页。
体验上，小编一开始以为是一个小测试案例，之后才知道不用费脑答题，只要向下滑动就可以看到答案，但是技术方面有些不太合理，小编每次点击按钮都会弹一个图出来，再返回已跳到下一页，这不是一个好的体验。

技术实现： jQuery.js + zepto.js

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

标签