UI設(shè)計(jì)怎么設(shè)計(jì)能讓音樂(lè)APP看著更有范？

很難說(shuō)現(xiàn)在到底有多少音樂(lè)類(lèi)的APP、網(wǎng)站和服務(wù)，但是我們可以預(yù)見(jiàn)到的是，它會(huì)繼續(xù)發(fā)展，設(shè)計(jì)師依然會(huì)持續(xù)不斷地收到需求，為不同的音樂(lè)類(lèi)的服務(wù)設(shè)計(jì)界面和體驗(yàn)。這也是為什么今天我們會(huì)專(zhuān)門(mén)撰文，來(lái)探討音樂(lè)類(lèi)產(chǎn)品的界面設(shè)計(jì)。

用戶(hù)對(duì)于流媒體音樂(lè)類(lèi)產(chǎn)品的預(yù)期

流媒體音樂(lè)類(lèi)的產(chǎn)品旨在為用戶(hù)提供全世界各地不同流派的音樂(lè)曲目，不論是收費(fèi)還是免費(fèi)，在移動(dòng)端還是在桌面端，它們的功能往根上講就是兩個(gè)字：聽(tīng)歌。當(dāng)然，不同的流媒體音樂(lè)服務(wù)都有各自的個(gè)性，獨(dú)有的賣(mài)點(diǎn)，但是它們?cè)诨镜墓δ芎吞匦陨?，仍然有著大量的相通的地方?/span>

音樂(lè)在線(xiàn)和離線(xiàn)狀態(tài)下的播放?，F(xiàn)如今的音樂(lè)播放器大多都集成了在線(xiàn)音樂(lè)播放的功能，確保了用戶(hù)可以在不下載音樂(lè)的情況下直接聆聽(tīng)享受。但是網(wǎng)絡(luò)不會(huì)始終都那么順暢，總會(huì)有斷網(wǎng)離線(xiàn)的狀況發(fā)生，這個(gè)時(shí)候，離線(xiàn)下載的音樂(lè)就顯得很有必要了。

播放列表。流媒體音樂(lè)服務(wù)能夠提供成千上萬(wàn)的音樂(lè)曲目，但是即使最狂熱、涉獵最廣泛的音樂(lè)愛(ài)好者也不會(huì)將它們聽(tīng)遍。播放列表是音樂(lè)播放器的核心組件之一，讓用戶(hù)能夠按照喜好將音樂(lè)編組，按照順序播放，應(yīng)對(duì)不同的情況，貼合不同情緒下的聆聽(tīng)需求。

隨機(jī)音樂(lè)。當(dāng)用戶(hù)習(xí)慣了甚至厭倦了播放列表的音樂(lè)之后，會(huì)希望隨機(jī)播放一些曲目，隨機(jī)音樂(lè)通常會(huì)基于用戶(hù)的喜好，提供隨機(jī)的、不重復(fù)的隨機(jī)音樂(lè)。

電臺(tái)頻道。現(xiàn)如今的網(wǎng)絡(luò)電臺(tái)也已經(jīng)有著非常細(xì)致的流派分類(lèi)，這些電臺(tái)音樂(lè)同樣是流媒體，雖然現(xiàn)在來(lái)看略小眾，但是內(nèi)容相比單純的音樂(lè)，會(huì)顯得更加豐富一些，聆聽(tīng)音樂(lè)電臺(tái)的用戶(hù)也不在少數(shù)。

付費(fèi)購(gòu)買(mǎi)。并非所有的音樂(lè)都可以免費(fèi)下載和聆聽(tīng)，付費(fèi)購(gòu)買(mǎi)音樂(lè)也是一項(xiàng)鋼需。

均衡器。不同人對(duì)于音樂(lè)風(fēng)格和效果的偏好各不相同，而不同的音樂(lè)風(fēng)格在均衡器的調(diào)節(jié)之下也能產(chǎn)生更好的效果。

BeatSync App

 

UI設(shè)計(jì)

