iPhone音樂(lè)播放應(yīng)用軟件UI設(shè)計(jì)實(shí)錄
1. 寫在前面
經(jīng)過(guò)Android版本的洗禮后，我們將戰(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、蝦米早早加入。姍姍來(lái)遲的iPhone版本如何后來(lái)居上？這是我們繼Android后在iOS平臺(tái)上的又一次嘗試，我們總結(jié)了中間跌跌撞撞、折騰不息的過(guò)程，并希望以此積蓄經(jīng)驗(yàn)和力量。
2. 調(diào)整產(chǎn)品定義
“一個(gè)可以不斷自我完善的解決方案才能真正改善狀況并得以更有效地執(zhí)行。”從Android版本開始，我們就已經(jīng)嘗試引入“產(chǎn)品定義描述”(Application definiation statement)，鼓勵(lì)設(shè)計(jì)團(tuán)隊(duì)更早地切入整個(gè)產(chǎn)品設(shè)計(jì)過(guò)程。同樣是解決移動(dòng)場(chǎng)景的聽歌問(wèn)題，不同的生態(tài)系統(tǒng)會(huì)給產(chǎn)品定位與目標(biāo)受眾帶來(lái)差異，一端是開放的Android，一端是封閉的iOS，習(xí)慣了磁盤管理思維的中國(guó)用戶在iTunes中難以適從。“丟掉那根可惡的數(shù)據(jù)線!”——這是我們整個(gè)團(tuán)隊(duì)對(duì)產(chǎn)品的再一次共鳴。
3. 深入場(chǎng)景 狠抓用戶痛點(diǎn)
“細(xì)節(jié)決定成敗。”除了更深入地理解一般性的“聽歌”場(chǎng)景，我們還會(huì)更多地關(guān)注細(xì)微的用戶痛點(diǎn)，分析用戶在iTunes使用過(guò)程中遇到的不便：(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. 餐巾紙式快速原型
“畫幾筆畫比說(shuō)一千句有效得多。”
經(jīng)過(guò)前面對(duì)產(chǎn)品定位的討論和需求分析，下一步應(yīng)該是把“想法”表現(xiàn)出來(lái)。很多設(shè)計(jì)師喜歡馬上打開各種原型工具，并“單打獨(dú)斗”地畫起圖來(lái)，其實(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)起來(lái)的全局視野能幫助設(shè)計(jì)師更好地理解產(chǎn)品，當(dāng)然，產(chǎn)品經(jīng)理也得以更好地理解設(shè)計(jì)。
7. 視覺(jué)風(fēng)格提案
交互定稿后正式進(jìn)入視覺(jué)設(shè)計(jì)階段。經(jīng)過(guò)幾番討論后我們決定以藍(lán)天白云為主題，打造一個(gè)溫馨、輕松氛圍的界面。
8. 視覺(jué)終稿界面展示
根據(jù)對(duì)于目標(biāo)用戶，屬性特征，使用習(xí)慣，使用場(chǎng)景，使用時(shí)間，使用時(shí)的情感訴求，抽象情感的畫面化等方面著手分析的兩千多份有效問(wèn)卷中表明：目標(biāo)用戶的教育程度和收入會(huì)比較好，愛(ài)好音樂(lè)的人們?cè)诰裆陷^之會(huì)比較感性。用戶們?cè)谟胕phone聽歌的時(shí)候，80%是在使用耳機(jī)，主要使用場(chǎng)景是在路上或是睡前。用音樂(lè)作為陪伴，營(yíng)造出一個(gè)自我的空間，在音樂(lè)里暢游，從中得獲得心靈和情感上的撫慰與放松。因此我們希望，當(dāng)早上您啟動(dòng)QQ music 的時(shí)候，金色陽(yáng)光灑向云海，就像雖然我不在您身邊，但依然在對(duì)您說(shuō)：“ good morning，加油!又是美好一天的開始!”
動(dòng)態(tài)的播放界面，深夜，帶您到星辰中去漫步。也可以與您一起去深海里暢游。當(dāng)悲傷的音樂(lè)響起，雨水打在玻璃上，讓世界模糊起來(lái)。 我們無(wú)法觸及您所有的感情，但期待與您的感情相會(huì)時(shí)剎那的交流與感動(dòng)。(我們對(duì)給自己勾勒出的藍(lán)圖，也感覺(jué)到責(zé)任和壓力的重大，但我們不畏懼奮起努力。最后做的還不夠的地方還請(qǐng)海涵。)
9. 啟動(dòng)ICON
ICON為保持QQMusic一直的視覺(jué)識(shí)別采用了QQMusic的LOGO為主體配以界面的主色調(diào)藍(lán)色。
10. 后記
在整個(gè)設(shè)計(jì)流程中，我們引入了一些細(xì)小的變化，成效不錯(cuò)。iPhone版本在上架9個(gè)小時(shí)后就登上了免費(fèi)app第一位，評(píng)分達(dá)到了史無(wú)前例的4.5顆星。成績(jī)固然令人欣喜，不過(guò)問(wèn)題同樣存在，我們的性能還不夠完美，體驗(yàn)還不夠流暢，中間還因?yàn)閷?duì)框架缺少深入的理解，導(dǎo)致了一次較大的調(diào)整，我們?cè)敢源藶殍b，繼續(xù)前行。
【編輯推薦】
