91成人精品,神马影院东京干,国产一级做a爰片久久 亚洲日韩欧美一区二区三区_国产AV无码专区亚洲AV

網(wǎng)易云音樂一起聽陌生人版項目總結(jié)

2022-9-22    博博

 一起聽 」背后的設(shè)計故事

01.背景


電影《再次出發(fā)之紐約遇見你》中有一個浪漫的場景,男主和女主通過一根耳機(jī)分線器一起聽著音樂,一起感受著當(dāng)下同一段旋律。通過這根分線器,他們分享著自己的歌單,分享著當(dāng)下的情緒,隔絕外界的紛擾,游蕩在大街小巷。


這種聽歌方式我也很喜歡,同樣的歌曲讓人產(chǎn)生了不一樣的感受。我想,可能是陪伴和共鳴賦予了這首歌新的生命力吧!


如今,無需分線器,網(wǎng)易云音樂一起聽可以讓你和那個TA隨時一起欣賞音樂、分享心情。前年7月份上線的這個功能獲得了用戶的一致好評,之后的數(shù)據(jù)表現(xiàn)也是遠(yuǎn)超預(yù)期。但是,在眾多的用戶反饋中,最多的一個痛點是:身邊沒有人陪我一起聽,能不能做個匹配功能,找陌生人一起聽?


站在業(yè)務(wù)的層面考慮,一起聽作為一個熟人聽歌的功能,在戀人和親密好友之間普及度非常高,但同時也要考慮當(dāng)這部分用戶數(shù)據(jù)增長到達(dá)瓶頸后,一起聽如何拓展新的用戶群。陌生人一起聽是一個很好的方向,能夠突破熟人社交的限制,擁抱更多社交關(guān)系拓展的可能性。


02.第一期探索


為了滿足這一部分用戶的需求,陌生人一起聽的項目在決策層的支持下進(jìn)入了探索階段。這一階段主要想要知道什么樣的產(chǎn)品形態(tài)適合陌生人一起聽,是在原有的熟人一起聽的框架內(nèi)進(jìn)行拓展,還是大膽顛覆更加讓人眼前一亮呢?每位小伙伴都描述著自己的構(gòu)想,朝著不同方向探索。經(jīng)過一輪輪的方案討論,最終我們選擇了“星球”作為框架,來承載陌生人一起聽的設(shè)計。大概的構(gòu)想是這樣的:當(dāng)我在聽一首歌,感覺孤單并希望有人陪伴時??梢酝ㄟ^一個入口進(jìn)入到一個由光點組成的星球,每個光點代表一個當(dāng)前也在聽這首歌曲的用戶。我可以展示自己的狀態(tài),和其他的用戶進(jìn)行互動。當(dāng)我對一個用戶感興趣時,可以選擇“跟隨”TA,每當(dāng)TA去往另一個星球(也就是聽其他的歌時),我也會自動移動到那個星球,跟隨著TA一起聽。


根據(jù)上述設(shè)想,設(shè)計團(tuán)隊還產(chǎn)出了一些方案來還原大家心中的“星球”,下面是早期一個方案的動態(tài)演示,黑膠上的封面變化為一個同色系的星球,每個光點代表一個正在聽這首歌的陌生人。


我們將這個大概構(gòu)想告知開發(fā)同學(xué)后,得知需要的人力和時間成本遠(yuǎn)超我們預(yù)期。由于決策層希望能夠在一起聽的熱度未退時盡快上線陌生人版,我們不得不把這個星球版的方案暫時擱置,重新構(gòu)想在原有框架內(nèi)的設(shè)計方案。


決定在原有框架內(nèi)進(jìn)行設(shè)計后,我們就需要收攏之前發(fā)散的想法。針對主要需求進(jìn)行設(shè)計,把有限的資源用到刀刃上。最終確定的產(chǎn)品形態(tài)似乎很簡單直接,點一下按鈕,匹配一個愿意和我一起聽歌的人,但是到了視覺設(shè)計階段,就需要考慮更多的問題。


從關(guān)系的角度講。熟人之間比較親密,陌生人之間要保持一定距離,慢慢了解對方。與熟人一起聽有著穩(wěn)定的預(yù)期,但是陌生人帶來的是不穩(wěn)定,這種不穩(wěn)定可能是緣分和驚喜,也可能是騷擾和驚嚇??紤]到這種不同,做陌生人一起聽的功能就不能夠完全套用熟人的設(shè)計,而是要針對性地進(jìn)行重新思考。


首先,功能的入口能夠給用戶第一印象,我們用了一個動畫表達(dá)兩個陌生人沉浸在音樂中的含義,兩個匿名小人安靜地呆在一起,音符環(huán)繞著它們運(yùn)動,暗示他們正在一起聽歌。通過這種表達(dá)幫助用戶快速了解功能,同時渲染氛圍,吸引用戶使用。


