交互設計:網易云音樂的抱一抱功能
編輯導語:不知道云村的各位小伙伴發(fā)現(xiàn)了沒有,網易云音樂最近推出了一個新功能:抱一抱。在評論區(qū)里,看到觸動你心弦的評論,可以使用抱一抱功能抱一抱對方。在使用功能進行娛樂之余,本文作者站在交互設計的角度,對這個新功能進行了分析。
對于大部分人來說,打開網易云的標準姿勢就是放歌,然后點開評論,通過評論區(qū)的內容邊聽音樂邊消費音樂背后的故事,尋找共鳴。之前聽歌的時候打開評論區(qū)看到了一個有意思的小細節(jié),在評論區(qū)頭像的下方有一句話叫做“收到了抱抱”,如下圖:
抱一抱功能截圖
當我看見這個交互的時候,我的第一反應是這個是什么,我也好想玩,我也想抱抱這個陌生人。于是我琢磨了一下怎么抱抱的交互:點擊?長按?雙擊?手勢交互?
一、怎么抱?
1. 點擊
最直接方式就是點擊這個文案出現(xiàn)的地方,即頭像處。
對于沒有出現(xiàn)“抱抱”文案的頭像,點擊頭像即進入個人主頁部分,和常規(guī)理解的交互一致。而對于出現(xiàn)了“抱抱”文案的頭像,點擊頭像之后多了一個“抱抱”彈窗,如下圖所示:
抱一抱彈窗內頁
彈窗內的內容相當于一個抱抱記錄,上半部分是固定的,展示發(fā)表評論者的頭像和昵稱,以及對于這首歌的評論內容,下半部分支持彈窗內滑動,可以上下滑動查看該評論收到的所有抱抱,右上角的抱抱圖案下可以總覽當前該評論收到的抱抱總數(shù)。
進到這個彈窗頁面第一反應是:不愧是網易云,將情感化的內容做成了落地頁,但是我還是沒有整明白如何抱抱。所以我再次在這個彈窗頁面嘗試了點擊頭像,這回直接進入了個人主頁,沒有了和抱抱相關的內容。
那么,是不是在抱抱彈窗里面,點擊那個抱抱圖案就可以雙擊+1呢?
畢竟如果要有交互上的反饋的話,一種思路是再次彈一個toast說“xx收到了你的抱抱”,另一個思路就是抱抱的數(shù)目+1,這兩種反饋都能滿足我給這位用戶抱抱的一個交互的心理預期。而且雙擊+1的思路在其他應用中也曾經被教育過,這里是否復用呢?
很遺憾,也不是,這個圖案做的這么大這么明顯,但目前不支持任何交互。
然后我又戳了彈窗內的其他位置,發(fā)現(xiàn)藍字部分可以點擊查看給這個評論抱抱的用戶的主頁,此外,這個彈窗頁不再支持任何點擊交互。
那么點擊空白退出這個彈窗頁面,有沒有可能是點擊評論會出現(xiàn)抱抱功能,畢竟我是基于這個人在這首歌曲下所說的話而產生了共鳴,共鳴的來源是這些文字和內容,所以點擊文字然后選擇抱抱選項也是合理的可接受的邏輯。
但很遺憾,也不是。點擊評論內容是進行回復,并沒有出現(xiàn)我預期的抱抱功能入口。
2. 長按/手勢交互
最基礎的點擊交互看起來沒戲了,和這條評論有關的地方除了點贊和評論以外的地方我都點擊過了。那么是否有可能這個行為比較低頻,為了防止誤觸所以使用了門檻比較高的手勢交互或者長按呢?
一般來說,比較小眾的功能都會收起到長按里面。比如說大部分社區(qū)支持長按復制,微信聊天內容可以支持長按復制、轉發(fā)、收藏、撤回等等。
所以我試了試長按,希望出現(xiàn)抱抱的入口,但長按只出現(xiàn)了分享、復制、舉報還有一個匪夷所思的贊賞。那有沒有可能是更小眾一點的手勢,比如按住并左滑,按住并右滑,按住并上滑,按住并下滑,發(fā)現(xiàn)都不是。
那么,有沒有可能是類似探探卡片的玩法,單條評論左滑或者右滑表示態(tài)度,類似ios系統(tǒng)刪除短信時的操作。左滑代表對這條評論感到不適,想要刪除;而右滑代表我對這條內容很有同感,而且想抱抱這個陌生人。
也失敗了…
鑒于上述的嘗試都失敗了,受到微信的教育,有沒有可能是雙擊頭像產生交互呢,微信是拍一拍,網易云是抱一抱,類似這種。但也失敗了,雙擊在這里沒有特殊的交互,只是變成了兩次單擊的效果疊加而已。
難道是我不配……這個只有尊貴的黑膠會員才能抱一抱嘛?
充了一個月黑膠會員之后重復上述操作,依舊沒有找到抱抱的入口。最后求助了萬能的度娘,抱抱的正確打開方式是——“在評論區(qū)頁面,兩個手指放置在評論區(qū)位置,往中間滑動,模擬張開雙手擁抱對方的操作“。
二、雙指交互是不是個好設計?
盡管作為一個產品小白,琢磨了一圈沒有想明白怎么抱抱,還去百度了教程才知道怎么抱,大多數(shù)用戶可能并沒有我這樣的好奇心,可能也不會使用這個功能。
但我們仍然不能說直接下定論說這是個不好的設計,畢竟產品設計本身是有自己的產品定位和用戶場景需求的,也許我根本不是目標用戶,那么用這個設計攔住我就是大成功的。
這個功能是2020年8月6號上線的,上線的背景是網易云被大家群嘲網愈云,因為評論區(qū)逐漸出現(xiàn)了一些抖機靈和復制粘貼的無效評論文字,以及一些編纂出來的悲情故事,大量評論區(qū)內容同質化。
因此網易云上線了“云村評論治愈計劃”,這個抱一抱的設計就是治愈計劃的一小部分。
對于列表而言,很重要的一個環(huán)節(jié)就是排序,什么樣的內容值得靠前放,值得放在第一屏。目前大多數(shù)社區(qū)都是用點贊量進行倒序排列的,或者把點贊和評論數(shù)綜合作為一個熱度的表現(xiàn)進行倒序。
但是,網易云的評論區(qū)和其他的社區(qū)比如皮皮蝦、最右、b站、知乎等的評論區(qū)是有區(qū)別的。
在皮皮蝦等泛娛樂化的社區(qū),有趣的內容是最重要的,有趣的內容可以收獲大量的贊,大家也是奔著有趣來的,那么用贊的數(shù)量來篩選和排序對用戶最有價值的內容是合理的。
在知乎,邏輯清晰,結論合理的答案是最重要的,但由于點贊的濫用導致贊的意義被模糊化了。因為用戶分不清點贊的時候到底是因為有趣還是有用,所以導致純粹按照點贊排名的話,大量抖機靈的答案會變成高贊內容,而真正有價值的答案被埋沒在后面。
在網易云,什么樣的評論最重要?有趣的內容當然也重要。但更重要的是有共鳴的內容,同樣在聽這首歌的你和我,是不是都因為這首歌想起了自己的專屬回憶,想起了被塵封的一段往事,你和這首歌的故事里,有沒有我自己當初的影子,我是否因為你的這段話而被治愈。
某些時候,目前的點贊和評論功能不足以表達我對這條評論的認可,因為這條評論而涌現(xiàn)的許多回憶,因此我們需要一個更好的情緒出口。
這種感覺就好像朋友在微信朋友圈發(fā)了自己住院的消息,你想表達些什么,但又不知道說什么好,想表達你對他關心的態(tài)度,但這個態(tài)度絕不是“點贊”。
朋友圈的朋友有什么事情你至少還可以私下聯(lián)系去問候,但是很多時候當我們看到陌生人的故事,很難真正做些什么,但一個情感的鼓勵,一個抱一抱足以解決問題。
所以,對于用戶而言,抱一抱給到了他們除點贊和評論以外的一個深度感情出口,讓他們能夠基于這個出口對于和他們經歷類似或者陌生網友觸動人心的故事表達自己的態(tài)度,互相治愈。
按照我之前的猜想,抱一抱這個設計的入口至少還有三個選擇,都比當前這個手勢交互好操作,那為啥選擇了這個非常冷門,除了地圖等圖面的雙指縮放以外目前還沒有別的產品使用過的雙指合并交互呢?
對于產品而言,正是因為交互門檻足夠高,保證了抱一抱這個彩蛋設計只有少部分人知道,作為彩蛋的定位出現(xiàn)足夠讓人驚喜;也是因為交互門檻足夠高,不容易被誤觸,也很難操作,所以不會被濫用,收到抱抱的數(shù)量就可以成為評論質量的一個參考維度,即這個內容是否能引發(fā)大多數(shù)人的共鳴。
三、抱一抱未來可以怎么玩?
盡管基于官方對這個功能的彩蛋的定位,某種程度上可以解釋為啥這個交互這么復雜。但是使用過程中,仍然有一些覺得未來可優(yōu)化的方向。
1. 關于功能的引導
目前功能的引導方式是將頭像周圍增加紅色描邊并配上紅字文案“收到了抱抱”,用來吸引用戶的視覺焦點。但這個引導目前和其他產品關于該用戶正在直播的引導有些類似,所以這也是我一開始并沒太關注到這個功能的原因。
因為自己并不喜歡看直播,因此看直播純粹是一個功能引導,對我來說沒有用戶價值,所以被各種app長期鍛煉下來我已經可以直接忽略這個直播提醒了。
但是抱一抱是一個非常新穎的情感化設計,因此是否在后續(xù)的功能引導上能夠區(qū)別于live直播等提示,讓對這種引導已經疲勞的我能夠一眼區(qū)分出來。
甚至跟wyy自家的live直播提醒都有一丟丟像
2. 關于交互的反饋
有興趣的朋友可以試一試,當你雙指合并給對方一個抱抱的時候,會在該條評論上看到一個動圖,兩個小人互相擁抱并且逐漸露出笑容。這個動畫是很有視覺效果的,仿佛可以想象對方因為我這個暖心的抱抱而受到了治愈走出陰霾的樣子,使用者的內心反正是非常爽的。
但是另一側,當我收到他人的抱抱的時候,這個感知就非常弱了。首先入口就很深,因為我?guī)缀醪稽c開消息盒子,所以找朋友給我的評論抱抱了之后我基本是無感知的。
后續(xù)才在“我的-消息中心-通知”里面看到“xx給了你一個抱抱”,淹沒在一眾消息中,點進去的落地頁也是靜態(tài)的,展示你的評論內容和評論區(qū)的所有內容。
在眾多消息中才撈到這條消息,也就是,真正收到抱抱的人,落地頁沒有看見抱抱,而是看到了我自己的評論本身。
這個流程的問題在于:
- 我自己的評論內容我自己當然清楚,對方也沒有文字或者其他回復的內容需要我在這個頁面消費,落地到這個評論頁面就令人很疑惑,摸不著頭腦。
- 本身對方作為網友給到我的就是一個虛無縹緲的情感支持,如果沒有強有力的交互反饋的話,那順著互聯(lián)網傳過來的就只有空氣,感知不到對方的任何支持,更不用談被陌生人溫暖和治愈了。
關于消息入口深這個問題也很好理解,畢竟這是個情感化的輕交互,總不能因為對方抱了抱你就直接像微信一樣推送提示吧,這樣似乎又太重了。
我覺得一個可行的方式是,下次你再聽這首歌或者來到這首歌的評論區(qū)的時候,給到你反饋。畢竟真正喜歡的歌并且留下過評論的歌不會那么快忘記,再次回到這里除了有你當時的評論,還有你評論后被你的文字治愈的人給你留下的一個溫暖抱抱。
- 另外一個交互太弱的問題,后續(xù)是否可以考慮落地到抱抱彈窗頁面,展示最新的一條抱抱消息,“xx剛剛給了你一個抱抱”,并且配上動畫展示,讓這份關心順著互聯(lián)網傳過來。否則這個抱一抱功能就流于表面,解決的只是我們面對他人的故事想要提供幫助的無力感,而不是真正讓人和人之間展開情感的互動和鏈接。
3. 關于抱一抱彈窗內頁的邏輯
目前抱一抱的內頁羅列的是我們收到的所有抱抱內容,誰誰誰給了xx一個抱抱,這個內容和微信的拍一拍邏輯極其相似,xx拍了拍xx,這也是為什么我會突然聯(lián)想到是不是和微信一樣雙擊交互的方式。
但和拍一拍功能相比,目前的抱一抱彈窗內頁有這么三個問題:
1)沒有針對性的優(yōu)化用戶查看自己彈窗的邏輯:目前抱一抱的文案是“xx給了xx一個抱抱”,xx部分是用戶名
但當我查看自己的彈窗和給過他人抱抱的彈窗的時候,都沒有定制化且有人情味的昵稱替換。
比如xx給了你一個抱抱,你給了xx一個抱抱,讓我能夠感受到自己在這個抱抱列表中作出的共享,而不是看著昵稱和昵稱,覺得在說別人的故事,沒法建立情感的鏈接。
2)有沒有可能定制化自己的抱一抱文案,雖然咱們這個是個情感化的彩蛋功能,和微信拍一拍作為趣味化的功能的定位略有不同,但是產品邏輯或許可以借鑒和參考
大部分時候我拍一拍別人,是好奇別人的怕一拍文案。
但對于抱一抱來說,我是有天然的基于內容的認可想要抱一抱對方的沖動的,所以不需要查看對方的抱一抱文案,但是我自己的抱一抱可以有自己的特色,比如定制我的抱一抱悄悄話。
當我抱一抱他人的時候,帶上我的這句悄悄話送給對方,顯示“xx抱了抱你,并且說加油,陌生人”,再比如“xx抱了抱你,并且說生而為人,不用抱歉”等等。
3)未來是不是可以回抱
目前抱一抱是單向的,只支持看評論者給評論者抱抱,不支持回抱,比如我收到了一個抱抱,我也回抱一下陌生人,“謝謝你的支持”之類的;或者說除了評論者和看評論者之間,是否支持抱抱用戶之間互相抱抱,畢竟大家被同一個故事感動,是有機會共同抱團取暖的。
#專欄作家#
李濤,微信公眾號:檸檬two,人人都是產品經理專欄作家。新人產品經理,專注于產品求職分享和社交/社區(qū)賽道產品思考。
本文原創(chuàng)發(fā)布于人人都是產品經理,未經許可,禁止轉載。
題圖來自 Unsplash,基于 CC0 協(xié)議
第一次發(fā)評就收到了抱一抱,估計我太喪了
這個抱一抱的方式有點學習成本 網易剛推出這個功能的時候我還特意為了這個功能去評論區(qū)逛了逛 逛了一圈也沒發(fā)現(xiàn)軟件給我提示怎么去交互
最直接方式就是點擊這個文案出現(xiàn)的地方,即頭像處。
—————————
你在說什么?我按你說的方法都找不到抱一抱,能具體描述一下?
直接兩個大拇指一左一右按評論,往中間推就可以了,然后評論的右邊會出現(xiàn)兩個小人抱在一起。我發(fā)現(xiàn)如果你在左右側1/4的地方用大拇指按住往兩邊拉也有一樣的效果。
操作和手機縮放是一樣的,不過是限定在評論框服務,橫向而已