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