网易云音乐：嗨！点击生成你的使用说明书

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

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

识别图中二维码

嗨！点击生成你的使用说明书-查阅二维码

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

案例：嗨！点击生成你的使用说明书

出品：网易云音乐

亮点：

策划上，第一个界面的题头说明是一个对于音乐的测试，在中间空白处可以输入自己的名字，之后点击右侧，开始测试；之后依次出现了6个界面，每个界面的类型一致，不过给出的音乐和所选择的感受不同，给出的音乐是一段声音，之后让测试者根据声音联想，选择下方的联想；测试者完成测试后，选择性别。预制了66句不同的说明文案，通过前面用户的选择，最后，生成测试者的使用说明书3句文案。
设计上，竖屏小测试；色彩搭配上干净简洁不失活力；注重小细节，给出的声音很有联想性，易引发思考；测试界面左侧的页码显示很精致前卫。
体验上，整体给人的感觉很好，能看出来是很用心的；给出的测试声音有渲染力，常见却不失兴趣，能把测试者带入到问题中去；在宣传方面，这样无疑是非常到位成功的。需要在浏览器中观看，观看链接：https://st.music.163.com/c/m2-spec/JyjiJ3IlHO/index.html

技术实现： js

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

标签