在熟人一起聽歌過程中,為了表達(dá)親密,表現(xiàn)形式上采用了耳機(jī)共享,頭像疊放的表現(xiàn)形式。但在陌生人之間,為了避免過于親密,就去掉了耳機(jī)線。為了控制社交距離,頭像不再疊著放了。陌生人的頭像也模糊處理來保持神秘感。


為了保證沒有社交意愿的用戶不被打擾,同時為了避免社交過程過于快餐化,陌生人一起聽采用了一方申請,另一方同意才可以公開身份的規(guī)則。為了配合這個規(guī)則,我們設(shè)計了陌生人揭面機(jī)制來引導(dǎo)用戶和傳達(dá)信息。匹配成功后,雙方會先隱藏身份聽歌。以此來鼓勵用戶盡量關(guān)注音樂本身,而不是純粹為了交友而進(jìn)行一起聽。當(dāng)一起聽了5分鐘后,對方的面具會小幅度上下移動,暗示用戶可以點擊。點擊對方的面具后會發(fā)出公開身份的申請,對方同意后才可以揭開面具。后續(xù)聽歌過程中,雙方就在身份公開的情況下一起聽歌。如果相處愉快,可以去對方主頁了解更多信息,甚至互關(guān)成為好友,下一次以熟人的身份邀請一起聽。


“于千萬人之中,遇見你所遇見的人”,這是我們想在匹配的過程中體現(xiàn)的緣分感。受限于開發(fā)成本,匹配動畫只能在一個小小的圓形容器里去設(shè)計。下面四個方案是前期的探索稿,主要是把人抽象成一個個點,點可能代表一種顏色、一顆星星、一個光點,點的運(yùn)動表達(dá)尋找的過程。


最后選用了第四個,進(jìn)行最終優(yōu)化后的呈現(xiàn)如下。通過雷達(dá)的轉(zhuǎn)動表達(dá)尋找,浮動的光點代表一個個陌生人,最終受到召喚的那個TA飛入雷達(dá)范圍,發(fā)出代表回應(yīng)的音波后,變大形成一個蒙面的頭像。(由于時間關(guān)系,此動畫后半段僅在安卓端實現(xiàn))


如果你仔細(xì)地用過一起聽,可能會發(fā)現(xiàn)雙紅心彩蛋,這份驚喜感也是我們希望讓雙方感受到的。當(dāng)你喜歡了一首對方也喜歡的歌曲,都會出現(xiàn)一個兩個愛心碰撞出音符的動畫,在驚喜的同時也會體驗到來自陌生人的認(rèn)同感。


至此,在這一版的一起聽中,我們希望用戶能夠獲得的感受是:“兩個陌生人雖然素不相識,不方便通過言語交流,但是彼此分享同一首歌曲,互相陪伴,產(chǎn)生共鳴,溫暖而美妙。”正如孤城的詩《門前》里的那句:“草在結(jié)它的種子,風(fēng)在搖它的葉子。我們站著,不說話,就十分美好”。


03.傾聽用戶的聲音


陌生人一起聽上線后一個月左右,我們和用研團(tuán)隊一起在杭州的幾個大學(xué)周邊進(jìn)行了用戶訪談,包括面訪和攔訪,在一線傾聽用戶的聲音。主要調(diào)研使用過一起聽用戶的使用情況、未使用過一起聽用戶對于一起聽的認(rèn)知情況,總結(jié)問題后為一起聽后續(xù)的功能迭代和運(yùn)營策略提供參考和建議。


根據(jù)調(diào)研結(jié)論,我們按照用戶使用一起聽前中后的順序?qū)栴}進(jìn)行排列,分析用戶的問題和痛點,確定了之后的優(yōu)化方向。


04.第二期探索


4.1 一起聽聊天


我們結(jié)合數(shù)據(jù)表現(xiàn)和用戶調(diào)研,計劃在接下來的迭代中實現(xiàn)更多有趣的玩兒法。首先亟待解決的是用戶聊天的需求。在熟人一起聽中,用戶一般使用微信作為聊天工具,一般不會考慮在云音樂里進(jìn)行聊天。當(dāng)陌生人一起聽上線后,能夠即時地與陌生人聊天就是一個最剛需的社交需求了。雖然云音樂已經(jīng)有私信功能可以供我們進(jìn)行復(fù)用,但是我們希望能夠?qū)⒁黄鹇爼r的聊天做得足夠輕量且能夠隨時觸達(dá),以此來提高聊天功能的使用率。


設(shè)計過程中我們結(jié)合場景進(jìn)行思考和創(chuàng)新,經(jīng)過幾輪方案的篩選,最后大家對于一個問題產(chǎn)生爭論:是進(jìn)入聊天模式才可以收發(fā)消息呢?還是直接在播放頁展示消息,隨時聊天呢?


下圖中,方案1能夠減輕打擾,但是無法在播放頁第一時間看到對方發(fā)的消息。


方案2有一定的打擾,但是能夠第一時間看到消息,讓聽歌場景和聊天場景無縫銜接。


為了減少用戶的操作步驟,把功能做得輕量化,最終選擇了更加直接的方案2,同時為了避免打擾,每一方的消息氣泡的展示數(shù)量設(shè)置上限為2條,超過2條就會收起到記錄中。


下面的視頻是聊天的簡單演示,可以發(fā)現(xiàn)氣泡通過背景模糊來區(qū)分前后內(nèi)容,氣泡的出現(xiàn)和消失不改變黑膠頁的原有結(jié)構(gòu)。


4.2 個人信息逐步展示


很多人用社恐來自嘲,表達(dá)自己想與人社交,但是又存在邁出第一步的障礙。陌生人一起聽是一個匿名功能,很適合希望輕度社交的用戶。在匿名的基礎(chǔ)上,我們希望在聽歌過程中,能夠為用戶帶來更多輕量的、無壓力的社交方式,幫助希望社交的用戶逐漸熟悉彼此,找到志同道合的朋友。


個人信息逐步展示就是基于上述的需求誕生的創(chuàng)新功能。隨著匿名一起聽的進(jìn)程,用戶可以逐步解鎖對方的信息,一部分是雙方的共同信息用以產(chǎn)生共鳴,另一部分是對方的特色信息用以展示自身特點。在聽歌的過程中逐漸了解對方,最后決定是否揭面進(jìn)行更深度的交流。


首先,在共同信息的提示方式的設(shè)計上,我們并沒有簡單地用一個紅點去提醒用戶。而是用頭像的發(fā)光來表示共鳴的含義,頭像四周飄散的粒子來隱喻共同信息。讓每一處的設(shè)計都能貼合一起聽的風(fēng)格。


共同信息在一個浮層上展示,我們把當(dāng)前展示的信息控制為一個,通過上下滑動來切換。除了共同信息,用戶可以直觀地設(shè)置自己的狀態(tài),讓自己更加像一個活生生的人。


4.3 一起聽結(jié)果頁


當(dāng)完成一起聽后,會有一個結(jié)果頁來記錄聽歌過程中產(chǎn)生的各種數(shù)據(jù)。舊版的結(jié)果頁用戶反饋信息不夠豐富,分享欲望不強(qiáng)。


新的結(jié)果頁增加了雙方的相似度、聊天條數(shù)這些數(shù)據(jù),并且根據(jù)這些數(shù)據(jù)不同,會生成一個表達(dá)關(guān)系的成語,顏色有對應(yīng)的變化。比如我們相似度很高,并且互發(fā)了很多條聊天消息的話,就會得到一拍即合的成語和紅色的結(jié)果頁。


與陌生人度過一段聽歌之旅很容易讓人產(chǎn)生分享欲,在社交媒體搜索一起聽可以發(fā)現(xiàn)很多用戶都用結(jié)果頁配圖發(fā)帖,并訴說自己與陌生人之間的互動故事。


05.總結(jié)


一起聽經(jīng)過這兩次比較大的更新后,獲得一些不錯的成績。截止至2021年12月,周末的平均DAU數(shù)據(jù)從130W提升到了200萬,增量的70W中有大約30%來自于陌生人一起聽。在2021年3月的云音樂整體滿意度監(jiān)測中,22%的用戶表示自己經(jīng)常使用一起聽,滿意度得分4.66(滿分5分),在云音樂所有主要功能中居首位。


未來,我們會繼續(xù)一起聽的創(chuàng)新腳步,還有更多的可能性等待我們探索。希望未來能夠為用戶帶來更多元的一起聽體驗。最后,我想用下面的這張圖來結(jié)尾,它是同樣主打與陌生人社交和陪伴的游戲《光遇》的一張美宣圖,是我最近無意間在它的官網(wǎng)發(fā)現(xiàn)的。當(dāng)時看到這張圖后突然發(fā)現(xiàn)它和陌生人一起聽的入口介紹圖表達(dá)方式竟然這么接近。在這個溫馨的畫面里,代表“光”的白鳥圍繞著你和我正如音樂環(huán)繞著你和我,彼此陪伴、傳遞溫暖、分享喜悅~



藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計www.b186.net )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司 

日歷

鏈接

個人資料

存檔