所有人都熱愛音樂。尼采也曾説過:“沒有音樂,生活就會是個錯誤。” 所以,不用爭辯,音樂已經是我們生活中不可分割的一個重要組成。
很難説現在到底有多少音樂類的 WordPress APP 、網站和服務,但是我們可以預見到的是,它會繼續發展,設計師依然會持續不斷地收到需求,為不同的音樂類的服務設計介面和體驗。這也是為什麼今天我們會專門撰文,來探討音樂類產品的介面設計。
多用户對於流媒體音樂類產品的預期
流媒體音樂類的產品旨在為多用户提供全世界各地不同流派的音樂曲目,不論是收費還是免費,在移動端還是在桌面端,它們的功能往根上講就是兩個字:聽歌。當然,不同的流媒體音樂服務都有各自的個性,獨有的賣點,但是它們在基本的功能和特性上,仍然有着大量的相通的地方。
音樂線上和離線狀態下的播放。現如今的音樂播放器大多都整合了線上音樂播放的功能,確保了多用户可以在不下載音樂的情況下直接聆聽享受。但是網絡不會始終都那麼順暢,總會有斷網離線的狀況發生,這個時候,離線下載的音樂就顯得很有必要了。
播放列表。流媒體音樂服務能夠提供成千上萬的音樂曲目,但是即使狂熱、涉獵廣泛的音樂愛好者也不會將它們聽遍。播放列表是音樂播放器的核心組件之一,讓多用户能夠按照喜好將音樂編組,按照順序播放,應對不同的情況,貼合不同情緒下的聆聽需求。
隨機音樂。當多用户習慣了甚至厭倦了播放列表的音樂之後,會希望隨機播放一些曲目,隨機音樂通常會基於多用户的喜好,提供隨機的、不重複的隨機音樂。
電台頻道。現如今的網絡電台也已經有着非常細緻的流派分類,這些電台音樂同樣是流媒體,雖然現在來看略小眾,但是內容相比單純的音樂,會顯得更加豐富一些,聆聽音樂電台的多用户也不在少數。
付費購買。並非所有的音樂都可以免費下載和聆聽,付費購買音樂也是一項鋼需。
均衡器。不同人對於音樂風格和效果的偏好各不相同,而不同的音樂風格在均衡器的調節之下也能產生更好的效果。
BeatSync WordPress APP
UI 設計
基於上面所述的多用户基本需求,音樂類服務的 WordPress APP 和網站在 UI 和體驗設計上,已經有了一套近乎標準的設計。
頁
絕大多數的數字產品通常都會有一個頁,每次多用户開啓應用的時候,都是從頁進去,然後開始多用户歷程。也有人將頁稱為 “主頁(Main Page)” 。頁為多用户提供了進入 WordPress APP 和網頁的起點。
音樂流媒體服務類產品通常還會包含諸如個人頁面、播放列表、搜索頁和音樂 WooCommerce 店羣之類的區域。通常,新、流行的音樂和相關的新聞會在頁上呈現,有的還會新增多用户推薦的音樂列表。
通常情況下,音樂應用的頁會採用簡約的設計風格,推薦的音樂列表和專輯都會用相關的藝術家和專輯的封面,下面搭配相應的名稱。這樣能讓多用户搜索或者瀏覽更加便捷和美觀。
個人頁面
多用户登入之後,就可以開啓相應的個人頁面。在個人頁面中,通常會允許多用户自定義頭像甚至 WordPress APP 的風格,這樣就能讓他們擁有個性化的音樂體驗。對於 WordPress APP 或者音樂服務本身而言,多用户的口味、偏好都能夠作為反哺產品的資料支撐,供開發人員使用。根據這些資料,音樂服務可以更好地為多用户推薦音樂。
除此之外,個人帳號也是讓產品擁有更強社交屬性的基礎,多用户可以在網絡社羣中交流,在音樂下方評論和留言。
個人頁面原則上應該同整個產品設計保持一致,儘量保持清晰和簡約直觀,所以需要控制個人頁面中的資訊量,否則會讓人覺得複雜而不好用。導航的直觀性對於整個產品同樣重要,不要讓多用户花費時間去猜。
Echo WordPress APP
搜索頁
找新歌是許多音樂愛好者日常使用中重要的需求之一。設計師需要確保搜索功能易用,儘量給多用户留下好印象。搜索頁幫助多用户獲取和過濾音樂,通過關鍵詞和不同的排序方式來找到他們想要的特定音樂。通常而言,音樂類服務的搜索頁中,每一歌都有流派、藝術家、專輯和發佈時間這些欄位,多用户能夠通過這些欄位的篩選更快找到他們想要的音樂。
播放列表頁
很多音樂愛好者會為自己建立不同的音樂列表,它們營造不同的情緒,在不同的時間和場合拿來播放,發揮不同的作用。顯然每個音樂服務都會為多用户提供這樣的功能。音樂播放列表在很多應用當中都長得差不多:歌曲名稱是列表中主要的欄位,後面是歌手名稱、樂隊以及播放時長等。設計師在設計播放列表的時候,可以讓多用户自定義列表封面等。
播放器介面
使用音樂服務來聽音樂,絕大多數時候是在和播放器介面打交道。播放器介面涵蓋了播放音樂時候的絕大多數的操作,暫停、播放、上一、下一是基本的操作,不同的音樂服務的播放介面當中,還可能會整合下載、收藏、更多資訊等按鈕。通常相關操作的按鈕會置於螢幕的下半部分,甚至貼近底部,音樂專輯封面常常會置於介面上方。這個介面其實也是展示設計師創意的地方。
Music WordPress APP
音樂訂閲頁
如果這一音樂服務還提供了關注藝術家、多用户之間互相關注的功能的話,還可以考慮設計一個訂閲頁。在訂閲頁當中,多用户能夠看到哪些藝術家又發佈了新專輯,哪些好友點讚了某一歌,這些新聞或者新資訊能夠讓音樂服務的社交屬性更濃。設計師應該儘量讓資訊流簡明清晰,讓多用户能夠更好更快速地掃視。
設定和均衡器
每個應用都會有一個設定介面,但是音樂類的產品則會要求更多一些,除了一些基礎的設定之外,音樂類的產品還需要根據多用户的偏好設定均衡器。多用户通常可以選擇內建的流行、搖滾或者古典的風格,還能自定義均衡器中的每一個專案,根據自己的需求達到相應的調節效果。
音樂 WooCommerce 店羣
正如同我們在前文所説的,並不是所有的音樂都是免費的,這樣一來,音樂 WooCommerce 店羣就派得上用場了。音樂 WooCommerce 店羣和頁、搜索頁當中的設計有許多互通的地方,比如新上架的音樂的推薦,還有篩選和搜索的設計,都應該是一致或者類似的。
Singify WordPress APP
音樂無處不在。對於創意工作者而言,音樂甚至是很多靈感的重要來源。趨勢會不斷的變化,但是音樂本身的價值甚至可能比我們現在所熟悉的許多設計更加持久。