热评 张大猛

很好的思考过程,以前是设备与设备的沟通,移动IM时代情境下变成了人与人的交流,设备状态则变成了人的状态。

“咳咳咳”——QQ老网民对这个音效一定不陌生。这个音效背后的QQ“在线状态”功能,曾经乃是各大网友们游走冲浪的日常标配。但这个在PC时代土生土长的功能,却在移动时代水土不服,还险些被打入冷宫。在雪藏多年后,2019年,QQ8.0对“在线状态”启动了系列改版,一年时间内,在线状态光速升温,火爆营业,收获众多小年轻好口碑。So,一个差点成为时代眼泪的功能,如何在新的时代背景下找到属于自己定位,重新焕发生命力呢?让我们穿越时间线,一探究竟。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

遭遇窘境:移动时代下水土不服

2013 年,移动化时代悄然降临,QQ 移动化也在轰轰烈烈大步迈进。而“在线”、“隐身”这类刻着 PC 时代 DNA 的在线状态,因不符移动端 QQ“随时在线”、“随时可沟通”的产品定位而被取消。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

没料到颇具前瞻性的产品策略在落地时却接不上地气,早已习惯了在线状态的用户无法接受这等变动,纷纷祭出一星警告。为了平息众怒,在线状态只好保留下来。

十几年来培养起来的用户习惯和认知确实不易颠覆,但在线状态难道只能这般强行营业吗?这个功能还能为用户带来什么价值呢?未来的路又该何去何从呢?

重新诠释:找到演变的新生态位

故事始于 2019 年的一个秋天。随着 QQ 8.0 改版提出“生机”的设计理念,围绕着“如何让在线状态更加有生机活力”这一命题,产品设计团队展开了新的尝试——“在线状态”固然是PC时代的产物,那能否在新时代,和新环境、新需求碰撞出不一样的可能性,从而焕发更多生机呢?

我们追本溯源,挖掘在线状态的可能性。

1. 挖掘本质:在线状态是一种实时个人动态

在线状态的作用是什么?在 PC 时代里,“在线”、“离线”等状态其实是一盏实时社交信号灯,清晰地告知好友自己此时此时是否能联系到。它就像日常生活里大街小巷的店铺门口上挂着的营业牌,小巧而又清晰地告诉客人店铺是否在“营业中”。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

在 PC 时代里,“在线”、“离线”这盏信号灯之所以重要,是因为好友的帐号状态暗示了聊天互动等最基本的社交行为是否能得到及时的响应。视角回到移动时代,随地随地联系朋友已成为呼吸一样自然。一次社交互动是否能获得响应,更多取决于诸多对方当下所处的情境状态,比方说好友正在忙、心情不好、请假了等等。

因此在移动时代,只有实时更新、丰富立体的状态传达才能在这个信息高速流通的社交环境中,更大程度消解聊天过程中对好友情境的不确定性,降低交流过程中的信息差。而这些状态可能包含主观心理或者客观情境等在内。移动场景里的在线状态的演变朝向应该是一种更加实时更新的、贴合生活场景的个人动态。

但问题是,表达个人实时动态,其实是用户在社交场景中一直以来都有的诉求,平台上也早有相应的功能,比方说大家熟知的发布个性签名、写说说等。那么新版的在线状态如何才能差异化,更好地满足用户需求呢?

2. 拉高视角:构建分析框架,找到合适生态位

无论是个性签名、说说亦或者个人状态,其实都是用户自行发表的内容。从内容创作成本以及内容实时性两个维度进行正交,可以对已有的能力做一个清晰的分层——上述提到的说说和个性签名都需要依赖自定义上传内容,具有较高编辑门槛,这种方式可以尽可能多地展示用户独特想法,但是同时也难以兼容轻量即时的表达诉求。

因此,在这样一个内容生态中,刚好存在一个缺口——一种轻量即时的、辅助聊天场景的个人实时动态——需要被填补。而在线状态因其天然自带的信号灯属性,恰恰好可以填补这个缺口。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

由此,在线状态已经大致摸清自己的生态位——基于用户对在线状态形成的认知和操作习惯,拓展更加实时丰富、贴合生活场景的选项及能力,让用户能够更加方便快捷地发射社交信号,为聊天添多一份趣味或者拓展一种新的信息传递方式。

那么接下来,如何从设想到落地?

内容设计:从单点到多维的演进

有过踩雷经验,自然不敢一上来便大刀阔斧。从 2019 年起的在线状态系列改版,其实是一段摸着石头过河的过程。随着持续不断的小步验证,局面从混沌、不确定,到逐渐清晰可见,在线状态的内容设计也是从谨慎单一的静态内容,逐渐演变成更加丰富智能的动态内容。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

1. 单点试水:拓展映射日常点滴的在线状态

任何尝试都离不开真实场景,在线状态的改版也如是。围绕着用户需要什么样的社交情境线索,我们开始扮演一个普通女/男子初中生。想想日常生活里,什么情况下心心念念的好闺蜜好基友即便在线可能也不联系上呢——也许在苦苦肝作业没空看手机,也许正美滋滋地煲着高糖甜剧嗑CP呢,也可能是手机快没电急急忙忙开启了省电模式……

于是我们从线下日常活动为着眼点,推出一系列日常生活的在线状态集合:“学习中”、“游戏中”、“健身中”、“煲剧中”、“睡觉中”,以及拓展了更丰富的设备状态“我的电量”、“信号弱”——这些普普通通由吃喝拉撒组成的,不就是最真实日常的生活嘛?

这些由线下到线上的状态都以更大范围地覆盖更多可能性,为广大“现充”年轻人的聊天互动提供真实生活的场景线索。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

经过大胆改版及整饰后,第一批改版的在线状态正式下海试水了!令人欣喜的是,新版在线状态不但没翻车,还收获了一大波用户好评,每天的状态切换量急速上升。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

2. 持续运营:同步生活时间线和重大事件

在第一次改版尝鲜后,我们沿着“个人实时状态”这个思路继续往前行,让在线状态能够投射三次元里日新月异发生的变化,从而让状态更加真实有鲜活感。

于是在重大事件以及节日热点的时候,在线状态也坚持营业,保持和现实生活时间线的无缝衔接:在 2020 年疫情期间,在线状态结合场景上新了 “在线学习”、 “远程办公”、 “TiMi 中”等状态,满足用户宅家抗疫时表达社交信号的需求;在有特殊节日时,如七夕前夕上线“恋爱中”、“汪汪汪”,植树节上线“遇见春天”;每逢传统佳节,在线状态在上新“喜迎双节”、“拜年中”的同时,也会非常具有防疫意识地呼吁“宅家过节”、“就地过年”……

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

这类状态总能在节日时期点燃一波话题,帮助用户传递了最需要表达的社交信号。

3. 智能实时:和各种内容打通,更加丰富灵活

随着在线状态队伍的日益扩充,我们发现其中那些可以实时可变的状态欢迎度会更高,所带来的的话题也会更多,如实时更新的“我的电量”:

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

于是我们便沿着这个思路,借助平台生态的能力,和 QQ 音乐进行打通,推出“听歌中”线上活动状态。当切换到“听歌中”状态时,用户无论在 QQ 音乐、亦或者在 QQ“一起听”时,都可以同步滚动歌名、歌手、歌词三位一体,不仅帮助你举手投足间可彰显自身独特的音乐品味,而且歌曲背后的潜在话题可以帮助拓宽话题池子。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

随着在线状态的新尝试得到不错的用户反馈,我们还和星座、天气等小程序内容打通,每日更新用户当天星座运势以及所在地天气状态。此外,在线状态可以基于用户地理位置变化,智能识别用户所处场所以及所进行的活动,让在线状态进一步贴近用户生活语境,同时也让在线状态添上一抹 geek 风。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

精细打磨:在表意之外别出心裁

这么看下来,在线状态是不是持续拓展好内容就稳了呢?并不。在线状态作为年轻人传达社交情境状态的窗口,若想从心理层面获取他们的认可和青睐,其表达方式和手法应该和新生代同处一样的文化语境中。

而站在平台视角,我们也不能一味迎合年轻人口味,而是希望引导正向的话题讨论,让在线状态朝着健康茁壮的方式不断变化发展。因此需要同时考虑用户及平台视角诉求来打造内容。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

1. 状态图标:你品,且细细品

这一届的年轻人,不喜欢正儿八经的代言,抵触了然无趣的白描,他们在丰富娱乐的成长环境里日渐浸润,凡事爱细品,处处能玩梗,被动技能就是内心戏足, 天生自带丰沛的想象力和解读能力。一言以蔽之,就是“好玩”。

因此在线状态也是煞费苦心地运用各种手法来打磨图标和文案,通过更隐喻的表达来留下想象空间。

以表示生气状态“我没事”为例,初始设定原本是气呼呼的“生气中”。但这一届的年轻人真的喜欢耿直地社交场合表达生气吗?除了情绪宣泄,他们还需求安慰求理解。因此优化后的“我没事”表达一个微笑里可包含或生气、或委屈、或伤心的复杂情绪,用户可联想好友近期发生的事件,充分根据自身理解来解析其中情绪。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

此外,我们的其他心情状态也是结合场景更带故事感:“悠哉哉”在夏日阳光海边,吮了一口椰子汁,一本满足;“想静静”似乎心情不太好,为了不被人打扰,偷偷把自己关在冰块里;“美滋滋”刚被人告白,心里小鹿乱撞,笑得比蜜桃还甜……

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

