1. 写在前面

经过android QQmusic的洗礼后，我们将战场转到了iOS平台，这是一个更加封闭、竞争更加激烈、要求更为严格的战场。国际版图上，spodify、last.fm、pandora已酣战多时，大陆战场更有摸手、九天、豆瓣fm、虾米早早加入。姗姗来迟的iPhone QQmusic如何后来居上？这是我们继android后在iOS平台上的又一次尝试，我们总结了中间跌跌撞撞、折腾不息的过程，并希望以此积蓄经验和力量。

2. 调整产品定义

3. 深入场景 狠抓用户痛点

“细节决定成败。”除了更深入地理解一般性的“听歌”场景，我们还会更多地关注细微的用户痛点，分析用户在iTunes使用过程中遇到的不便：

（1） 家里和公司，iTunes列表难以统一管理；

（2） 追加少量歌曲不得不启动“牛刀“——iTunes；

（3） …

4. iPhone用户使用场景调查

5. iPhone 用户人群分布调查
对用户痛点的精准把握以及行之有效的解决方案，使得这款app在需求层面就切合了用户真实的需要。

6. 餐巾纸式快速原型

“画几笔画比说一千句有效得多。”

经过前面对产品定位的讨论和需求分析，下一步应该是把“想法”表现出来。很多设计师喜欢马上打开各种原型工具，并“单打独斗”地画起图来，其实，要将一个想法转变为实际的产品形态，一支笔和一张白纸（或白板）就足够了。我们鼓励让产品经理一起参与绘制线框图，并即时表达各自的想法。在彼此碰撞中，我们会发现设计对产品的细微影响，这种逐渐培养起来的全局视野能帮助设计师更好地理解产品，当然，产品经理也得以更好地理解设计。

7. 视觉风格提案

交互定稿后正式进入视觉设计阶段。经过几番讨论后我们决定以蓝天白云为主题，打造一个温馨、轻松氛围的界面。

8. 视觉终稿界面展示

根据对于目标用户，属性特征，使用习惯，使用场景，使用时间，使用时的情感诉求，抽象情感的画面化等方面着手分析的两千多份有效问卷中表明：目标用户的教育程度和收入会比较好，爱好音乐的人们在精神上较之会比较感性。用户们在用iphone听歌的时候，80％是在使用耳机，主要使用场景是在路上或是睡前。用音乐作为陪伴，营造出一个自我的空间，在音乐里畅游，从中得获得心灵和情感上的抚慰与放松。因此我们希望，当早上您启动QQ music 的时候，金色阳光洒向云海，就像虽然我不在您身边，但依然在对您说：“ good morning，加油！又是美好一天的开始！”

动态的播放界面，深夜，带您到星辰中去漫步。也可以与您一起去深海里畅游。当悲伤的音乐响起，雨水打在玻璃上，让世界模糊起来。 我们无法触及您所有的感情，但期待与您的感情相会时刹那的交流与感动。（我们对给自己勾勒出的蓝图，也感觉到责任和压力的重大，但我们不畏惧奋起努力。最后做的还不够的地方还请海涵。）

9. 启动ICON

ICON为保持QQMusic一直的视觉识别采用了QQMusic的LOGO为主体配以界面的主色调蓝色。

10. 后记

在整个设计流程中，我们引入了一些细小的变化，成效不错。iPhone QQmusic在上架9个小时后就登上了免费app第一位，评分达到了史无前例的4.5颗星。成绩固然令人欣喜，不过问题同样存在，我们的性能还不够完美，体验还不够流畅，中间还因为对框架缺少深入的理解，导致了一次较大的调整，我们愿以此为鉴，继续前行。

最后，感谢iPhone QQmusic团队，他们为爱音乐的孩子谱写了一首游响停云的乐曲，希望你们喜欢。

• (本文出自Tencent CDC Blog)