QQ音乐：年度音乐秀

2017-01-11 H5案例分享 H5案例分享

案例：年度音乐秀

出品：QQ音乐

亮点：

创意上，以“年度音乐秀”为主题，用QQ一键登录的模式，展现你和“QQ音乐”一起走过的2016年：在2016，你听的第一首歌是什么？你听的最多的3个歌手是谁，分别听了多少次；在这一年你播放最多次的那首歌是什么？跟你听歌相似度最高的一个Q人是谁；你大致听歌的时间段，你的常听歌单；你这一年中，一共听了多少首歌，用了多少个小时，给你一个“QQ音乐”的评级。虽然是展现数据，但带给你的是“感动”。
设计上，以蓝色夜空为主背视觉，利用手机的重力感应+全景配合多彩的音乐元素，可以在“感动”中点击动感的“播放器”元素，把你带到相应的音乐节奏中。
交互上，因需要QQ一键联合登录，所以抬高了进入门槛，会造成一定的用户流失，但所有的数据来源基于QQ账号，这支H5就是给QQ音乐用户做的，非QQ音乐用户即使登录，也木有数据吧~ 上传图片制作动感封面、点击播放音乐、滑动屏幕切换场景，交互很轻很友好。

技术实现： Zepto

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

识别图中二维码

年度音乐秀-查阅二维码

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

标签