|
|
51CTO旗下网站
|
|
移动端

研究数十个热门 APP后,我来告诉你如何设计好「点赞」功能

毫不夸张地说,「点赞」是移动互联网和社交媒体时代最热门的交互方式。「点赞」可以快速简单地评价好友发布的内容,帮助人们在社交媒体上的交流变得频繁亲密,同时用户为了赢得更多的「赞」,发布的内容精挑细选提高了平台内容的优质性。

作者:发现好设计来源:优设|2019-06-04 08:45

【大咖·来了 第7期】10月24日晚8点观看《智能导购对话机器人实践》

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

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

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

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

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

研究数十个热门 APP后,我来告诉你如何设计好「点赞」功能

「点赞」的发展历史

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

研究数十个热门 APP后,我来告诉你如何设计好「点赞」功能

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

研究数十个热门 APP后,我来告诉你如何设计好「点赞」功能

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

研究数十个热门 APP后,我来告诉你如何设计好「点赞」功能

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

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

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

1. 点赞前

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

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

Keep

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

研究数十个热门 APP后,我来告诉你如何设计好「点赞」功能

即刻

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

研究数十个热门 APP后,我来告诉你如何设计好「点赞」功能

Facebook

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

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

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

微信读书

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

研究数十个热门 APP后,我来告诉你如何设计好「点赞」功能

2. 点赞时

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

QQ

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

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

研究数十个热门 APP后,我来告诉你如何设计好「点赞」功能

马蜂窝

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

研究数十个热门 APP后,我来告诉你如何设计好「点赞」功能

哔哩哔哩

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

研究数十个热门 APP后,我来告诉你如何设计好「点赞」功能

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

研究数十个热门 APP后,我来告诉你如何设计好「点赞」功能

今日头条

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

3. 点赞后

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

小红书

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

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

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

即刻

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

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

研究数十个热门 APP后,我来告诉你如何设计好「点赞」功能

总结

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

研究数十个热门 APP后,我来告诉你如何设计好「点赞」功能

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

研究数十个热门 APP后,我来告诉你如何设计好「点赞」功能

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

研究数十个热门 APP后,我来告诉你如何设计好「点赞」功能

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

【编辑推荐】

  1. 我们分析了100个移动应用程序,发现了App崩溃的6个常见原因!
  2. Apple Store零售店如何失去往日光彩
  3. Apple Card实体卡曝光,只有logo没有卡号
  4. 人民日报称App过度索取权限,手机App是技术霸凌的重灾区
  5. 苹果设备出问题了怎么办?这个官方 App 给你一站式支持
【责任编辑:未丽燕 TEL:(010)68476606】

点赞 0
分享:
大家都在看
猜你喜欢
24H热文
一周话题
本月最赞

订阅专栏+更多

WOT2019全球人工智能技术峰会

WOT2019全球人工智能技术峰会

通用技术、应用领域、企业赋能三大章节,13大技术专场,60+国内外一线人工智能精英大咖站台,分享人工智能的平台工具、算法模型、语音视觉等技术主题,助力人工智能落地。
共50章 | WOT峰会

0人订阅学习

Spring Boot 爬虫搜索轻松游

Spring Boot 爬虫搜索轻松游

全栈式开发之旅
共4章 | 美码师

77人订阅学习

Linux性能调优攻略

Linux性能调优攻略

性能调优规范
共15章 | 南非蚂蚁

219人订阅学习

读 书 +更多

人月神话:32周年中文纪念版

在软件领域,很少能有像《人月神话》一样具有深远影响力并且畅销不衰的著作。Brooks博士为人们管理复杂项目提供了最具洞察力的见解。既有很...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊

51CTO服务号

51CTO播客