案例分析链接：http://col.ink/c/year2018/Nww6N/sharechat.html?msgto=496368092&lastwith=&theme=1&full_screen=true&keep_status_bar=true&status_bar_type=dark&userid=496368092
完整欣赏此案例大约需要1分30秒
案例：年度听歌报告
出品：网易云音乐
亮点：
1. 创意上
分析用户的听歌习惯，给出具体的数字，这些数字才是最迷人，而且巧妙融入聊天功能。
2. 策划上
以“遇见你，真好”开始，列出了很多数据：
在网易云音乐里听了多少首音乐，
喜欢在什么时候听歌，
在网易云音乐了，最多的歌词是什么，出现了多少次，这个词出现在哪些歌曲里，
例如了一个具体时刻，听了谁的什么歌，
这一年（2018年），你有多少天，深夜12点后听歌，
具体的哪首歌，听了具体的次数，听这首歌听了多少天，
还列出你听的歌曲中，发行最早的歌曲，
列举了其中一位歌手（乐队）听得次数和每个歌曲听的次数，
2018年听音乐的总时间（单位为小时），
列出2018年根据个人听歌，列出每个人最爱的歌。
最后，引导用户进入聊天，通过人工智能AI的引导，用户需要默认有5首喜欢的歌曲，进入界面后，让用户选择性别，AI会根据用户喜欢的歌曲，匹配一个陌生的人一起听一首歌，让两个陌生的人通过歌曲，进行聊天。
3. 设计上
暖色系，浅色调，主色调为橘色，颗粒度画质。每一屏的右小脚，都有快速进入聊天功能入口。
4. 体验上
需要在网易云音乐APP内观看，H5中所有数据都是和自己相关，增加了页面的魅力，更乐意分享。小五的朋友圈就有很多截图分享网易云音乐「年度报告」的朋友。
技术实现： zepto
以上为“H5案例分享”团队原创文章，转载请注明出处！
网友评论