2022-7-14 純純
你是否每天都在使用QQ音樂收聽歌曲，但是你有沒有觀察到QQ音樂的播放頁其實藏著很多功能。一個小小的播放頁，雖然看上去那么的不起眼，仿佛它的功能只是用來切歌、看歌詞和單曲循環，但隨著QQ音樂社交化、娛樂化的發展，如今這個播放頁已經成為了一個重要的聚合頁入口。本期「設計大偵探」的「細節獵人」，為你解剖QQ音樂播放頁的37個功能，11種分享方式以及17種歌曲海報。
一、歌曲
「歌曲」是播放頁的默認分類，這個分類的功能比較多，所以我把它拆分為「個性化設置」、「聽歌場景」、「音樂工具」和「分享方式」四種類型。「個性化設置」和「音樂工具」為用戶提供多種音樂偏好的設置，滿足各類用戶需求，特別是音樂發燒友；「聽歌場景」則是根據場景劃分聽歌需求，用戶可以K歌、發起跟聽，甚至邀請好友一起聽，把聽歌的行為社交娛樂化；「分享方式」則是利用騰訊強大的社交生態優勢，為用戶設計了豐富多樣化的分享方式和個性化海報，吸引用戶分享，傳播，從而拉新引流。
1.1 個性化設置
1.1.1 銀河音效
「銀河音效」是為了滿足各種耳機發燒友對音質的追求。「銀河音效」按照重低音、環繞、曲風等類型進行分類，多達數十種，完美解決各類用戶人群的需求。平臺還推出獨家定制音效，支持適配各類品牌耳機、音響和汽車，吸引用戶購買VIP會員，激活變現。另外QQ音樂還推出一個「聲音實驗室」的欄目，包含了智能煲機（幫助耳機快速達到最佳狀態）、4D震動和動感閃光，黑科技賦能，讓音樂更有趣。
1.1.2 播放設置
「播放設置」是一個為用戶提供對音樂播放進行個性化設置的功能，包括無縫播放、淡入/淡出、音量平衡、智能音質增強等功能，可以滿足某部分有特定音樂需求的用戶。
1.1.3 播放器樣式
平臺為用戶提供了多種播放器樣式，包含了黑膠唱機（深、淺）、靜態方形、旋轉圓形、靜態圓形、歌手寫真等樣式，還支持智能光效和音樂影片的播放背景，滿足各類用戶對播放器樣式個性化設置的需求。
1.1.4 個性主題
「個性主題」為用戶提供了豐富多樣的主題裝扮和頭像掛件，包含明星、星座、影視、文藝等各種主題，當用戶使用以后，整個QQ音樂的界面風格都會隨之改變，這就像以前的QQ空間裝扮，一鍵換膚，個性又時尚，深受年輕用戶喜歡。「個性主題」作為為QQ會員獨家專享打造的板塊，是實現商業變現的重要手段。
1.1.5 收藏和屏蔽
當你喜歡某首歌曲的時候，你可以點擊收藏，自動添加到你的默認歌單，這樣對用戶建立自己的歌單非常有幫助，從而提高用戶留存率。而如果你不喜歡它的曲風，或者特別討厭，你只需要點擊屏蔽，平臺在播放時會自動跳過，非常方便。
1.2 聽歌場景
1.2.1 唱歌
「唱歌」是直接跳轉到騰訊的另外一款音樂產品全民K歌，當用戶聽歌的時候突然想唱歌，那么可以直接進入全民K歌，有效降低用戶的流失率，滿足用戶多場景的需求。
1.2.2 跟聽
「跟聽」是一個非常有趣的功能，用戶進入跟聽模式以后，可以邀請朋友加入自己的播放列表，也可以跟聽其他用戶的歌單。「跟聽」為聽歌增加了社交互動的屬性，目前功能還比較簡單，但讓聽歌的場景變得有趣、好玩。
1.2.3 一起聽
「一起聽」是一個社交互動式的聽歌功能，用戶可以邀請好友一起聽歌。當朋友進入后，還支持發表情，就像一個聊天室。這就像是專門為一些年輕小情侶量身定制的聽歌場景一樣，平臺還會為用戶生成聽歌記錄，比如一起聽歌的時間，聽過的歌曲等，甚至還會生成一個心動等級，激發用戶為了更高等級使用這個功能。
1.2.4 駕駛模式
「駕駛模式」非常簡潔，系統會自動檢測用戶聽歌的環境自動切換。這個功能的設計充分考慮了用戶駕車時候需要換歌的場景，提供了語音找歌、個性電臺、我喜歡的歌單、最近播放和電臺，省去了用戶開車時候不方便換歌的痛點，用戶體驗非常友好。
1.2.5 評論
一邊聽歌一邊看評論已經成為現在年輕用戶非常喜歡的聽歌方式，在評論里，可以找到這首歌很多感人的故事，引發共鳴，勾起回憶。用戶進入評論后，除了可以看見其他用戶的精彩評論，還可以進入歌手的撲通小組（類似貼吧），和其他歌迷一起交流，從而增加用戶時間，提升用戶留存率。
1.3 音樂工具
1.3.1 片段播放
「片段播放」提供按歌詞選和按音軌選兩種形式，用戶可以自由裁取需要循環的片段反復收聽。這有點像過去我們使用MP3或復讀機收聽歌曲那樣，功能雖然簡單，但可以滿足某些特定場景使用。
1.3.2 倍速播放
用戶可設置歌曲播放的倍速，支持0.5x到2.0x播放，這個功能在聽書的時候特別實用，非常方便。
1.3.3 定時關閉
用戶在音樂播放中可開啟定時關閉功能，比如15分鐘、60分鐘等，這個功能在助眠的時候非常方便，當你慢慢睡著的時候，音樂也隨之關閉。
1.3.4 設備投放
「設備投放」就是支持音樂投放到電視等其他電子設備，當一群朋友在家里為你過生日的時候，你可以把你的歌單直接投屏到電視，讓大家一起陶醉在美好的音樂夜晚。
1.3.5 設置鈴聲
當你覺得某首歌曲特別好聽，想把它設置為鈴聲的時候，你不用去應用市場搜尋其它工具，你只需要進入「設置鈴聲」，你可以自己截取喜歡的音樂片段，系統也會自動智能截選一段精彩的鈴聲。在右上角提供了詳細的鈴聲設置流程，教程非常簡單。其次QQ音樂還有一個鈴聲專區，里面提供了海量的鈴聲選擇。
1.3.6 查看曲譜
查看曲譜是一個非常實用的功能，對于很多音樂愛好者來說，當在某個夜晚抱著吉他想彈奏某一首歌曲，你只需要打開「查看曲譜」，里面包含了智能吉他曲譜、智能尤克里里曲譜以及五線譜/六線譜/簡譜。進入曲譜后，你還可進行自由編輯，比如編輯和弦、更改時值等。這種實用不起眼的小功能，對提升用戶的滿意度非常有幫助，可以搶奪用戶時間，降低用戶流失率。
1.4 分享方式
1.4.1 分享給好友
用戶可以把歌曲分享給微信好友、QQ好友，還可以通過私信方式分享給QQ音樂好友。
1.4.2 設置聽歌狀態
利用騰訊強大的產品生態，用戶還可以把聽歌狀態同步到微信和QQ，這不僅可以滿足年輕用戶個性化的追求，還能通過外部觸發拉新引流。
1.4.3 分享到社區
用戶可以把歌曲分享到朋友圈、QQ空間、撲通動態和新浪微博，吸引用戶分享傳播，拉新引流。
1.5 歌曲海報
1.5.1 音樂卡片
「音樂卡片」為用戶提供了8種精美的風格，有復古懷舊的磁帶、CD風格，有黑白膠唱機風格，還有專屬的VIP會員專享風格。卡片內容包含歌曲的封面、歌名、歌手、音樂指數和過去24小時收聽人數等信息，目的是為了吸引更多的用戶掃碼聽歌，其次VIP會員卡片還加入了QQ音樂豪華綠鉆音樂卡片標識，彰顯VIP會員地位。
1.5.2 歌詞海報
在以前磁帶、CD時代，抄歌詞是廣大音樂愛好者最美麗的回憶之一，「歌詞海報」就是利用這樣的分享場景，支持用戶選擇任意歌詞，然后生成個性化的海報。「歌詞海報」不僅提供了海量的背景圖片，還支持用戶自己上傳，甚至還提供歌詞字體選擇，吸引用戶主動分享。
1.5.3 高光視頻
「高光視頻」就是一段30秒的音頻，提供了6個精美的模版，用戶保存到手機后，可以短視頻的形式分享到視頻號、朋友圈等平臺，和靜態的海報不同，這樣的傳播形式更能引起其他用戶的關注，從而拉新引流。
1.5.4 微信狀態卡片
「微信狀態卡片」為QQ音樂綠鉆會員專享，為會員提供了多種精美的狀態卡片，用戶需要選擇兩行歌詞，然后才能生成。這樣個性化的設置同步到微信狀態后，更能引起追求個性的年輕用戶關注。
1.5.5 歌詞視頻
「歌詞視頻」相比高光視頻，功能更豐富，首先不限制用戶選擇歌詞數量，其次提供了風景、科幻、自然等不同主題的視頻模版，而且還支持用戶自己拍攝。用戶還可以選擇音樂播放的起點，添加視頻動效和濾鏡。通過這樣短視頻的方式吸引用戶分享到視頻號以及更多的短視頻平臺，傳播拉新。
二、歌詞
3.2.1 彈幕
聽歌彈幕就像視頻彈幕，用戶可以邊聽歌邊發彈幕聊天，這是一個年輕用戶非常喜歡的功能，用巴甫洛夫效應來解釋，這就是用戶對源源不斷彈出的彈幕充滿了期待，從而增加了聽歌樂趣，提升用戶使用時間。
3.2.2 歌詞動效
「歌詞動效」為用戶提供了多種個性化模版，滿足年輕用戶的各種個性化需求，其次也是實現商業變現的方式之一，用戶需要開通SVIP才能享受更多精美的動效模版。
3.2.3 歌詞設置
用戶可以調整歌詞的字體大小、簡繁轉換、調整進度，還可以制作歌詞海報進行分享。其中歌詞海報支持靜態圖海報和視頻海報制作，還提供了多種精美模版，吸引用戶分享傳播。
三、推薦
3.3.1 歌曲信息
用戶可以查看歌曲詳細信息，包括歌手、專輯、發布時間以及詳細的制作詳情。
3.3.2 音樂指數
「音樂指數」是一個非常創新的功能，QQ音樂根據用戶聽歌的次數、搜索的次數制定了一個官方的指數評級。用戶可以從這個頁面看到歌曲的實時數據，包括今日、昨日音樂指數、全站排名、上升趨勢和歌曲成就等。
3.3.3 相關推薦
根據歌曲的曲風，平臺會推薦相關歌曲，這有點像私人電臺；其次平臺還收錄了歌曲的各種演繹版本，這真的非常方便，你可以輕松切換自己喜歡的版本；最后為用戶推薦包含此歌曲的歌單、節目和視頻，徹底搶占用戶的時間。
四、總結
QQ音樂的播放頁設計，可以說把騰訊系產品設計的風格發揮得淋漓盡致。為用戶提供各種豐富多樣的個性化設置和音樂工具，播放器樣式、銀河音效、個性主題、歌詞動效、曲譜、鈴聲，只有你想不到的，沒有QQ音樂無法提供的。然后當你想要享受更多特權，你就需要付費開通VIP，這簡直就是騰訊系產品的殺手锏，準備了一千種方式和場景讓你很自然的掏腰包。
其次把社交基因發揮到極致。跟聽、一起聽、彈幕這些都是為了活躍度最高、消費意愿最強的小情侶、小年輕用戶準備的。也許有部分用戶會質疑，我從來不使用這些功能，但作為一個月活超過2億的平臺型產品，QQ音樂擁有眾多各年齡階段的用戶，這就像上期我們分享的《順豐速運為用戶準備了18種寄件方式》一樣，看似多余復雜，但其實是為了滿足各類用戶人群的特定需求。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系
作者：廖爾摩斯 來源：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司