1. 创意上

QQ音乐是和声音有关的产品，通过关注耳朵，实际就是关注听力，人的听力随着年龄的增长和工作环境，会逐步衰退，通过巧妙的测试，让大家了解自己的听力，又委婉的说养耳朵，推荐QQ音乐中的歌曲。

2. 策划上

以“耳朵，你辛苦了”为主题，点击“开始测试”按钮，进入登录授权，与三种授权方式（微信授权、QQ授权、QQ音乐）。

① 授权以后，进入提示页面，介绍年龄和工作环境对听力的影响；

② 三个音频方面的测试，会播放不同的音频，测试多少频率、多少分贝你会听不到，感受声音的方向；

③ 通过三个音频的测试后，还会有两个问题，位于同一屏幕，你喜欢的音乐类型和听歌设备

④ 最后给出一份报告，给出耳朵的级别，耳朵相当于的年龄和感知的最小音量等信息。

⑤ 在报告页面下方，还有三款QQ音乐的歌曲推荐。

3. 技术上

 案例中的动画，使用CSS3的animation实现，使用@keyframes规则定义动画。

4. 设计上

使用纯色大背景 ，扁平风格的卡通插画，页面偏间接，这样可以把更多的注意力放在音频本身。

5. 体验上

虽然案例本身偏娱乐，但是通过小小的案例 ，让我们了解我们平常忽略的耳朵，还是有公益的作用。