34

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

 4 years ago
source link: https://www.tuicool.com/articles/YNNNb2j
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

yaQRna7.jpg!web

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

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

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

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

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

ARFBziN.jpg!web

「点赞」的发展历史

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

E3umm2Y.jpg!web

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

J7vyY3b.jpg!web

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

i6jYfiQ.jpg!web

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

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

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

1. 点赞前

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

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

Keep

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

NbqyIrA.jpg!web

即刻

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

iYbuiaB.jpg!web

Facebook

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

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

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

vURBjuN.gif

微信读书

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

fmmuY3U.jpg!web

2. 点赞时

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

QQ

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

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

rIZJviJ.jpg!web

马蜂窝

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

meueyaA.jpg!web

哔哩哔哩

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

iuEfIrr.jpg!web

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

z2a6Z3y.jpg!web

今日头条

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

7Bn6jyV.gif

3. 点赞后

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

小红书

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

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

ZraY7na.gif

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

即刻

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

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

36JjmmQ.jpg!web

总结

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

UfMzmqq.jpg!web

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

zameArr.jpg!web

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

eu6RJjJ.jpg!web

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

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

fAnuYrU.jpg!web

V77NZbB.jpg!web


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK