iPhoneQQmusic設(shè)計(jì)實(shí)錄
2011-08-26 文章來(lái)源: 深達(dá)設(shè)計(jì)
Tags:
iPhone.QQmusic.設(shè)計(jì).實(shí)錄
1. 寫(xiě)在前面
經(jīng)過(guò)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、蝦米早早加入。姍姍來(lái)遲的iPhone QQmusic如何后來(lái)居上?這是我們繼android后在iOS平臺(tái)上的又一次嘗試,我們總結(jié)了中間跌跌撞撞、折騰不息的過(guò)程,并希望以此積蓄經(jīng)驗(yàn)和力量。
2. 調(diào)整產(chǎn)品定義
“一個(gè)可以不斷自我完善的解決方案才能真正改善狀況并得以更有效地執(zhí)行。”從android QQmusic開(kāi)始,我們就已經(jīng)嘗試引入“產(chǎn)品定義描述”(Application definiation statement),鼓勵(lì)設(shè)計(jì)團(tuán)隊(duì)更早地切入整個(gè)產(chǎn)品設(shè)計(jì)過(guò)程。同樣是解決移動(dòng)場(chǎng)景的聽(tīng)歌問(wèn)題,不同的生態(tài)系統(tǒng)會(huì)給產(chǎn)品定位與目標(biāo)受眾帶來(lái)差異,一端是開(kāi)放的android,一端是封閉的iOS,習(xí)慣了磁盤(pán)管理思維的中國(guó)用戶在iTunes中難以適從。“丟掉那根可惡的數(shù)據(jù)線!”——這是我們整個(gè)團(tuán)隊(duì)對(duì)產(chǎn)品的再一次共鳴。
3. 深入場(chǎng)景 狠抓用戶痛點(diǎn)
“細(xì)節(jié)決定成敗。”除了更深入地理解一般性的“聽(tīng)歌”場(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. 餐巾紙式快速原型
“畫(huà)幾筆畫(huà)比說(shuō)一千句有效得多。”
經(jīng)過(guò)前面對(duì)產(chǎn)品定位的討論和需求分析,下一步應(yīng)該是把“想法”表現(xiàn)出來(lái)。很多設(shè)計(jì)師喜歡馬上打開(kāi)各種原型工具,并“單打獨(dú)斗”地畫(huà)起圖來(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í)的情感訴求,抽象情感的畫(huà)面化等方面著手分析的兩千多份有效問(wèn)卷中表明:目標(biāo)用戶的教育程度和收入會(huì)比較好,愛(ài)好音樂(lè)的人們?cè)诰裆陷^之會(huì)比較感性。用戶們?cè)谟胕phone聽(tīng)歌的時(shí)候,80%是在使用耳機(jī),主要使用場(chǎng)景是在路上或是睡前。用音樂(lè)作為陪伴,營(yíng)造出一個(gè)自我的空間,在音樂(lè)里暢游,從中得獲得心靈和情感上的撫慰與放松。因此我們希望,當(dāng)早上您啟動(dòng)QQ music 的時(shí)候,金色陽(yáng)光灑向云海,就像雖然我不在您身邊,但依然在對(duì)您說(shuō):“ good morning,加油!又是美好一天的開(kāi)始!”
動(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 QQmusic在上架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ù)前行。
最后,感謝iPhone QQmusic團(tuán)隊(duì),他們?yōu)閻?ài)音樂(lè)的孩子譜寫(xiě)了一首游響停云的樂(lè)曲,希望你們喜歡。
深圳網(wǎng)站建設(shè)設(shè)計(jì)公司-深達(dá)設(shè)計(jì)(ttlfr.cn),擁有專(zhuān)業(yè)設(shè)計(jì)團(tuán)隊(duì)為企業(yè)提供網(wǎng)站建設(shè),網(wǎng)站設(shè)計(jì),網(wǎng)站制作,FLASH網(wǎng)站建設(shè)設(shè)計(jì),Flash互動(dòng)設(shè)計(jì),網(wǎng)頁(yè)制作,品牌設(shè)計(jì).