2. 状态文案:年轻 style,引导正向话题

除了图标以外,和年轻人有无共同语言还需看文案是否能处于同一个频道。以情人节状态为例,我们希望除了有撒狗粮的“恋爱中”以外,能让万千单身人士也能寻找队友报团取暖,因此打算推出单身状态(狗头保命)。但是文案并没采用直白的“单身中”,而是以“汪汪汪”口吻进行自述,概念变模糊了,但是解读空间就变大了——单身人士可借此寻求共鸣,脱单人士可借此撒狗粮(危险动作,请勿模仿)。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

此外,在线状态的文案也要讲究正向引导。在星座运势的内容管控中,我们屏蔽掉一些非正向或者容易引发歧义的语料库,尽可能地与聊天或日常生活场景相挂钩。我们也非常欣喜地看到,对于内容库的筛选把控确实能激起用户更多对生活美好事物的讨论。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

框架调整:容器升级之道

随着在线状态的数量玩法逐渐增多,最初界面框架缺乏可拓展性的弊端越来越明显。每新增一种截然不同的玩法,都会加剧界面的复杂和臃肿,进一步增加用户认知负荷。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

因此,我们势必需要建立一个包容度更高的交互框架。在这个框架下:

  • 打造认知:打造丰富好玩新认知,提升探索状态的吸引力;
  • 简化操作:可自由轻快进行设置,降低更换在线状态的门槛;
  • 框架兼容:灵活包容各交互框架,培养用户稳固的心智习惯。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

1. 打造认知:丰富好玩

在线状态原有的设置入口极为隐蔽,只有长按头像或者精准点击图标才可进入。随着状态内容的扩充,为了打造在线状态丰富好玩的认知,入口设计变得进一步显性化、动态化,可以将具体内容实时外传出来。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

此外,过去的设置界面存在诸多限制:空间上,半屏浮层越发显得局促;操作上,平铺陈列方式胶囊状难以承载更多操作;表达上,可交互的控件形态各异略显复杂。

再版中采用了橱窗式陈列的方式,对可操作元素进行统一的规整,用更加充裕的版面承载明确可操作的控件。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

2. 简化操作:轻量便捷

在线状态的定位是更加即时的状态传达,自然不希望用户在设置路径上太多门槛。新方案中层级尽可能扁平,用户基本不用进入二级页面,设置点击操作即刻生效,打造灵活自由的进出方式。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

3. 框架规则:包容可拓展

在新增的状态类型中,有些实时变化的特殊状态在设置时需要二级页面来承载。过去的二级页基本以弹起新页面的方式来解决,对于用户来说相对较重,让原本应该轻便的操作造成割裂感。在新框架中,点击方形入口可基于原始位置展开成大面板,让二级操作不脱离上下文语境,用户可自由灵活地进出设置。

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

基于这样的框架,我们更多智能实时的高级能力得以流畅地嵌入到这样的框架里,并保证框架的稳定统一,让用户得以再此培养稳固的认知和操作习惯。

自此,2019 年底开始的 QQ 在线状态的探寻生机之旅,从产品定位、内容拓展到框架结构一直在迭代,这个旅程也在一直持续探索中。从一开始在移动端的水土不服,到改版后使用量光速升温,这过程是对用户诉求的不断体察和推敲,同时也是对功能场景的不断挖掘。但无论功能怎么迭代,在线状态都会积极融入到年轻人所在的文化语境里,帮助用户以更贴心好玩的姿态展示更丰富多维的社交情境。

结尾

八年前,在一篇网络报道中,一位评论者针对 QQ 在线状态被取消感慨道,“要摧毁自己十几年来建立起来的用户习惯和认知,对 QQ 来说是一个漫长而痛苦的过程,至于对错,目前或许仍无法评判。”

八年后,或许我们有了初步的答案——我们并非只能To Be or Not To Be,我们可以通过改变思维来拓宽更多第三选择。

“在线状态”一定是设备帐号的“在线”或者“离线”吗?当我们把“在线状态”这个解决方案看成一个黑盒子的时候,能看到其输出是“辅助聊天社交”、“与情境相关”、“会因时而变”等一系列能力属性。那我们再逆向地从属性层面进行解构,便可以突破旧有的“设备状态”的思考范式,对这个“黑盒子”赋予新的意义和联想。

未来 QQ 在线状态也会朝着更生机更鲜活的方式演进,做更好玩、更贴心的 QQ。

欢迎关注作者微信公众号:「腾讯ISUX」

腾讯实战案例!十多年的QQ在线状态是如何做好重设计的?

收藏 203
点赞 66

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。