交互设计：网易云音乐的抱一抱功能

honghu2

交互设计：网易云音乐的抱一抱功效

编纂导语：不晓得云村的列位小火伴发明了没有，网易云音乐近来推出了一个新功效：抱一抱。在评论区里，看到震动你心弦的评论，可使用抱一抱功效抱一抱对方。在利用功效举行文娱之余，本文作者站在交互设计的角度，对这个新功效举行了阐发。

对付大部门人来讲，打开网易云的尺度姿式就是放歌，然后点开评论，经由过程评论区的内容边听音乐边消费音乐暗地里的故事，寻觅共识。以前听歌的时辰打开评论区看到了一个成心思的小细节，在评论区头像的下方有一句话叫做“收到了抱抱”，以下图：



抱一抱功效截图

当我瞥见这个交互的时辰，我的第一反响是这个是甚么，我也好想玩，我也想抱抱这个目生人。因而我揣摩了一下怎样抱抱的交互：点击？长按？双击？手势交互？
1、怎样抱？1. 点击
最直接方法就是点击这个案牍呈现的处所，即头像处。

对付没有呈现“抱抱”案牍的头像，点击头像即进入小我主页部门，和通例理解的交互一致。而对付呈现了“抱抱”案牍的头像，点击头像以后多了一个“抱抱”弹窗，以下图所示：



抱一抱弹窗内页

弹窗内的内容至关于一个抱抱记实，上半部门是固定的，展现颁发评论者的头像和昵称，和对付这首歌的评论内容，下半部门支撑弹窗内滑动，可以上下滑动检察该评论收到的所有抱抱，右上角的抱抱图案下可以总览当前该评论收到的抱抱总数。

进到这个弹窗页面第一反响是：不愧是网易云，将情传染感动的内容做成为了落地页，可是我仍是没有整大白若何抱抱。以是我再次在这个弹窗页面测验考试了点击头像，这回直接进入了小我主页，没有了和抱抱相干的内容。

那末，是否是在抱抱弹窗内里，点击阿谁抱抱图案便可以双击+1呢？

究竟结果若是要有交互上的反馈的话，一种思绪是再次弹一个toast说“xx收到了你的抱抱”，另外一个思绪就是抱抱的数量+1，这两种反馈都能知足我给这位用户抱抱的一个交互的生理预期。并且双击+1的思绪在其他利用中也曾被教诲过，这里是不是复用呢？

很遗憾，也不是，这个图案做的这么大这么较着，但今朝不支撑任何交互。

然后我又戳了弹窗内的其他位置，发明蓝字部门可以点击检察给这个评论抱抱的用户的主页，别的，这个弹窗页再也不支撑任何点击交互。

那末点击空缺退出这个弹窗页面，有无多是点击评论会呈现抱抱功效，究竟结果我是基于这小我在这首歌曲下所说的话而发生了共识，共识的来历是这些文字和内容，以是点击文字然后选择抱抱选项也是公道的可接管的逻辑。

但很遗憾，也不是。点击评论内容是举行复兴，并无呈现我预期的抱抱功效进口。
2. 长按/手势交互
最根本的点击交互看起来没戏了，和这条评论有关的处所除点赞和评论之外的处所我都点击过了。那末是不是有可能这个举动比力低频，为了避免误触以是利用了门坎比力高的手势交互或长按呢？

一般来讲，比力小众的功效城市收起到长按内里。好比说大部门社区支撑长按复制，微信谈天内容可以支撑长按复制、转发、保藏、撤回等等。

以是我试了试长按，但愿呈现抱抱的进口，但长按只呈现了分享、复制、举报另有一个匪夷所思的赞美。那有无多是更小众一点的手势，好比按住并左滑，按住并右滑，按住并上滑，按住并下滑，发明都不是。

那末，有无多是雷同探探卡片的弄法，单条评论左滑或右滑暗示立场，雷同ios体系删除短信时的操作。左滑代表对这条评论感触不适，想要删除；而右滑代表我对这条内容颇有同感，并且想抱抱这个目生人。

也失败了…

鉴于上述的测验考试都失败了，遭到微信的教诲，有无多是双击头像发生交互呢，微信是拍一拍，网易云是抱一抱，雷同这类。但也失败了，双击在这里没有特别的交互，只是酿成了两次单击的结果叠加罢了。

莫非是我不配……这个只有尊贵的黑胶会员才能抱一抱嘛？

充了一个月黑胶会员以后反复上述操作，照旧没有找到抱抱的进口。最后乞助了全能的度娘，抱抱的准确打开方法是——“在评论区页面,两个手指安排在评论区位置,往中心滑动，摹拟伸开双手拥抱对方的操作“。
2、双指交互是否是个好设计？
虽然作为一个产物小白，揣摩了一圈没有想大白怎样抱抱，还去baidu了教程才晓得怎样抱，大大都用户可能并无我如许的好奇心，可能也不会利用这个功效。

