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