【案例】QQ音樂 vs 網易雲音樂,用戶體驗哪家強? 總 結

作爲一個音樂愛好者,QQ音樂和網易雲音樂是小摹的手機必備APP。QQ音樂誕生於2005年,擁有非常豐富的音樂版權,在音樂類APP下載排行榜上始終立於不敗之地。網易雲音樂則發佈於2013年,憑藉着優質的個性化推薦及音樂社交功能迅速打入市場。這兩款老牌APP之間的“紛爭”,多年間從不間斷。今天小摹就來簡單分析一下兩款APP的使用感受,看看到底哪款APP的用戶體驗設計更貼心。



首先來看看兩款APP登錄後的首頁

QQ音樂優先顯示音樂館,banner下方展示了歌手、排行、分類歌單等常用功能,頂部導航還可以切換到推薦和聽書模式,主要功能都是圍繞“聽”來進行的,視頻、撲通社區等附加功能則放在了底部導航中,不會對用戶的選擇造成太大困擾。QQ音樂改版後,底部播放器變成了一張黑膠唱片,增強了設計感。

相比而言,網易雲的首頁佈局雖然與QQ音樂相似,但內容則多了很多,頂部導航除了我的、發現兩個欄目外,還保留了雲村和視頻兩大社交版塊,對於只想聽音樂的用戶來說,這兩個功能略微有些影響操作體驗。不過網易雲在發現頁也突出的自己的優勢,日推、歌單等功能,可以方便用戶快速體驗到網易雲精準的個性化推薦功能。

兩款APP的佈局都較爲規整,除了主色調不同外,圖片和圖標都非常圓潤,整體視覺感受清爽有序。



接下來是音樂播放界面

QQ音樂採用了卡片式設計,歌曲信息呈現在專輯封面下方,評論等功能圖標採用了空心線型圖標,播放按鈕則採用了實心圖標,加上字體大小不同的歌曲信息,頁面排版略微有些擁擠。

網易雲音樂則採用了黑膠唱片風格的特色視覺設計,歌曲信息展示在頂部,底部圖標均採用了空心線型圖標,整體設計簡潔清新,搭配鯨雲音效,可以爲用戶帶來非常舒適的沉浸式體驗。

兩款APP都採用了左右滑動的交互操作來切換歌詞,QQ音樂在界面上方設置了標籤組進行提示,網易雲則沒有任何提示信息,需要一定的學習成本。



點擊音樂播放界面左下角的播放列表按鈕,可以召喚出播放列表彈窗,QQ音樂的彈窗佔比較大,所能展示的信息也較多,還提供了一鍵下載的功能,方便用戶快速操作。

網易雲音樂的播放列表也採用了卡片式設計,並進行了圓角化處理,白色底色比QQ音樂的深色背景更加利於閱讀。

此外,網易雲音樂的下滑關閉交互非常貼心,但同樣也需要用戶自己去探索。QQ音樂則在列表底部設置了關閉按鈕,降低了用戶的學習成本。



更多功能彈窗中,QQ音樂採用了風格大小一致的圖標來進行展示,最右圖標隱藏了一半,來提示用戶可以左右滑動查看更多功能,保證了視覺上的統一。不過底部的音量調整功能對於手機APP來說有點多餘。

網易雲音樂的內容層級則十分明確,最上面一排展示了收藏、調整音質、設置音效的常用功能,以及網易雲新推出的一起聽,下方的卡片中則對歌曲信息進行了擴展,比起QQ音樂來說,網易雲音樂的更多功能模塊更符合用戶的查看和理解方式。



點擊播放界面右上角的分享按鈕,可以召喚出兩款APP的分享彈窗。QQ音樂沿用了上述設計模式,深色背景加圖標展示,新增了類似於網易雲的音樂卡片功能,但藏得比較深,不易發現。

點擊網易雲的分享按鈕後會彈出一個新的彈窗,彈窗帶有遮罩效果,用戶可以更加直觀地瀏覽彈窗內的內容。網易雲音樂的分享方式包括兩個部分,一個是網易雲主打的卡片分享功能,可以自動生成文藝青年們鍾愛的音樂卡片,提供了多種卡片風格可以自由選擇。另一部分就是傳統的分享方式,使用圖標展示在卡片下方。對比兩款APP的分享功能,不難看出,網易雲音樂更加註重用戶的分享體驗。



對比兩款APP的評論區,可以看出,雖然網易雲音樂最近被嘲“網抑雲”,但它的評論區佈局排版比起QQ音樂更讓人賞心悅目,評論內容可按推薦、最新、最熱排序,字體較小,一屏可以展示多條評論。

QQ音樂的界面則簡單粗暴,可能是爲了照顧更多的用戶羣體,QQ音樂的評論字體比網易雲音樂大了一圈,但如果出現上圖中大段文字評論的情況,可能會影響用戶的閱讀體驗。

此外,最近網易雲音樂爲了對抗“網抑雲”,推出了類似微信“拍一拍”的“抱抱”功能。雙指向內滑動可以觸發抱抱效果,可以算是網易雲音樂除了視聽體驗外,增加的觸感體驗。



兩款APP都具有聽歌識曲的功能,QQ音樂的觸發按鈕就在首頁的右上角,網易雲音樂則需要召喚出左側抽屜菜單,再進行選擇。

兩款APP的聽歌識曲都分爲了聽歌識曲和哼唱識別兩部分,頁面中間放置了圓形動態圖標來呈現識別過程,長按就能開始識別。

雖然交互體驗類似,但不得不說QQ音樂的識別準確度要比網易雲音樂高得多。



QQ音樂新增了聽書版塊,用戶可以在這裏選擇有聲書、相聲曲藝等電臺,界面佈局與首頁類似,清晰明瞭,用戶可以快速選擇自己所需要的內容。QQ音樂的功能優化始終圍繞“聽”來進行,爲了彌補社交方面的不足,也新增了撲通音樂交流社區,不過社區入口相對來說比較隱蔽,不會影響普通用戶的使用體驗。

反觀網易雲音樂,從首頁到左側抽屜菜單,塞入了直播、視頻、演出、商城等大量冗餘的功能,不僅讓APP功能架構變得無比複雜,也增加了用戶的選擇和操作步驟,造成了用戶的使用負擔。


總 結

在視覺設計方面,兩款APP都保持了簡潔大方的界面佈局,QQ音樂的彈窗通常從頁面下方彈出,設計以深色背景爲主,視覺上保持了統一。網易雲音樂則在不同場景下選擇了不同的功能彈出方式,儘可能多的優化用戶閱讀體驗,且所有卡片都進行了圓角化,可以更好地爲用戶打造沉浸式體驗,加深品牌印象。

在操作方面,QQ音樂考慮到了用戶的認知負擔,在設計中通過設置標籤欄等方式爲用戶認知減負,但在一定程度上影響了APP的視覺呈現。網易雲音樂則藉助滑動等便捷的手勢操作方式,減少了界面操作按鈕,保證了設計的一致性。

在功能架構方面,QQ音樂則始終圍繞“聽”的主題來進行,信息架構、交互流程簡單,保證了核心功能被順暢使用。網易雲音樂則越來越偏離音樂類APP的設計核心,增加了許多看似創新,實則會造成用戶操作負擔的社交功能,爲體驗減分。


(本文首發於公衆號:摹客 ,作者:摹客團隊)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章