“关注”漫谈——对产品设计中“关注”功能的思考

作者：peninayang  腾讯PCG高级设计师

|导语 提及“关注”再熟悉不过了，在大家日常接触和使用的APP/小程序/H5产品中几乎都有关注功能，那么“关注”对产品发挥着怎样的作用，在设计时我们应注意什么，结合日常项目进行如下几点分析，欢迎大家积极讨论。

一、关注行为的动机

1.关注，是生活行为的延续

当你喜欢某位爱豆，你会去关注他的新歌新剧；当你喜欢看某作家的书时，你会忍不住去探索他的其他著作；当你想买衣服时候，你会去关注款式和价格...... 所以，关注是一种符合人日常心理动机的主动性行为操作。

在设计产品时，如果我们能将生活中熟悉的场景延续其中，为设计注入经验消费，能够让用户在使用时联想到生活中也出现过类似场景和方式，对用户操作时来说，其思考成本就会相对较低，甚至不需要思考。

2.关注，能满足用户的深层次需求

需求的本质往往可以归结为人的心理诉求。马斯洛从人的动机的角度提出“需求五层次理论”，将社交需求、尊重需求、安全需求定义为较深层次的心理需要。且看一款产品中用户的关注行为，在一定程度上满足了用户在某方面的深层需要。

• 满足社交需求——抱团、群聚、互动、社群生活、相似的爱好、互动——相互交流
• 满足尊重需求——价值感、成就感、建立信心，领域专家、意见领袖——收获关注
• 实现自我需求——道德事实、表现欲、创造力、解决问题能力——吸引关注

二、关注后的收益

1.利于内容排序

根据关注推测用户的兴趣，影响站内feed流中内容展示的优先级。

2.利于算法推荐

算法所容扩的维度丰富多样，关注是其中一个重要因子。信息流的内容展示中将用户关注的内容纳入其中。

• 哪类内容用户爱看热度高？
• 哪类内容用户互动频次高？
• 哪类内容用户消费时间长？
• 哪类内容用户看完占比高？

3.促进关系链

“关注TA的人也关注了这些”，推荐与关注相关的内容，从而吸引用户留存和粘性。

4.是产品生态形成的起点

建立和维护用户贡献内容和消费内容的生态闭环。用一句俗语就是“水涨船高”。对创作者而言，在存量市场上，cp的关注度越高就越能激发创作者的积极性，创作者想要留住关注自己的那批人，就要不断创造出更多鲜活的内容刺激用户为内容买单。对关注者而言，关注者自身活跃在平台内，又能为平台创造出新的消费内容吸引更多人围观，从而使端内生态闭环得以良性循环。

对用户而言，关注是为了看更多“我想看”的内容。当用户愿意为平台提供的内容留下来时，这个用户才具备了平台和生态所想要明确发展的目标用户，其产生的核心内容也更具长线价值，这是一个双向选择的过程。

三、关注设计分析

市面上大部分竞品的关注设计，在功能和样式方面大同小异，但是细细深究还是有很多值得思考和讨论的焦点。下面我将从关注的场景，场景的需求挖掘，用户行为，视觉差呈现等方面对关注设计进行整体分析。

1.关注的主场景

在大部分资讯产品中，是如何设计“关注”呢？用一个案例说明。产品中，最能代表和展示用户信息的是在用户的个人页，而且一般都会有关注按钮跟随头像展示。当有上滑操作时，很多产品的做法又大不相同了。

例如：

• 头条：cp页上滑时，顶部去掉个人信息展示，导航吸顶，底部浮出cp关注按钮。
• 知乎：上滑时呼起底部bar，关注由页面中间移动到下方。
• 微博：常驻在底部。

它们的共同之处在于，当发生上滑操作时，将关注按钮放在底部，这样做的好处是更符合用户浏览时的心智和眼动变化。从使用场景出发进行体验设计，在使用过程中提供一种“刚刚好”的服务。

2.哪些应用场景的关注可以深耕

曾有实验发现，用户关注的人越多，他使用时长和每天打开次数就越多，可以说良性生态循环离不开用户关注。关注分两种，一种是精准有效的关注，“我确定这就是我想看的”；一种是泛关注，“随便关注看看”，两者共同促成生态的发展。泛关注为生态提供充足养分；精准有效的关注，激活生态向好发展。