基于上面所述的用戶(hù)基本需求，音樂(lè)類(lèi)服務(wù)的APP和網(wǎng)站在UI和體驗(yàn)設(shè)計(jì)上，已經(jīng)有了一套近乎標(biāo)準(zhǔn)的設(shè)計(jì)。

 

首頁(yè)

絕大多數(shù)的數(shù)字產(chǎn)品通常都會(huì)有一個(gè)首頁(yè)，每次用戶(hù)打開(kāi)應(yīng)用的時(shí)候，都是從首頁(yè)進(jìn)去，然后開(kāi)始用戶(hù)歷程。也有人將首頁(yè)稱(chēng)為“主頁(yè)（Main Page）”。首頁(yè)為用戶(hù)提供了進(jìn)入APP和網(wǎng)頁(yè)的起點(diǎn)。

音樂(lè)流媒體服務(wù)類(lèi)產(chǎn)品通常還會(huì)包含諸如個(gè)人頁(yè)面、播放列表、搜索頁(yè)和音樂(lè)商店之類(lèi)的區(qū)域。通常，最新、最流行的音樂(lè)和相關(guān)的新聞會(huì)在首頁(yè)上呈現(xiàn)，有的還會(huì)添加用戶(hù)推薦的音樂(lè)列表。

通常情況下，音樂(lè)應(yīng)用的首頁(yè)會(huì)采用簡(jiǎn)約的設(shè)計(jì)風(fēng)格，推薦的音樂(lè)列表和專(zhuān)輯都會(huì)用相關(guān)的藝術(shù)家和專(zhuān)輯的封面，下面搭配相應(yīng)的名稱(chēng)。這樣能讓用戶(hù)搜索或者瀏覽更加便捷和美觀。

 

個(gè)人頁(yè)面

用戶(hù)登錄之后，就可以打開(kāi)相應(yīng)的個(gè)人頁(yè)面。在個(gè)人頁(yè)面中，通常會(huì)允許用戶(hù)自定義頭像甚至APP的風(fēng)格，這樣就能讓他們擁有個(gè)性化的音樂(lè)體驗(yàn)。對(duì)于APP或者音樂(lè)服務(wù)本身而言，用戶(hù)的口味、偏好都能夠作為反哺產(chǎn)品的數(shù)據(jù)支撐，供開(kāi)發(fā)人員使用。根據(jù)這些數(shù)據(jù)，音樂(lè)服務(wù)可以更好地為用戶(hù)推薦音樂(lè)。

除此之外，個(gè)人帳號(hào)也是讓產(chǎn)品擁有更強(qiáng)社交屬性的基礎(chǔ)，用戶(hù)可以在網(wǎng)絡(luò)社區(qū)中交流，在音樂(lè)下方評(píng)論和留言。

個(gè)人頁(yè)面原則上應(yīng)該同整個(gè)產(chǎn)品設(shè)計(jì)保持一致，盡量保持清晰和簡(jiǎn)約直觀，所以需要控制個(gè)人頁(yè)面中的信息量，否則會(huì)讓人覺(jué)得復(fù)雜而不好用。導(dǎo)航的直觀性對(duì)于整個(gè)產(chǎn)品同樣重要，不要讓用戶(hù)花費(fèi)時(shí)間去猜。

Echo app

 

搜索頁(yè)

找新歌是許多音樂(lè)愛(ài)好者日常使用中最重要的需求之一。設(shè)計(jì)師需要確保搜索功能易用，盡量給用戶(hù)留下好印象。搜索頁(yè)幫助用戶(hù)獲取和過(guò)濾音樂(lè)，通過(guò)關(guān)鍵詞和不同的排序方式來(lái)找到他們想要的特定音樂(lè)。通常而言，音樂(lè)類(lèi)服務(wù)的搜索頁(yè)中，每一首歌都有流派、藝術(shù)家、專(zhuān)輯和發(fā)布時(shí)間這些字段，用戶(hù)能夠通過(guò)這些字段的篩選更快找到他們想要的音樂(lè)。

 

