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