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