点赞功能的交互设计浅析

毫不夸张地说,「点赞」是移动互联网和社交媒体时代最热门的交互方式。

「点赞」可以快速简单地评价好友发布的内容,帮助人们在社交媒体上的交流变得频繁亲密,同时用户为了赢得更多的「赞」,发布的内容精挑细选提高了平台内容的优质性。

产品中增加「点赞」有什么意义?

送出和收获的赞的多少、赞的给予偏好等,在某种程度能反映出你是怎样的人以及处于何种状态。点赞的背后其实反映出你自己。

早在2009年2月10日,Facebook 上线了「点赞」功能,显著提高了用户留存量,发帖数量和质量都随之提升,约 30% 的用户每天都会多次点赞。

「点赞」的发展历史

视频共享网站 Vimeo 认为他们最先开启了「点赞」大门。当时 Vimeo 副总裁 Andrew Pile 认为社交新闻聚合器 Diggs 中用户按「Digg」把内容顶上去的概念很棒,所以他们得到了让用户可以按「喜欢」的灵感。

而 2007 年,FriendFeed 才真正将「Like」 按钮作为一项新功能发布并推广,2009 年 Facebook 收购了 FriendFeed 后,这项功能也正式整合到 Facebook 中,它掀起了更盛大的一场社交浪潮。

在 Facebook 之后,各大社交媒体网站如 Tumblr、Instagram、Twitter 都开始使用这一功能,有「星星」「爱心」「笑脸」等各种符号出现,点赞成为了社交网络中的一种通用货币。

一个必要功能的出现,也意味着它承载着人们必要的需求。点赞满足的是人们「被关注、被看见、被认同」的底层需求。

如何设计好用有趣的「点赞」方式

尝试从点赞前、点赞时、点赞后分析「点赞」的交互设计。

1. 点赞前

APP 产品性质,以什么方式展示内容,所展示内容和点赞如何相关联。

大部分 APP 的点赞图标是大拇指或桃心,还有一些 APP 为了突出产品特性或增加点赞的乐趣,针对点赞做一些特别的设计。

Keep

Keep 为社区内的用户动态点赞图标是小喇叭,放大了加油和号召的感觉。keep 社区默认按热度排行,用户浏览的往往都是一段时间最热门的动态。小喇叭的图标就像是号召着用户参与进来,开始锻炼。

即刻

即刻 APP 是年轻人的同好社区,为热门的主题圈子设计了专属的点赞图标。一般即刻点赞的图标都是大拇指,而关于爱情的主题圈子下的点赞图标是桃心,关于篮球的主题圈子下的点赞图标是篮球,关于猫的主题圈子下的点赞图标是鱼干,有趣的是点击后鱼干就变成了鱼刺。

Facebook

Facebook 将点赞设计为可选择更多的表情符号来表达自己的心情。Facebook 的月活用户数达到 23.8 亿,日活用户数 15.6 亿。

「Like」是一款不完美的工具,用户需要表达很多复杂的情感。所以 Facebook 采用怒、心碎、哇(WOW)、笑趴、大爱提供给用户点赞时的更多选择。

扎克伯格贴文说:设计可表达自己情绪图样的新款按钮,因并非当下分享的都是令人开心的,有时候也想表达沮丧和挫折。至于网友期待许久,不同于赞的「逊」按钮,并非是要告诉亲朋好友,有多么不喜欢对方的贴文,而是要表达同理心,并以适宜的方式分享各种不同的情绪。

微信读书

当用户浏览读书时长排行榜,可以为本周坚持读书的好友点赞,也可以选择「戳一戳」唤醒本周没有坚持读书的好友。「戳一戳」的目的是提醒好友本周仍未读书,督促好友尽快开始读书。读书需要点赞鼓励,也需要好友提醒和督促自己。

2. 点赞时

点赞不是简单的交互,很多优秀的产品在点赞过程中为用户设计了独特的交互体验。

QQ

如使用 QQ 为朋友动态点赞,点赞操作可触发自定义特效,还能累积获得「点赞」的次数。点赞次数触发需保持一定高速的频率,数字可一直累积下去。

QQ 主要受众为年轻的 00 后群体,点赞的特效符合用户喜好。点赞次数累加效果,持续传递给用户反馈激励与赞赏,用户得到足够的满足感,鼓励用户更多的点赞社交。

马蜂窝

为游记类型动态点赞时,会触发可自选品牌表情符号的点赞特效,同时叠加点赞次数。重新设计为游记点赞的新玩法,甚至有种打游戏的使用体验,达到让用户用得爽还很好玩的目的。

哔哩哔哩

长按点赞按钮素质三连:自动点赞+投币+收藏。每个 UP主都是 B站的重要资源,UP主通常会在视频中提醒用户「点赞投币关注」。B站作为视频平台设计一键三连的交互,为用户节省时间,增加点赞投币收藏的几率,帮助 UP主提高人气。

另外在哔哩哔哩内为视频点赞时,会触发哔哩哔哩品牌形象动画特效。

今日头条

今日头条 APP 在点赞的时候除了可以累加次数外,每一次点击都会迸发出和烟花一样的表情符号,大大提高了用户点赞的趣味性。

3. 点赞后

用户点赞后,不意味着点赞这项交互行为的结束,点赞后的很多小细节也可以打动用户。

小红书

用户使用小红书 APP 为喜欢的内容点赞后,会触发特别的文案。「感谢你真诚的赞」、「感觉对,继续赞」等等。

简单的一句文案设计比「点赞成功」带给用户的感情共鸣更深刻。点赞不光对创作者是一种激励,对于点赞的用户本身更需要鼓励或认可。

基于产品属性有很多小细节设置了点赞的交互,如果用户发现的话很容易给用户带来惊喜的感受。

即刻

即刻 APP,可以为用户头像点赞。即刻 APP 是年轻人的同好社区。用户挑选的头像其实花了很多心思,当被其他人点赞的时候,更容易获得特别的认同感。

微信朋友圈封面点赞的互动方式也是同样的意义。

总结

目前贴吧、简书和知乎都设置了「踩」的功能,但是「踩」的按钮都不表明数量。根据产品性质来看,这三类 APP 都属于 UGC 内容性产品,或许平台希望除了赞的数量做筛选机制外,增加「踩」的维度来提高内容优质排行的作用吧。

在 2016 年 Facebook 也考虑加入「不喜欢」按钮。Facebook 当时的替代方案就是增加表情符号提供给用户,从而帮助用户对内容表达更复杂的情绪。

目前看来,如果真的推出,那么「踩」按钮将被限制在公开内容中,作为一种方式帮助用户自行控制想要查看哪些评论。加入「踩」按钮也可以帮助 Facebook 收集数据,深入了解用户对哪些讨论更感兴趣。这也可以帮助 Facebook 更好地了解置顶评论以及被「踩」评论的调性和内容,从而让 Facebook 更好地促进「有意义的」互动。

互联网集结了现实生活中孤立的人们,而点赞连接了人们之间的情感。社交媒体是表达自我、建立关系的空间,我们离不开点赞。关于点赞的交互从来都是需要好好设计的,因为它至关重要。

欢迎关注作者的微信公众号:「发现好设计」

本文由 设计开开眼 作者:小开开 发表,其版权均为 设计开开眼 所有,文章内容系作者个人观点,不代表 设计开开眼 对观点赞同或支持。如需转载,请注明文章来源。
8

发表评论