但咱们依然不克不及说直接下定论述这是个欠好的设计，究竟结果产物设计自己是有本身的产物定位和用户场景需求的，或许我底子不是方针用户，那末用这个设计拦住我就是大乐成的。

这个功效是2020年8月6号上线的，上线的布景是网易云被大师群嘲网愈云，由于评论区逐步呈现了一些抖机伶和复制粘贴的无效评论文字，和一些编辑出来的悲情故事，大量评论区内容同质化。

是以网易云上线了“云村评论治愈规划”，这个抱一抱的设计就是治愈规划的一小部门。

对付列表而言，很首要的一个环节就是排序，甚么样的内容值得靠前放，值得放在第一屏。@今%5YXrp%朝大大%6r1R3%都@社区都是用点赞量举行倒序分列的，或把点赞和评论数综互助为一个热度的表示举行倒序。

可是，网易云的评论区和其他的社区好比皮皮虾、最右、b站、知乎等的评论区是有区此外。

在皮皮虾等泛文娱化的社区，有趣的内容是最首要的，有趣的内容可以收成大量的赞，大师也是奔着有趣来的，那末用赞的数目来挑选和排序对用户最有价值的内容是公道的。

在知乎，逻辑清楚，结论公道的谜底是最首要的，但因为点赞的滥用致使赞的意义被模胡化了。由于用户分不盘点赞的时辰究竟是由于有趣仍是有效，以是致使纯洁依照点赞排名的话，大量抖机伶的谜底会初见酿成高赞内容，而真正有价值的谜底被藏匿在后面。

在网易云，甚么样的评论最首要？有趣的内容固然也首要。但更首要的是有共识的内容，一样在听这首歌的你和我，是否是都由于这首歌想起了本身的专属回想，想起了被尘封的一段旧事，你和这首歌的故事里，有无我本身当初的影子，我是不是由于你的这段话而被治愈。

某些时辰，今朝的点赞和评论功效不足以表达我对这条评论的承认，由于这条评论而出现的很多回想，是以咱们必要一个更好的情感出口。

这类感受就仿佛朋侪在微信朋侪圈发了本身住院的动静，你想表达些甚么，但又不晓得说甚么好，想表达你对他关切的立场，但这个立场毫不是“点赞”。

朋侪圈的朋侪有甚么事变你最少还可以暗里接洽去问候，可是不少时辰当咱们看到目生人的故事，很难真正做些甚么，但一个感情的鼓动勉励，一个抱一抱足以解决问题。

以是，对付用户而言，抱一抱给到了他们除点赞和评论之外的一个深度豪情出口，让他们可以或许基于这个出口对付和他们履历雷同或目生网友震动人心的故事表达本身的立场，相互治愈。

依照我以前的猜测，抱一抱这个设计的进口最少另有三个选择，都比当前这个手势交互好操作，那为啥选择了这个很是冷门，除舆图等图面的双指缩放之外今朝尚未此外产物利用过的双指归并交互呢？

对付产物而言，恰是由于交互门坎足够高，包管了抱一抱这个彩蛋设计只有少部门人晓得，作为彩蛋的定位呈现足够让人欣喜；也是由于交互门坎足够高，不易被误触，也很难操作，以是不会被滥用，收到抱抱的数目便可以成为评论质量的一个参考维度，即这个内容是不是能@激%4V5c6%发大大%6r1R3%都@人的共识。
3、抱一抱将来可以怎样玩？
虽然基于官方对这个功效的彩蛋的定位，某种水平上可以诠释为啥这个交互这么繁杂。可是利用进程中，依然有一些感觉将来可优化的标的目的。
1. 关于功效的指导
今朝功效的指导方法是将头像四周增长赤色描边并配上红字案牍“收到了抱抱”，用来吸援用户的视觉核心。但这个指导今朝和其他产物关于该用户正在直播的指导有些雷同，以是这也是我一起头并没太存眷到这个功效的缘由。

由于本身其实不喜好看直播，是以看直播纯洁是一个功效指导，对我来讲没有效户价值，以是被各类app持久熬炼下来我已可以直接疏忽这个直播提示了。

可是抱一抱是一个很是别致的情传染感动设计，是以是不是在后续的功效指导上可以或许区分于live直播等提醒，让对这类指导已委靡的我可以或许一眼区别出来。



