U&M即優(yōu)覓,是一款音樂(lè)APP,含義是尋找優(yōu)質(zhì)音樂(lè)。此款音樂(lè)APP為一群音樂(lè)愛(ài)好者提供一個(gè)施展才華的平臺(tái)。千鋒UI學(xué)員通過(guò)文字記錄下來(lái)了關(guān)于自己做移動(dòng)端項(xiàng)目的切實(shí)感受,越長(zhǎng)版文字傾情奉獻(xiàn),你值得珍藏!
在千鋒UI講師王老師的帶領(lǐng)下,U&M音樂(lè)APP一步步成熟。我們小組從一開(kāi)始確定APP的主題、風(fēng)格、運(yùn)營(yíng)模式、版權(quán)等到低保真的雛形出現(xiàn),王老師給我們組提供了好多建設(shè)性意見(jiàn),王老師幫我們的音樂(lè)APP分析了存在的版權(quán)、運(yùn)營(yíng)的模式、交互等問(wèn)題。王老師給我們拋磚引玉之后,我們組的五個(gè)成員展開(kāi)討論,我們五個(gè)人的意見(jiàn)不一,PM黃將我們的意見(jiàn)集合在一起,進(jìn)行整合,取其精華,去其糟粕。大家通過(guò)努力,克服了許多問(wèn)題,這款A(yù)PP才從雛形到成熟。
從定下U&M這款A(yù)PP到完善這款A(yù)PP歷時(shí)一個(gè)月。剛開(kāi)始,我們對(duì)于APP的交互問(wèn)題是一張白紙,最基本的用戶體驗(yàn)都不知道以“簡(jiǎn)單、快捷”的操作方式存在。因此,我們參考了很多成熟的音樂(lè)APP,比如“網(wǎng)易云音樂(lè)”、“酷狗”、“QQ音樂(lè)”等。U&M音樂(lè)APP的音樂(lè)人都是一些沒(méi)有名氣的音樂(lè)愛(ài)好者,因此音樂(lè)不存在版權(quán)問(wèn)題,所以省去了一些成熟音樂(lè)APP存在的版權(quán)問(wèn)題,也簡(jiǎn)化我們遇到的版權(quán)問(wèn)題。但是,音樂(lè)人發(fā)布的音樂(lè),我們的APP也要體現(xiàn)尊重音樂(lè)人的音樂(lè)成果。因此,我們采用了“下載付費(fèi)”的方式。這樣我們就解決了音樂(lè)APP的一大版權(quán)問(wèn)題。U&M音樂(lè)APP有一個(gè)最大的亮點(diǎn),就是“發(fā)布”功能。每一個(gè)會(huì)員都可以發(fā)布音樂(lè),話題。尤其是“發(fā)布話題”這個(gè)功能是我們音樂(lè)APP的重中之重。在很多的音樂(lè)APP都沒(méi)有強(qiáng)化這個(gè)功能,因此我們又遇到了“發(fā)布”這個(gè)問(wèn)題。這個(gè)問(wèn)題,我們一直都沒(méi)有討論出結(jié)果,低保真也是一次又一次地修改,即使參考了很多擁有“發(fā)布”功能的APP,但是也沒(méi)有將“發(fā)布”和“音樂(lè)”完美地結(jié)合起來(lái)。
我們組因?yàn)檫@個(gè)問(wèn)題中斷了APP的進(jìn)一步開(kāi)發(fā),PM經(jīng)理黃將我們的問(wèn)題闡述給王老師,王老師建議我們:“既然是‘發(fā)布’,就在常駐欄上把‘發(fā)布’和‘話題’結(jié)合起來(lái)。”王老師的建議讓我們的APP得以繼續(xù)開(kāi)發(fā)下去。因此,我們就將“發(fā)布”和“話題”結(jié)合起來(lái),用戶可以點(diǎn)擊“發(fā)布”按鈕,就可以發(fā)布“音樂(lè)”、“話題”。這真是一個(gè)完美的結(jié)合。
這一個(gè)月的時(shí)間,對(duì)與我們來(lái)說(shuō)是一個(gè)成長(zhǎng)的過(guò)程。因?yàn)?,在這一個(gè)月中,我們學(xué)會(huì)了交互,學(xué)會(huì)了思考問(wèn)題,學(xué)會(huì)了團(tuán)隊(duì)合作。當(dāng)王老師布置開(kāi)發(fā)APP時(shí),我們班就重新分組。我們五個(gè)人完全做不到默契,每個(gè)人做出來(lái)的頁(yè)面風(fēng)格完全不統(tǒng)一,字號(hào),色號(hào)完全按自己想法來(lái)。當(dāng)我們把低保真集中起來(lái)時(shí),發(fā)現(xiàn)完全沒(méi)有統(tǒng)一。PM經(jīng)理黃巍重新制定視覺(jué)規(guī)范,我們加以修改。PM經(jīng)理合理分配工作:如下,
1.黃同學(xué)任PM,負(fù)責(zé)整體風(fēng)格的把控。
2.丁同學(xué)擔(dān)任UI,設(shè)計(jì)兩版LOGO,首頁(yè)以及其他頁(yè)面,設(shè)計(jì)視覺(jué)規(guī)范,一版引導(dǎo)頁(yè),把握整體風(fēng)格,安卓適配圖。
3.李同學(xué)擔(dān)任UI,設(shè)計(jì)另一版LOGO,引導(dǎo)頁(yè),第二版首頁(yè),“登錄/注冊(cè)”,“我的”等一系列頁(yè)面,“登錄/注冊(cè)”的流程圖。安卓適配圖。
4.宋同學(xué)擔(dān)任UE,設(shè)計(jì)引導(dǎo)頁(yè),安卓適配圖,思維導(dǎo)圖,“活動(dòng)”頁(yè)面,競(jìng)品分析,所有的切圖,頁(yè)面標(biāo)注。
5.小瑩擔(dān)任UE,設(shè)計(jì)兩版圖標(biāo),思維導(dǎo)圖,“話題”的頁(yè)面,“最近播放”的頁(yè)面,PPT。
前期討論的是邏輯,小組成員都是各抒己見(jiàn),通過(guò)最后的整理,我們基本確定這款A(yù)PP將以社交為主,通過(guò)音樂(lè)結(jié)識(shí)更多志同道合的朋友,音樂(lè)讓他們相聚一堂,也希望每一個(gè)參加官網(wǎng)活動(dòng)的人都能在這個(gè)平臺(tái)找到知音。
我們的音樂(lè)APP名稱定為U&M即優(yōu)覓,LOGO外形采用蜜蜂,,表示尋找、采集。王冠代表權(quán)威,我們是一個(gè)有影響力的平臺(tái),吸引越來(lái)越多有才華的人實(shí)現(xiàn)音樂(lè)夢(mèng)想,給他一個(gè)充分展現(xiàn)魅力的舞臺(tái)。同時(shí)也代表無(wú)窮,有海量的音樂(lè),無(wú)窮的可能性!話筒體現(xiàn)了APP的一大亮點(diǎn),可以自由的發(fā)表自己的音樂(lè)作品,圓自己的音樂(lè)夢(mèng)!
低保真是APP開(kāi)始的重中之重,交互是一款A(yù)PP成功的關(guān)鍵,每一張頁(yè)面都要前后貫通的。以下展示幾個(gè)一級(jí)頁(yè)面:
低保真確認(rèn)后,基本邏輯思維理順,小組成員也開(kāi)始進(jìn)行高保真的繪制了,每個(gè)人都有著不同的分工,有了低保真的邏輯性原型圖,高保真就相對(duì)于比較簡(jiǎn)單了,前期確定了規(guī)范,后面繪制就只需要保證頁(yè)面的視覺(jué)設(shè)計(jì),把頁(yè)面做的美觀。在這個(gè)頁(yè)面美觀上,丁澤宇對(duì)我們的要求很高,每一張圖片選取都要在他審核下過(guò)關(guān),他對(duì)美有一種特別的追求。也正是如此,我們保持了自己的風(fēng)格。以下展示幾張高保真頁(yè)面:
項(xiàng)目進(jìn)入尾聲,可能因?yàn)榍捌谠谝恍┘?xì)節(jié)方面沒(méi)有處理好,一些頁(yè)面因?yàn)槿鄙賵D標(biāo)導(dǎo)致了邏輯不通順,感謝老師和同學(xué)們?yōu)槲覀兲岢鰡?wèn)題,讓我們發(fā)現(xiàn)問(wèn)題、解決問(wèn)題。我相信,通過(guò)后期修改,我們的APP可以足夠優(yōu)秀,成為我們的驕傲。從開(kāi)始到結(jié)束,在這個(gè)過(guò)程我們的U&M出世了,也許它并不是最好的,但是,在我們心里,它最棒的,因?yàn)樗俏覀円皇志喸斓暮⒆印?/p>
最后,王老師將我們APP重新過(guò)了一遍,分析邏輯問(wèn)題,確保其能成功運(yùn)行。我們組的APP是在老師的幫助下,同學(xué)們的幫助下,還有我們組員的齊心下順利完成。
我們組的每位成員在這里感謝我們的老師,同學(xué),謝謝大家!
相關(guān)文章
了解千鋒動(dòng)態(tài)
關(guān)注千鋒教育服務(wù)號(hào)
掃一掃快速進(jìn)入
千鋒移動(dòng)端頁(yè)面
掃碼匿名提建議
直達(dá)CEO信箱