1. 寫在前面

經(jīng)過android QQmusic的洗禮后，我們將戰(zhàn)場(chǎng)轉(zhuǎn)到了iOS平臺(tái)，這是一個(gè)更加封閉、競(jìng)爭(zhēng)更加激烈、要求更為嚴(yán)格的戰(zhàn)場(chǎng)。國(guó)際版圖上，spodify、last.fm、pandora已酣戰(zhàn)多時(shí)，大陸戰(zhàn)場(chǎng)更有摸手、九天、豆瓣fm、蝦米早早加入。姍姍來遲的iPhone QQmusic如何后來居上？這是我們繼android后在iOS平臺(tái)上的又一次嘗試，我們總結(jié)了中間跌跌撞撞、折騰不息的過程，并希望以此積蓄經(jīng)驗(yàn)和力量。

2. 調(diào)整產(chǎn)品定義

3. 深入場(chǎng)景 狠抓用戶痛點(diǎn)

“細(xì)節(jié)決定成敗?！背烁钊氲乩斫庖话阈缘摹奥牳琛眻?chǎng)景，我們還會(huì)更多地關(guān)注細(xì)微的用戶痛點(diǎn)，分析用戶在iTunes使用過程中遇到的不便：

（1） 家里和公司，iTunes列表難以統(tǒng)一管理；

（2） 追加少量歌曲不得不啟動(dòng)“牛刀“——iTunes；

（3） …

4. iPhone用戶使用場(chǎng)景調(diào)查

5. iPhone 用戶人群分布調(diào)查
對(duì)用戶痛點(diǎn)的精準(zhǔn)把握以及行之有效的解決方案，使得這款app在需求層面就切合了用戶真實(shí)的需要。

6. 餐巾紙式快速原型

“畫幾筆畫比說一千句有效得多?！?/p>

經(jīng)過前面對(duì)產(chǎn)品定位的討論和需求分析，下一步應(yīng)該是把“想法”表現(xiàn)出來。很多設(shè)計(jì)師喜歡馬上打開各種原型工具，并“單打獨(dú)斗”地畫起圖來，其實(shí)，要將一個(gè)想法轉(zhuǎn)變?yōu)閷?shí)際的產(chǎn)品形態(tài)，一支筆和一張白紙（或白板）就足夠了。我們鼓勵(lì)讓產(chǎn)品經(jīng)理一起參與繪制線框圖，并即時(shí)表達(dá)各自的想法。在彼此碰撞中，我們會(huì)發(fā)現(xiàn)設(shè)計(jì)對(duì)產(chǎn)品的細(xì)微影響，這種逐漸培養(yǎng)起來的全局視野能幫助設(shè)計(jì)師更好地理解產(chǎn)品，當(dāng)然，產(chǎn)品經(jīng)理也得以更好地理解設(shè)計(jì)。

7. 視覺風(fēng)格提案

交互定稿后正式進(jìn)入視覺設(shè)計(jì)階段。經(jīng)過幾番討論后我們決定以藍(lán)天白云為主題，打造一個(gè)溫馨、輕松氛圍的界面。

8. 視覺終稿界面展示

根據(jù)對(duì)于目標(biāo)用戶，屬性特征，使用習(xí)慣，使用場(chǎng)景，使用時(shí)間，使用時(shí)的情感訴求，抽象情感的畫面化等方面著手分析的兩千多份有效問卷中表明：目標(biāo)用戶的教育程度和收入會(huì)比較好，愛好音樂的人們?cè)诰裆陷^之會(huì)比較感性。用戶們?cè)谟胕phone聽歌的時(shí)候，80％是在使用耳機(jī)，主要使用場(chǎng)景是在路上或是睡前。用音樂作為陪伴，營(yíng)造出一個(gè)自我的空間，在音樂里暢游，從中得獲得心靈和情感上的撫慰與放松。因此我們希望，當(dāng)早上您啟動(dòng)QQ music 的時(shí)候，金色陽光灑向云海，就像雖然我不在您身邊，但依然在對(duì)您說：“ good morning，加油！又是美好一天的開始！”

動(dòng)態(tài)的播放界面，深夜，帶您到星辰中去漫步。也可以與您一起去深海里暢游。當(dāng)悲傷的音樂響起，雨水打在玻璃上，讓世界模糊起來。 我們無法觸及您所有的感情，但期待與您的感情相會(huì)時(shí)剎那的交流與感動(dòng)。（我們對(duì)給自己勾勒出的藍(lán)圖，也感覺到責(zé)任和壓力的重大，但我們不畏懼奮起努力。最后做的還不夠的地方還請(qǐng)海涵。）

9. 啟動(dòng)ICON

ICON為保持QQMusic一直的視覺識(shí)別采用了QQMusic的LOGO為主體配以界面的主色調(diào)藍(lán)色。

10. 后記

在整個(gè)設(shè)計(jì)流程中，我們引入了一些細(xì)小的變化，成效不錯(cuò)。iPhone QQmusic在上架9個(gè)小時(shí)后就登上了免費(fèi)app第一位，評(píng)分達(dá)到了史無前例的4.5顆星。成績(jī)固然令人欣喜，不過問題同樣存在，我們的性能還不夠完美，體驗(yàn)還不夠流暢，中間還因?yàn)閷?duì)框架缺少深入的理解，導(dǎo)致了一次較大的調(diào)整，我們?cè)敢源藶殍b，繼續(xù)前行。

最后，感謝iPhone QQmusic團(tuán)隊(duì)，他們?yōu)閻垡魳返暮⒆幼V寫了一首游響停云的樂曲，希望你們喜歡。

• (本文出自Tencent CDC Blog)