如图中所示，在用户回复评论的场景中，用户是会对评论者产生兴趣，在此场景中加入热评者“关注”需求，来丰富良性生态建设和深耕长线生态效应。

3.哪些场景的关注可以更有效

在大部分产品中，关注作为一个普遍通用的功能被泛化使用。因此，如果在产品中，有他人与你产生互动，或触发关注、点赞、评论等行为时，必然会激活你的关注。这时，相互关注和回粉的意义就显得重要了。

三句话，说清相互关注的意义。你关注Ta，满足需求。可能是好奇，获取知识，相同爱好，熟人等。Ta关注你，激发动力。探索对方，激励自己，吸引更多人。你关注Ta，Ta也关注你，形成完整闭环。例如，在一些社交产品中在设计生态建设方面，设计有回粉功能，回粉更好的激发用户关注的动机，且能促进产品形成相关关注的完整闭环，对社交关系链的形成有很大帮助。

4.按钮样式

在设计过程中，发现一个有意思的现象，关注的设计方式有两种：一种做法，视觉上强调关注后“正在关注”的状态。另一种做法，视觉上强调关注前的“关注”行为。

视觉上两种设计方式代表了不同的设计思路。第一种在没有用户关注时，按钮的视觉样式不过分突出，这种设计方式在一些关注或粉丝列表里，适用性较强；缺点在于关注按钮本身的视觉强度较弱，可能对按钮的点击量有一定影响。第二种则刚好相反，在没有关注时通过突出的按钮样式强引导用户关注，但是在列表中大面积使用时会存在一定局限。第二种是产品普遍通用的样式。

换个角度看这个问题。

大家都知道“点亮”是正向操作，“熄灭”是负向的，从一个产品的“点赞”、“收藏”等功能就能看出来。当未赞时，界面中显示灰色心，赞后灰色被点亮，当你在冗长的用户列表中看到亮起的“心”时，你会觉得它与你有关，这也是产品的普遍做法。同理，假设你快速滚动一个用户列表，看到一个被填充的实心按钮，你会意识到这个用户和你有关，你正在关注Ta。

相反，用显眼的亮色吸引用户去点击关注按钮，站在功能性的角度好像没什么问题，数据上还可能会更好看，但这是否与人的思维模式相契合。在复杂的界面中，是否可以采用同一种操作模型，让用户沉浸在一致的体验里，大脑里自然而然地形成反射回路。例如图中的关注按钮和点赞按钮都是用“点亮”来表示正向操作，“熄灭”表示负向。

结论：无论哪种做法，按钮的最终作用都是希望用户采取你希望他们采取的行动，帮助用户避免犯错。同一页面上分布着不同功能的按钮，哪种设计方式更能简化用户的识别和决策过程，哪种方式就是更优的。如果你也在思考按钮的设计，或许能从中得到些不一样的思路。

四、设计关注时，应该注意什么？

1.保护用户的控制感

对按钮的操作要及时给予反馈，取消关注有确认提示，操作上让用户可控。

2.是否让用户直接取消关注

很多应用的设计，在用户点击关注按钮后，按钮消失。如果要取消关注就得需要去“我的关注”中取消。从产品的角度，当然是不希望用户便捷的取消关注。但是，从交互和用户的角度来说，如果用户感兴趣，就添加关注。如果不感兴趣，就取消关注，这是一个前后有一致性的操作且更合理。所以，在设计取消关注的时候，建议保留取消关注的按钮，但是可以像图中这样，提供更多的选项，在用户取消之前，更愿意留下来。否则，让用户多出很多步的操作，必须去我的关注列表里移除，是不友好的交互设计。

3.关心用户所关心

当用户发生关注行为后，应该能让用户很快能找到自己关注的内容在哪里。

五、思考

• 深挖长线的有效关注：除了推荐关系链以外，可以从侧面如内容吸引或用户自发产生的内容在恰当的时机长尾中用户关注。
• 情感化引导强化关注：可以使用动态效果或带有“人格化”的文案吸引用户从而强化关注。
• 筛选优质与清理无效：当用户使用的产品中，存在大量不更新或无效关注时，是否可以定时对其进行筛选清理或通过方法去促活。

近期热文

微信支付万亿日志在Hermes中的实践

【To B管理端】图表设计指南

浅谈项目风险管理

让我知道你在看