Apple Music 大戰 Spotify,花落誰家?

Apple Music 大戰 Spotify,花落誰家?Apple Music 大戰 Spotify,花落誰家?

開課提醒

7月9日UI/UX實戰VIP項目試聽課

Apple Music 大戰 Spotify,花落誰家?

今日上上籤

UI/UX 實戰VIP講座入場券

備註【UIUX 0】領券

最近我朋友在WhatsApp上給我分享了一個歌單,點開連接我才想起來自己早已經卸載了Apple Music。重新安裝後才發現Apple Music聽歌都需要付費,心想還是Spotify適合我這樣的很少充值的 “平民用戶” ……不過也引發了我想寫一篇關於流媒體音樂平臺對比的衝動。

曾經我也是Apple音樂類產品的深度用戶,iPod系列Nano, Shuffle, Touch的好幾代產品我都有。2017年,Apple宣佈將停產Nano和shuffle,從此只存在於一代人的記憶中了。隨著流媒體音樂平臺的興起,iPod作為曾經的現金牛逐漸走向隕落。與之相應的iTunes的Apple Music也在隨之作出改變,從一個 “點唱機” 軟件向一個全面的數字化內容傳播平臺轉型。

Apple Music 大戰 Spotify,花落誰家?

“再見蘋果曾經的現金牛” iPod 的 銷量和總營收佔比

自從Apple Music在2015年發佈,Tim Cook就對其有很大的期待。如今在多家雄奇的流媒體音樂市場,Apple Music 和 Spotify 領跑美國市場(中國市場是另外一番景象)。

Apple Music 大戰 Spotify,花落誰家?

美國各家流媒體音樂平臺的月活躍用戶數(百萬)

Apple Music 大戰 Spotify,花落誰家?

Spotify 付費用戶數量遙遙領先

就用戶數而言,Apple Music 稍稍領先Spotify。但就付費用戶數量而言,Spotify還是遙遙領先,而且差距越拉越大。這其中的原因可能很多,但我們不妨從Apple Music和Spotify的用戶體驗和界面設計(UX/UI, User Experience/User Interface)分析一下。

Apple Music 大戰 Spotify,花落誰家?

信息架構與交互設計體系

對於任何一個產品而言,最重要的用戶體驗之一就是如何引領用戶找到他們所需要的內容和信息。我們所說的信息架構體系設計就是關注於信息的組織方式,交互設計則關注於影響用戶執行完成任務的元素。

下面兩張圖表列出了Spotify和Apple Music的信息架構。兩者都是比較典型的層級結構。

Apple Music 大戰 Spotify,花落誰家?Apple Music 大戰 Spotify,花落誰家?

Spotify 和 Apple Music 信息架構體系對比

Apple Music 大戰 Spotify,花落誰家?

好的信息架構設計是通用且永恆的

就像珠寶首飾,最經典的款式總是代代相傳。好的信息架構體系所體現的模式和原則也都是經得起時間考驗的。比如,信息架構中的一級項肯定都是App中最重要的,數量最好控制在3-5項。

對於Spotify而言是:首頁-瀏覽-搜索-廣播和 我的 。

對於Apple Music來說是:音樂庫-我聽-發現-廣播-搜索, 兩者基本相同。

Apple的音樂類應用UI設計可以證明這點。即便從2001年的初代iPod到2017年的Apple Music,整體界面設計天壤之別,但是根本的信息架構體系是一樣的。

Apple Music 大戰 Spotify,花落誰家?

蘋果音樂產品信息呈現結構,2001 vs 2017

不光是音樂類App,可以發現無論是什麼樣形式、內容,信息總是以相似的結構組織呈現。人類對信息的接受、處理習慣性地先從一個比較寬泛的概念(或是一類相似元素的集合)開始,再縮小範圍到特定的項目。也就是我們常說的“向下細分”。

下面我們就Spotify和Apple Music都有的關鍵UX功能對比兩者,看看孰優孰劣!

Apple Music 大戰 Spotify,花落誰家?

開App見山 |首頁

自打開App首頁出現,兩者就各具風格。Spotify非常注重視覺效果,以圖像為主,用圖標、符號、圖形等元素抓住用戶。

