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