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