腾讯互娱：移动页面用户行为报告-第三期

2017-10-06 H5案例分享 H5案例分享

案例：移动页面用户行为报告-第三期

出品：腾讯互娱

制作：tgideas

亮点：

策划上，以移动页面内容为主的H5，提到了6点页面行为信息。第一点，真人结合互动创意的视频H5有较高的分享率。第二点，即通社交类APP是目前视频H5投放的主要渠道。第三点，WIFI网络已经较为普及。第四点，加载速度依然是影响用户初始留存的主要因素。第五点，LOADING界面的趣味性影响用户初始留存。第六点，视频时长建议控制在100秒以内。
设计上，保持了简洁白底，文字配小动图的呈现方式。整体页面保持了《移动页面用户行为报告1》的风格。
技术上，小动图采用CSS3的animation实现。将雪碧图设置为背景图，通过自定义keyframes来设置，背景图片移动位置，来实现动画效果。

技术实现： zepto

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

识别图中二维码

移动页面用户行为报告-第三期-查阅二维码

完整欣赏此案例大约需要15秒

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

标签