據傳,Spotify這個名字的是Spot + Identify(發現+識別)兩個單詞組成。Spotify的首頁也很好地體現著兩點。App的頭部陳列了根據用戶喜好制定的歌單,旨在引導用戶在最首頁就能發現新音樂。

你或許會注意到Spotify的主頁特別地長,其實是有用意的:儘可能使得在用戶不用過多進行瀏覽操作的情況下提供更多的內容給他們,並且強調定製化 - 如“為你打造”、“相關推薦”、“最近播放”等等 ('Made For You', 'More Like', 'Recently Played')。

簡約的設計也是為了最大化利用‘左右橫滑’的交互方式。每個滑塊都是一個專題音樂歌單或者音樂子分類,充分利用橫向拓展內容空間。

Apple Music 大戰 Spotify,花落誰家?

Spotify 附近演唱會

還有一個對於音樂發燒友來說非常有價值的功能是“附近演唱會”(Concerts Near You)。Spotify為用戶蒐集了近期的表演秀,重點是這是根據用戶的音樂喜好進行的推薦!也就是說,只有鐵桿ikun才會收到蔡徐坤的信息。

Apple Music 大戰 Spotify,花落誰家?Apple Music 大戰 Spotify,花落誰家?

Apple Music Library 我的音樂庫

與Spotify不同,Apple Music 的默認首頁叫“音樂庫”(注意:Spotify有另一個單獨的“音樂庫”頁面在最後)。Apple Music 的“音樂庫”想給用戶一種“所有感”,頁面所有展示的音樂專輯都都是與用戶的收聽、瀏覽和購買歷史相關的。

此外,與Spotify首頁重在“引導用戶發現未知的新音樂”不同,Apple Music“音樂庫”更側重引導用戶快速、系統化地找到需要的信息。因此Apple Music採用了比較乾淨純粹的目錄式菜單,“專輯”、“歌曲”、“已下載音樂”等等。用戶在點擊後,可以很快找到他們已知的音樂內容。不過這也意味著,用戶在使用Apple Music時,想要“來點新鮮的”可能就得稍多花點功夫。

Apple Music 大戰 Spotify,花落誰家?

刷歌單刷MV刷Idol | 瀏覽

像刷微博或者女生逛街一樣,很多時候用戶都是在寬泛地瀏覽信息。用戶這時候並不是有目的性的尋找內容,而是更希望得到新鮮感和啟發。這也是App中瀏覽功能就重要的作用。

Apple Music 大戰 Spotify,花落誰家?

Spotify Browse 瀏覽頁

從頭部看,Spotify還是注重視覺。以圖片為主,向用戶推薦如“專屬星期五的快樂”這樣的定製化歌單。這其實很巧妙地滿足了越來越高的用戶期待。用戶知道Spotify在記錄他們的瀏覽歷史,運用機器學習給他們推薦歌曲。因此他們的預期Spotify會在他們準備漫步音樂世界時,給他們來點對胃口的。

滑塊下方列了幾種不同的選項,如榜單、視頻和播客音頻等等。這是想讓用戶知道:他們如果明確自己想要尋找的信息,有這些選項可以幫他們快速篩選和鎖定。

另外一個不錯的選項是Discover(發現),目的是激發用戶的興趣,給用戶完全不一樣的發現新歌曲的角度。用戶點進去會發現36種不同的音樂 “風格和情緒” (Genre & Moods). 從K-Pop到安眠曲,誰都能在這裡找到點喜歡的。

Apple Music 大戰 Spotify,花落誰家?

Spotify Browse “Genre & Moods” 風格與情緒

Apple Music在這點上也採取相似的方法 - App頭部也是側滑方式陳列了熱門的專題盤點合集(比如下圖的 “純運動”Pure Workout )。目的也是想讓用戶能夠輕鬆找到所需內容。

但如果想要找到像Spotify那樣一頁集中展現36種“風格和情緒”的界面,Apple Music用戶需要多點一下才能找到。Apple認為,一下“爆炸式”地給用戶展示一堆信息可能反而會讓他們不知所措、摸不著頭腦。

