点赞功能小调研
通过体验多个App,调研点赞的功能及设计
点赞是当前内容社交产品常见的互动功能。
点赞的历史
2004年,社交新闻聚合器 Digg 的创始人 Kevin Rose 发明了 Digg 功能,用户从内容列表中查找自己感兴趣的内容并将其“Digg”,以表达自己对这篇报道的认可。
2007 年,FriendFeed 将 “Like” 按钮作为一项新功能发布并推广,两年后,随着 FriendFeed 被 Facebook 收购,这项功能也整合到了 Facebook 里,随后,各大社交产品纷纷效仿。
点赞图标样式
大部分产品的点赞都是用大拇指或者爱心的图标,也有一些产品会设计特别的图标来提高点赞的趣味性。
例如即刻 App,正常情况下展示的点赞图标是大拇指,在一些圈子下展示了特定的点赞图标,例如“一起拍建筑”的圈子下展示了“照相机”的图标,“喵星人的日常”的圈子下展示了“小鱼干”的图标。
(即刻点赞↑)
点赞动效
点赞的图标基本相同,但是不同的 App 都根据自己的产品风格设计了不同的动效。
1. 小红书
小红书的点赞是爱心的图标,在发现列表和详情页的动效有不同的呈现。在发现列表页中,触发区域小,点赞动效轻微;在详情页中,可以单击/双击点赞,点赞之后图标处和详情页中间都有对应的动效。
(小红书双击点赞↑)
2. 微博
微博的点赞是大拇指的图标,之前微博在详情页点赞会有浮夸的喷发式表情包出现,现在没有了。点击点赞后会出现点赞动效,长按点赞之后,会出现不同的选项,代表不同的情绪。因为用户在点赞时并非都是开心,也希望表达悲伤、惊讶、安慰等更多情绪。
(微博点赞动效↑)
(微博长按点赞↑)
3. bilibili
B 站的点赞更被熟知的是一键三连,长按点赞会自动点赞+投币+收藏,正常的三连成功之后会 toast 提示“三连推荐成功”。
(bilibili点赞↑)
有一些 up 主会有特殊的三连动画,例如“老师好我叫何同学”会提示:新视频在做了,“绵羊料理”会提示:贪吃不胖 等。
(bilibili一键三连↑)
还有豆瓣、LOFTER、知乎等许多 App,都设计了相关的点赞动效,还增加了震动,用来加强点赞之后的反馈。
(豆瓣点赞↑)
在 App 中,点赞如果设计了一些亮点,用户在使用过程中发现之后还是很惊喜的,像 bilibili 一样也可以把它当做特殊的权益提供给用户。
点赞功能
点赞虽然简单,但是关于点赞需要考虑的东西还是很多的,例如点赞的次数限制、频率限制、是否可以取消点赞、点赞的数据记录(点赞对象、用户信息、时间等)、点赞数据是定时更新还是异步推送等,在实现点赞功能时这些都需要提前考虑。
本次在体验 App 时,主要查看了点赞的特殊情况,弱网/无网情况下的处理方式:
1. 微博
在弱网/无网情况下,点击点赞会出现正常的点赞动效,但是点赞是未成功的,由于没有无网络的提示,网络正常之后数据也未同步,这样的功能设计用户无法区分有网和无网的情况,对于点赞数据也会有影响。
(微博无网络点赞↑)
2. 小红书
在弱网/无网情况下,在信息流中点赞:点赞+1 ,取消点赞-1,可快速点击,点击 toast 提示:“网络连接断开,请检查网络设置”,联网之后数据未同步;在详情页点赞:点击无动效,toast 提示:“网络连接断开,请检查网络设置”。
虽然两个位置的设计是不一样的,但是都同时提示了用户当前是无网络状态。
(小红书无网络点赞↑)
最后
点赞对于消费型用户、创作型用户和平台都有不同的作用:对于消费型用户,通过点赞可以表达自己对该内容的认可,通过点赞数量可以快速筛选查看优质内容;对于创作型用户,赞代表着正向的反馈,当收到的赞越多,生产优质内容的动力越强;对于平台,赞可以提高用户留存,提高用户活跃度等,也可以通过点赞数量等维度对内容进行排序从而将好内容展示给用户。
比起评论和转发,轻量化点赞带来的更多是正向的反馈,不管点赞怎么迭代,我们都希望用户拥有好的体验,给平台带来正向的收益。
















































