乃至跟wyy自家的live直播提示都有一丢丢像
2. 关于交互的反馈
有乐趣的朋侪可以试一试，当你双指归并给对方一个抱抱的时辰，会在该条评论上看到一个动图，两个小人相互拥抱而且逐步露出笑脸。这个动画是颇有视觉结果的，恍如可以想象对方由于我这个暖心的抱抱而遭到了治愈走出阴霾的模样，利用者的心里归正是很是爽的。

可是另外一侧，当我收到别人的抱抱的时辰，这个感知就很是弱了。起首进口就很深，由于我几近不点开动静盒子，以是找朋侪给我的评论抱抱了以后我根基是无感知的。

后续才在“我的-动静中间-通知”内里看到“xx给了你一个抱抱”，浸没在一众动静中，点进去的落地页也是静态的，展现你的评论内容和评论区的所有内容。



在浩繁动静中才捞到这条动静，也就是，真正收到抱抱的人，落地页没有瞥见抱抱，而是看到了我本身的评论自己。

这个流程的问题在于：
我本身的评论内容我本身固然清晰，对方也没有文字或其他复兴的内容必要我在这个页面消费，落地到这个评论页面就使人很迷惑，摸不着脑子。自己对方作为网友给到我的就是一个虚无缥缈的感情支撑，若是没有强有力的交互反馈的话，那顺着互联网传过来的就只有氛围，感知不到对方的任何支撑，更不消谈被目生人温和缓治愈了。
关于动静进口深这个问题也很好理解，究竟结果这是个情传染感动的轻交互，总不克不及由于对方抱了抱你就直接像微信同样推送提醒吧，如许彷佛又过重了。

坤然软件站我感觉一个可行的方法是，下次你再听这首歌或来到这首歌的评论区的时辰，给到你反馈。究竟结果真正喜好的歌而且留下过评论的歌不会那末快健忘，再次回到这里除有你那时的评论，另有你评论后被你的文字治愈的人给你留下的一个暖和抱抱。
此外一个交互太弱的问题，后续是不是可以斟酌落地到抱抱弹窗页面，展现最新的一条抱抱动静，“xx方才给了你一个抱抱”，而且配上动画展现，让这份关切顺着互联网传过来。不然这个抱一抱功效就流于概况，解决的只是咱们面临别人的故事想要供给帮忙的无力感，而不是真正让人和人之间开展感情的互动和链接。3. 关于抱一抱弹窗内页的逻辑
今朝抱一抱的内页摆列的是咱们收到的所有抱抱内容，谁谁谁给了xx一个抱抱，这个内容和微信的拍一拍逻辑极为类似，xx拍了拍xx，这也是为甚么我会忽然遐想到是否是和微信同样双击交互的方法。

但和拍一拍功效比拟，今朝的抱一抱弹窗内页有这么三个问题：

1）没有针对性的优化用户检察本身弹窗的逻辑：今朝抱一抱的案牍是“xx给了xx一个抱抱”，xx部门是用户名

但当我检察本身的弹窗和给过别人抱抱的弹窗的时辰，都没有定制化且有情面味的昵称更换。

好比xx给了你一个抱抱，你给了xx一个抱抱，让我可以或许感觉到本身在这个抱抱列表中作出的同享，而不是看着昵称和昵称，感觉在说他人的故事，无法创建感情的链接。

2）有无可能定制化本身的抱一抱案牍，固然我们这个是个情传染感动的彩蛋功效，和微信拍一拍作为意见意义化的功效的定位略有分歧，可是产物逻辑也许可以鉴戒和参考

大部门时辰我拍一拍他人，是好奇他人的怕一拍案牍。

但对付抱一抱来讲，我是有自然的基于内容的承认想要抱一抱对方的感动的，以是不必要检察对方的抱一抱案牍，可是我本身的抱一抱可以有本身的特点，好比定制我的抱一抱寂静话。

当我抱一抱别人的时辰，带上我的这句寂静话送给对方，显示“xx抱了抱你，而且说加油，目生人”，再好比“xx抱了抱你，而且说生而为人，不消抱愧”等等。

3）将来是否是可以回抱

今朝抱一抱是单向的，只支撑看评论者给评论者抱抱，不支撑回抱，好比我收到了一个抱抱，我也回抱一下目生人，“感谢你的支撑”之类的；或说除评论者和看评论者之间，是不是支撑抱抱用户之间相互抱抱，究竟结果大师被统一个故事冲动，是有机遇配合抱团取暖和的。
#专栏作家#
李涛，微信公家号：柠檬two，人人都是产物司理专栏作家。新人产物司理，专注于产物求职分享和社交/社区赛道产物思虑。

本文原创公布于人人都是产物司理，未经允许，制止转载。

题图来自 Unsplash，基于 CC0 协定