網(wǎng)易云音樂|情感驅(qū)動設(shè)計的制勝法寶之產(chǎn)品體驗
編輯導語:情感驅(qū)動設(shè)計對于用戶體驗來說十分重要,能有效增加用戶粘性和提高用戶留存率。本文作者以網(wǎng)易云音樂這款產(chǎn)品為案例,分析了其情感驅(qū)動設(shè)計方面的產(chǎn)品體驗,列舉具體案例講述了其吸引用戶的設(shè)計點等,感興趣的一起來學習一下吧。
網(wǎng)易云音樂, 一款口碑兩極分化的軟件。有的人喜歡它的熱評,有的人覺得它版權(quán)太少,雖然網(wǎng)易云音樂不是歌曲最多的聽歌軟件, 但絕對是聽歌軟件里情感體驗最好的。
事先聲明 /attention :
1. 強烈建議使用電腦查看,用戶體驗更佳;
2. Gif 體積較大,請耐心查看;
3.為了讓設(shè)計細節(jié)更容易被看到,用GIf來呈現(xiàn)展示。
前言
碳水Sir|5年村齡|聽過上萬首歌|發(fā)布過幾首翻唱歌曲|黑膠·伍級|LV.9,眾多身份都不能表達我對網(wǎng)易云的喜歡程度。
因為它不僅是一款音樂播放器,更像是一個有情感的虛擬人一直陪伴在我身邊,治愈著我~
你很好奇它具有什么力量,能使用戶粘性如此持久,那么我不妨帶大家看看網(wǎng)易云音樂中情感化驅(qū)動的魅力所在。
一、紀念【哈利波特】40周歲內(nèi)地重映
1980年7月31日,到2020年,英國作家JK羅琳筆下的《哈利·波特魔法系列故事》40周歲了。也在2020年《哈利·波特與魔法石》4K修復(fù)版在中國上映。作為音樂產(chǎn)品以及深度合作方,怎么能不做一些彩蛋設(shè)計來慶祝這個重要的日子。
1.【送信貓頭鷹】飛鷹傳信——在第43秒送你入學通知書
1)使用場景
在聽歌頁面,呈現(xiàn)貓頭鷹送信環(huán)節(jié),帶領(lǐng)粉絲回憶那個魔法學院,重溫經(jīng)典音樂。
2)設(shè)計思考
(1)設(shè)計目標:通過增加彩蛋,紀念《哈利波特40周歲暨電影重映》,提升歌曲二次曝光度。
(2)設(shè)計方案:首頁搜索哈利波特 第二首 【海德薇變奏曲】,當音樂播放到 第43s時,黑膠唱片中會突然飛出一只叼著通知書的貓頭鷹,重現(xiàn)海德薇送入學通知書的經(jīng)典橋段。貓頭鷹飛過,你會看到評論區(qū)圖標變成了一封信。用極具創(chuàng)意的動畫手法,引導用戶進入評論區(qū)進行后續(xù)操作。
這也給做產(chǎn)品設(shè)計同學一些靈感,當有合作方時,嘗試著換種設(shè)計思路(例如:當前影視與音樂結(jié)合的彩蛋),來綁定產(chǎn)品與合作方之間的聯(lián)系。形成高級記憶點,從而達到用戶主動傳播的裂變效應(yīng)。
2.【穿越9?站臺】雙擊評論——進入魔法車站
1)使用場景
在上一個場景中,點擊信件進入評論區(qū),通過評論區(qū)用戶引導繼續(xù)彩蛋探險之旅。
2)設(shè)計思考
設(shè)計目標:為了使上個彩蛋具有連續(xù)性,提升彩蛋引入玩法達到評論話題熱度。
設(shè)計方案:點擊通知書- 在評論區(qū)找到第9-10評論,在中間空隙位置雙擊兩下,出現(xiàn)一個縫隙隨后逐漸放大,映入眼簾的是魔法站臺,隨后飛速而來一輛通往霍格沃茨的列車,當門打開時,又一個強光出現(xiàn),隨后穿梭回評論區(qū)。整體動畫一氣呵成,仿佛真的穿梭了一回。
當用戶不知情下進入評論區(qū),會看到其他用戶都在以“彩蛋”為話題,展開激烈討論,這時就激發(fā)出你的評論欲望,以及彩蛋入口探索,為彩蛋話題持續(xù)供熱發(fā)光。
該手法也是利用“圈內(nèi)梗”標志事物,再結(jié)合穿梭般的動畫體驗,給【哈迷圈】用戶體驗了一波驚喜感,同時為后續(xù)【哈利波特魔法覺醒】游戲做好引流鋪墊。
3.【旗幟儀式感】分院帽之歌——評論區(qū)的特殊儀式感彩蛋
1)使用場景
正式入學前,怎么能少了入學典禮這么重要的儀式。
2)設(shè)計思考
(1)設(shè)計目標:提升歌曲傳播性以及記憶度,通過彩蛋強化音樂儀式感。
(2)設(shè)計方案:點擊【分院帽之歌】評論區(qū) 輸入學院名稱如格蘭芬多,,院旗降落,迎風飄揚,出現(xiàn)代表學院的旗幟,分院儀式就完成啦!儀式感是不是瞬間拉滿。
沒看過哈利波特的用戶,我這里為大家收集好了四個學院名稱,分別是赫奇帕奇,格蘭芬多,斯萊特林,拉文克勞,想體驗的用戶快去試試吧~
二、特殊設(shè)計點
每個產(chǎn)品都有其獨有的設(shè)計點,功能或許很小又或者很大,這些設(shè)計是競品產(chǎn)品無法借鑒抄襲的,因為設(shè)計本身就是產(chǎn)品不斷沉淀后自然形成的。這也是與競品直接拉開差距的地方。
1. 【丁磊粉絲】99999以不變勝萬變
1)使用場景
用戶進入CEO丁磊的主頁可以看到99999粉絲,在強迫癥驅(qū)使下為丁磊增加粉絲。
2)設(shè)計思考
(1)設(shè)計目標:通過99999粉絲,來“騙取”新粉絲關(guān)注,提升粉絲量。
(2)設(shè)計方案:可能是程序員們被產(chǎn)品或CEO的各種需求堆壓的透不過氣,想著拿CEO來整活一下,這就有了上面的神奇一幕。
進入首頁,搜索【網(wǎng)易CEO丁磊】進入主頁,第一次和CEO這么近距離接觸,當你看到99999粉絲時,心想我原來就是那幸運的第10萬粉絲,心中很是激動,當你點擊關(guān)注后,返回首頁再一次進去時,你會發(fā)現(xiàn),粉絲數(shù)從新回到了99999粉絲,你以為是有人取消關(guān)注!其實這是程序員寫的一個欺騙代碼。
利用這種仿制數(shù)字,來為CEO騙粉。這是程序員想到的點還是CEO丁磊的陰謀。就不得而知了~
這么細小的改動,確實讓用戶對網(wǎng)易云音樂產(chǎn)生神秘感,或許還有很多彩蛋沒有發(fā)現(xiàn),從而激發(fā)用戶探索欲望~
感興趣的同學快去試試吧~
2. 【無渴不爽】汽水特效——夏天的感覺就是如此清爽
1)使用場景
網(wǎng)易云音樂與雪碧達成的深度合作,要通過(音樂+設(shè)計)手段探索跨界營銷方式。
2)設(shè)計思考
(1)設(shè)計目標:傳播品牌主張, 通過彩蛋提升品牌新主張“透心涼、渴釋放”。
(2)設(shè)計方案:在播放【無渴不爽】時,在特定位置會激活雪碧動效,你能看到右上方一個雪碧瓶開啟,并傾倒而出,上深到一半高度清爽檸檬炸開效果,不仔細看還以為換手機進水了。
通過對設(shè)計的高度還原,模擬真實世界汽水反饋,例如二氧化碳氣體等極具細節(jié)的動畫效果,以及開瓶時“呲”的音效聲讓用戶更好投身于音樂背后的情境中,以及緊扣歌名【無渴不爽】的“透心涼、渴釋放”理念。用“音樂彩蛋”來賦予用戶“視覺+聽覺+味覺”三覺的沉浸式體驗,讓品牌主張成為用戶切身感受。
這種營銷方式,作為用戶的我都很難拒絕,心里暗暗道:“這樣的營銷手段,多給我來一些,真的不錯,喜歡~”。換做是你,也同樣喜歡,對嘛~
三、人文情懷設(shè)計
簡單的說,就是對用戶的尊重、關(guān)懷、重視用戶的表現(xiàn),把用戶拆分成一個個 獨立的個體,用特殊功能來服務(wù)單獨一個用戶,或某類用戶群體,從而達到更加細膩的關(guān)愛。
1. 【城南花已開】紀念云村人——滿屏花瓣飄落
1)使用場景
17年的一個遙遠的往事,網(wǎng)易云團隊為了紀念【音樂人-三畝地】給【城南花已開】ID用戶專門寫的音樂。
2)設(shè)計思考
(1)設(shè)計目標:緬懷用音樂紀念的骨癌【南城花開時】用戶,放大產(chǎn)品人情世故的高度,從而提升品牌對于用戶的重視程度。
(2)設(shè)計方案:在每年3-4月時,收聽【南城花開時】這首歌,在播放頁就能看到滿屏花瓣飄落,點擊最亮的一瓣,會看到花海中有一個少年。
對于老用戶來說無疑勾起了往日回憶,通過彩蛋動畫來強化音樂緬懷的力量。同時吸引圍觀用戶的好奇,引導查看評論區(qū),翻找彩蛋根源,進而提升評論區(qū)活躍度以及產(chǎn)品情感關(guān)聯(lián)。
畢竟產(chǎn)品本身是冰冷的,用產(chǎn)品本身的功能來安撫用戶以達到共鳴效果那就太棒了。這也正是網(wǎng)易云音樂依靠評論區(qū)獲得業(yè)界影響力的重要體現(xiàn)。即使版權(quán)少的可憐但依然穩(wěn)居前3寶座的原因之一。
2. 【Light The Light】燈光彩蛋——完美結(jié)合硬件生態(tài)
1)使用場景
面對疫情,網(wǎng)易推出【光援行動】通過【Light The Light】歌曲【LTL】功能,給用戶傳遞音樂的治愈力量。
2)設(shè)計思考
(1)設(shè)計目標:結(jié)合硬件生態(tài),提高閃光燈與音樂的多重組合玩法,用音樂與光傳遞希望給到用戶。
(2)設(shè)計方案:網(wǎng)易團隊通過歌曲《Light The Light》歌詞”每個人都是一處微光,每當我們閃爍一次燈光,也許某處黑暗就會被我們照亮”中獲得靈感,配合歌曲中的鼓點來不斷閃爍節(jié)奏光,營造氛圍感的同時,傳遞出即使是一顆小小的微光,凝聚起來依然可以照亮一片天地。
同時表示面對防疫,人民團結(jié)一致,互相幫助的社會凝聚力。宣揚音樂的力量以及對未來美好生活的祝福。
3. 【抱抱安慰】評論區(qū)——兩指捏合 送給陌生人一個抱抱
1)使用場景
為響應(yīng) “云村評論治愈計劃”,設(shè)計“抱抱彩蛋”,傳遞溫暖的社區(qū)氛圍。
2)設(shè)計思考
(1)設(shè)計目標:通過彩蛋玩法,提升社區(qū)情感鼓勵,凈化社區(qū)良好氛圍。
(2)設(shè)計方案:
再任意歌曲評論區(qū),對著評論雙指向中間捏和的方式,去“抱”一個用戶的評論給予情感撫慰。視覺方面呈現(xiàn)兩個可愛的白、紅小人相互擁抱安撫的畫面,評論者的頭像也會出現(xiàn)“收到抱抱”的提示,以達到與陌生人之間互相鼓勵溫暖的目的。
這種方式挺暖的,通過音樂平臺送出抱抱以及接受抱抱的形式,更加體現(xiàn)出音樂無邊界的魅力所在。
以上是我第二次使用的感受分享。這個抱抱彩蛋設(shè)計,早在第四篇【產(chǎn)品細節(jié)洞察分析】中有寫道,但觀點已經(jīng)完全不同,感興趣的朋友可以回溯一下~
4. 【銀河赴約】孔明燈——考生與家長的祝福
1)使用場景
每年高考時,【銀河赴約】都會收到來自音樂人以及網(wǎng)易的各種祝福,祝旗開得勝。
2)設(shè)計思考
(1)設(shè)計目標:在高考前夕,通過孔明燈來收集用戶的祝福語錄提高評論話題統(tǒng)一性。,為用戶提供高考話題入口。
(2)設(shè)計方案:在2020年疫情期間的高考階段,網(wǎng)易云音樂制作了助力高考自制【銀河赴約】曲目,用戶在聽歌時,能看到評論區(qū)占位符變成了孔明燈。要知道,孔明燈是中國特有的手工藝術(shù),又叫天燈,俗稱許愿燈、祈天燈。它的作用是祈福,許愿,保佑。用這種視覺效果,引導暗示用戶評論區(qū)特殊的意義,真誠的祝福,高考加油!帶話題輸入祝福,還能獲得“網(wǎng)易云音樂高考助力buff”。形式拉滿,意義非凡有沒有~
5. 【搜索“自殺”】云村治愈所——生活有你才更美好
1)使用場景
音樂是人心靈深處的對白,很多抑郁的用戶都有溝通障礙不想與人交流,唯有音樂可以獨自傾聽。
2)設(shè)計思考
(1)設(shè)計目標:解決抑郁用戶危險的心理活動,通過治愈所提高用戶對生活的美好追求。
(2)設(shè)計方案:在首頁搜索“自殺”等敏感詞匯,會立即跳出云村治愈所頁面,標題寫著“生活沒有那么奇妙,但有你才會變得更好”。讓抑郁用戶感受到自我的重要性。
- 開頭用生活中的美好事物來告訴用戶真實世界值得回味。
- 精選了四類治愈歌單來溫暖用戶的心情。
- 羅列了一線城市心理咨詢熱線,間接體現(xiàn)出在一線城市生活壓力指數(shù)。
- 精彩評論,云村村民的八方支援,感受到網(wǎng)絡(luò)中溫暖純良一面。
以治愈的文字、音樂推薦、心理咨詢熱線、熱心評論來喚醒抑郁用戶,既有文字的力量也有音樂的力量,多維度努力,一起幫助云村用戶積極生活,健康快樂。
最后,當我看到閱讀總?cè)藬?shù)863.7萬時,心情還是無比復(fù)雜,雖然很多都是聞聲前來,但大部分還是真實抑郁用戶搜索而來,衷心希望音樂的力量可以幫助他們戰(zhàn)勝困難,也感謝網(wǎng)易云音樂平臺用特殊的方式來治愈用戶。這真是很珍貴的用戶洞察點。
6. 【黑膠故事】歌單——雙指下滑的視覺享受
1)使用場景
在聽歌時,播放頁用視頻展示歌曲背后的故事,聽覺視覺雙重享受。
2)設(shè)計思考
(1)設(shè)計目標:滿足用戶“邊聽邊看”需求,通過視頻拉近用戶與音樂人的距離。
(2)設(shè)計方案:在特定曲目中,對黑膠播放界面雙指下滑,激活“黑膠故事”,黑膠內(nèi)將自動播放30s的無聲視頻,再次點擊即可跳轉(zhuǎn)至完整的音樂視頻播放頁面。形成快速切換的視音交互鏈路。
這種嘗試,也是進一步把音樂延伸,每首音樂都有屬于自己的故事,很多都是在聽音樂時才會引發(fā)共鳴,再去搜索音樂背后的故事,鏈路長、操作不便捷,網(wǎng)易推出的黑膠唱片,音樂人只需自主上傳,審核通過后,便可以最低成本,進行歌曲宣傳,同時用戶能極大的節(jié)約時間,從而更加沉浸在音樂世界中。
想要體驗,直接搜索【黑膠故事】找到歌單就可以啦~
四、爆款H5活動
每年網(wǎng)易云音樂會總會出來幾個霸占朋友圈的H5活動,甚至火遍全網(wǎng)。關(guān)鍵在于每一個活動總能結(jié)合音樂來抓住用戶的爽點,給用戶帶來很“哇塞”的驚喜感和興奮點。
1. 摸魚計算器
1)使用場景
計算上班摸魚聽歌的時間,看看朋友群里誰是摸魚之王。
2)設(shè)計思考
(1)設(shè)計目標:通過熱點話題并結(jié)合數(shù)據(jù)分析,來提高H5活動玩法,達到裂變傳播。
(2)設(shè)計方案:只需要在活動頁中輸入自己的名稱,就能分析出,摸魚總時長和具體流量。
這個功能的開發(fā),起因網(wǎng)絡(luò)熱點話題吐槽包含網(wǎng)易云音樂等產(chǎn)品消耗10GB以上流量為基礎(chǔ),發(fā)掘出可結(jié)合產(chǎn)品自身做的測試嘗試,【摸魚計算器】依靠平臺數(shù)據(jù)流量分析,根據(jù)【上班聽歌時間在工作時間的占比】估算出全年的【摸魚流量】。來滿足用戶獵奇心。
雖然此活動只是休閑放松的形式,并非真的宣傳摸魚有多好。但為了說明一下,還是文字提醒:“摸魚”雖好,可不要貪摸哦,正確聽歌有助于提升工作效率!告訴用戶,正確的價值觀。
2. 8級證明書
1)使用場景
在網(wǎng)易云大約需要聽上千首新歌,看很多故事,明白許多道理才是個好男孩??梢詫ν夥窒怼?/p>
2)設(shè)計思考
(1)設(shè)計目標:創(chuàng)造【網(wǎng)易云八級】梗,通過活動提升產(chǎn)品熱度。
(2)設(shè)計方案:只需要在活動中,選擇性別,依靠聽歌數(shù)據(jù)分析,總結(jié)網(wǎng)易云等級段位。當時也有女孩說,找男朋友就找網(wǎng)易云八級,因為懂得很多很沉穩(wěn)。當然女孩子也是同理。
據(jù)了解,這個活動也是因為有網(wǎng)友曬出等級截圖,并且上了熱搜,而這一事件瞬間被網(wǎng)易云團隊看到,迅速整活。同時間上線【8級證明書】,8級以上的用戶可獲愛好聽歌的“好男孩”“好女孩”認證。
沒錯,看到配圖的朋友都知道了吧,我是8級哦~
3. 表白翻譯機
1)使用場景
七夕節(jié),表白日,語言組織不行,說不了浪漫的情話。
2)設(shè)計思考
(1)設(shè)計目標:結(jié)合音樂,提升表白語言的趣味呈現(xiàn),為用戶提供浪漫語言幫助。
(2)設(shè)計方案:在搜索框輸入名字,就會隨機推薦表白歌詞,都是心動的感覺,幫助不會說情話的你。當然我也可以輸入你的的名字,因為你的名字本身,也足以吸引我。有沒有被甜到~
除此之外,搜索特定名稱,會出來特殊的表白,一語中的。例如搜索蘇炳添,出來的是“我會用9秒83的速度出現(xiàn)在你面前”完全整活了,有木有~
不僅如此,頁面配圖,繪制了大量精美小線稿,在我嘗試了很多名稱后都沒遇到重復(fù)的圖形,可見這個小細節(jié)做了N個圖形出來,很是用心。是一個很棒的設(shè)計細節(jié)。
五、個人感受
早期受到“網(wǎng)抑云”的負面沖擊,評論區(qū)中存在太多抑郁情緒發(fā)言,導致很多用戶看到后都同情憐憫隨后一起陷入抑郁。
后來網(wǎng)易云音樂推出各種【治愈計劃】包括【云村治愈所】【抱抱功能】【治愈專輯】等等設(shè)計手段。
最終,越來越多的用戶用正能量回懟喪文化【網(wǎng)抑云】變成了【網(wǎng)愈云】,把人間美好給到大家。
這也是產(chǎn)品從用戶情感訴求出發(fā),反向驅(qū)動設(shè)計?;蛟S這才是網(wǎng)易云音樂取勝的重要法寶。
六、結(jié)語
設(shè)計師要有發(fā)現(xiàn)美的眼睛。美不僅是視覺,還有好的體驗流程。不要讓用戶思考,這是每個設(shè)計師所追求的。
認真記錄產(chǎn)品細節(jié),了解背后的思考,也是不斷提升自己邏輯思維和表達能力的一種方式。
參考文獻及鏈接:
https://www.sohu.com/a/506317507_120099902
https://baijiahao.baidu.com/s?id=1667366524064453555&wfr=spider&for=pc
https://www.zhihu.com/question/404810159/answer/1326228938
https://xw.qq.com/cmsid/20210328A0A1JB00
#專欄作家#
碳水Sir;微信公眾號:草蓉三石,人人都是產(chǎn)品經(jīng)理專欄作家。One More產(chǎn)品設(shè)計負責人,擅長設(shè)計細節(jié)洞察分析。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于 CC0 協(xié)議。
搞這些有的沒的不如把一個音樂app本身的功能做做好,舍棄社交,舍棄直播間唱歌,這些體驗真的太糟糕了。
特別是用完Spotify再來用網(wǎng)易云音樂真的感覺吃蒼蠅,以前網(wǎng)易云音樂還不是這樣的。
還真的是哎,但不得不說網(wǎng)易云在情感這方面一直都做的非常額棒。
贊同
這些設(shè)計好戳人的心窩啊,在我的審美點上瘋狂跳舞,網(wǎng)易云太會了
要不然說網(wǎng)易云社區(qū)為什么做的比QQ音樂好
最喜歡那個旗幟儀式感和表白翻譯機了,旗幟好酷!表白翻譯機的簡潔配色我好愛
我也是 ,很喜歡~
網(wǎng)易云的界面設(shè)計很用心,左滑切換下一首歌是否符合用戶預(yù)期?不管是電視切換下一集還是其他音樂平臺,包括同是網(wǎng)易云音樂的pc端切換下一首歌,其實都是同一種模式。但為何app卻獨樹一幟?聽歌一直切換下一首的頻率也不會很高吧,如果聽過需要一直切歌,那算法是不是也有改進的空間?
音樂產(chǎn)品也是在交互上做區(qū)分,不然只有品牌色區(qū)分太過雷同。另外不同端的交互操作受限載體本身,手機可以觸摸屏,但電視只能用遙控器。
我超喜歡網(wǎng)易云的各種界面設(shè)計的,就是有時候會因為沒有某些歌而跑到其他平臺,但最常聽的還是網(wǎng)易云
所以很多人手機里不只有一款音樂App