Apple Music 大戰 Spotify,花落誰家?

10 Apple Music Browse 瀏覽頁面

Apple Music 大戰 Spotify,花落誰家?

這可能是全世界最大的廣播電臺 | Radio

Apple Music 最為自豪的就是Radio中的Beats 1電臺。Larry Jackson 2017年在接受The Verge採訪時曾稱之為 “全世界最大的廣播電臺” ,並稱“你再也不會找到另外一個電臺同時有這麼多聽眾”。

點擊去你會發現此言不假。從著名音樂人訪談到精選電臺節目合集,Beats1真的是個寶藏電臺。Apple一貫的宗旨就是,要做就要做到極致的用戶體驗。Beats1也不例外 - 這裡有頗具影響力的音樂人、電臺DJ和創作人等製作、主持的音樂節目,讓聽眾能夠從他們喜歡的藝術家那裡接收最前沿的音樂資訊。

Apple Music 大戰 Spotify,花落誰家?Apple Music 大戰 Spotify,花落誰家?

Apple Music VS Spotify Radio 廣播站頁面

Apple在Radio方面似乎是向Spotify取經,也運用了圖像營造視覺效果和縱向滑動以展示大量信息。但客觀地從用戶角度分析,Apple Music勝在封面不是簡單地對廣播音頻內容的 “海報” 式的展現,而是真的關注引導用戶發現新內容的體驗。

搜你所想 | 搜索

既然兩家都稱自己收錄了全世界最多的好音樂,搜索應該是最能見分曉的功能了。這很體現一個產品的成熟程度,不僅能體現內容的體量和質量,也檢測了產品對用戶需求的預測能力。

Spotify的搜索在預測方面做得還OK。用戶在搜索欄中一開始輸入,Spotify就會試圖預測並給出相應的推薦。不得不說,Spotify的推薦引擎做得不錯,響應速度和精準度都非常優秀。而且推薦的內容排序忠於用戶偏好。更令我欣賞的是,Spotify堅持視覺給用戶帶來的衝擊感體驗。在搜索結果中會展示歌手和專輯的封面照片。很明顯,Spotify希望用戶能夠在這個頁面多停留一些時間,因此根據用戶的聽歌歷史和熱搜結果展示了大量內容。

Apple Music 大戰 Spotify,花落誰家?Apple Music 大戰 Spotify,花落誰家?

Spotify Search 搜索頁面

Apple則是走簡約風格,除了前面的小圖標幫助區分音樂、專輯和歌手以外,基本上就是文字。搜索結果貌似也只是基於熱搜排行。

但是Apple有一點巧思就在於搜索結果和“我的音樂庫”可以在同頁面進行切換。這樣一來,用戶在搜索某個音樂時,如果也在自己的已有曲目中搜到了,就不必再浪費流量或者花錢下載了。

Apple Music 大戰 Spotify,花落誰家?

Apple Music Search 瀏覽頁面

Apple Music 大戰 Spotify,花落誰家?

用戶體驗

我們和音樂的關係一直在逐漸進化,流媒體的出現更是加速了這種演變。Apple Music和Spotify各有自家真愛粉,也各少不了黑粉。並無法下結論誰就一定好過誰,只是目標受眾不同、產品定位不同,當時設計理念和價值主張也就不一樣。令我敬佩的是,兩家APP都很明確自己的目標用戶是誰,並且在產品上有相應的設計巧思。我認為這就是大公司、好產品的終極奧義。

你也想為一個好產品做設計嗎?機會來了!最新 UIUX 實戰VIP 課程,就要在7月18日開班了。為了讓同學能擁有更亮眼的經驗,本次實戰項目課程將和Deel公司合作----Deel是世界頂級加速器YC旗下一家發展迅速的金融類科技公司,這次UIUX產品設計,能夠獲得一份難得的FinTech 產品作品。

報名實戰項目試聽課,搶先了解秋招趨勢和攻略。

Apple Music 大戰 Spotify,花落誰家?

點擊下方“閱讀原文”可免費獲取金牌導師輔導一次☺

相關推薦

推薦中...