播放列表頁(yè)

很多音樂(lè)愛(ài)好者會(huì)為自己創(chuàng)建不同的音樂(lè)列表，它們營(yíng)造不同的情緒，在不同的時(shí)間和場(chǎng)合拿來(lái)播放，發(fā)揮不同的作用。顯然每個(gè)音樂(lè)服務(wù)都會(huì)為用戶(hù)提供這樣的功能。音樂(lè)播放列表在很多應(yīng)用當(dāng)中都長(zhǎng)得差不多：歌曲名稱(chēng)是列表中最主要的字段，后面是歌手名稱(chēng)、樂(lè)隊(duì)以及播放時(shí)長(zhǎng)等。設(shè)計(jì)師在設(shè)計(jì)播放列表的時(shí)候，可以讓用戶(hù)自定義列表封面等。

 

播放器界面

使用音樂(lè)服務(wù)來(lái)聽(tīng)音樂(lè)，絕大多數(shù)時(shí)候是在和播放器界面打交道。播放器界面涵蓋了播放音樂(lè)時(shí)候的絕大多數(shù)的操作，暫停、播放、上一首、下一首是最基本的操作，不同的音樂(lè)服務(wù)的播放界面當(dāng)中，還可能會(huì)集成下載、收藏、更多信息等按鈕。通常相關(guān)操作的按鈕會(huì)置于屏幕的下半部分，甚至貼近底部，音樂(lè)專(zhuān)輯封面常常會(huì)置于界面上方。這個(gè)界面其實(shí)也是展示設(shè)計(jì)師創(chuàng)意的地方。

Music App

 

音樂(lè)訂閱頁(yè)

如果這一音樂(lè)服務(wù)還提供了關(guān)注藝術(shù)家、用戶(hù)之間互相關(guān)注的功能的話(huà)，還可以考慮設(shè)計(jì)一個(gè)訂閱頁(yè)。在訂閱頁(yè)當(dāng)中，用戶(hù)能夠看到哪些藝術(shù)家又發(fā)布了新專(zhuān)輯，哪些好友點(diǎn)贊了某一首歌，這些新聞或者新信息能夠讓音樂(lè)服務(wù)的社交屬性更濃。設(shè)計(jì)師應(yīng)該盡量讓信息流簡(jiǎn)明清晰，讓用戶(hù)能夠更好更快速地掃視。

 

設(shè)置和均衡器

每個(gè)應(yīng)用都會(huì)有一個(gè)設(shè)置界面，但是音樂(lè)類(lèi)的產(chǎn)品則會(huì)要求更多一些，除了一些基礎(chǔ)的設(shè)定之外，音樂(lè)類(lèi)的產(chǎn)品還需要根據(jù)用戶(hù)的偏好設(shè)置均衡器。用戶(hù)通?？梢赃x擇內(nèi)置的流行、搖滾或者古典的風(fēng)格，還能自定義均衡器中的每一個(gè)項(xiàng)目，根據(jù)自己的需求達(dá)到相應(yīng)的調(diào)節(jié)效果。

 

音樂(lè)商店

正如同我們?cè)谇拔乃f(shuō)的，并不是所有的音樂(lè)都是免費(fèi)的，這樣一來(lái)，音樂(lè)商店就派得上用場(chǎng)了。音樂(lè)商店和首頁(yè)、搜索頁(yè)當(dāng)中的設(shè)計(jì)有許多互通的地方，比如最新上架的音樂(lè)的推薦，還有篩選和搜索的設(shè)計(jì)，都應(yīng)該是一致或者類(lèi)似的。

Singify App

音樂(lè)無(wú)處不在。對(duì)于創(chuàng)意工作者而言，音樂(lè)甚至是很多靈感的重要來(lái)源。趨勢(shì)會(huì)不斷的變化，但是音樂(lè)本身的價(jià)值甚至可能比我們現(xiàn)在所熟悉的許多設(shè)計(jì)更加持久。