项目案例｜QQ 在线状态升级故事-轻识

▲点击"三分设"关注，回复"社群"加入我们

欢迎来到专业设计师学习交流社区

三分设｜连接知识，帮助全球 1 亿设计师成长

阿里巴巴设计官方认证 MCN 机构

SUXA 深圳体验设计协会华东分会

全球服务设计共创节城市站发起者

转自：腾讯ISUX

编辑：李凯悦

共 5634 字，预计阅读 15 分钟

前言

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

一、遭遇窘境：移动时代下水土不服

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

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

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

二、重新诠释：找到演变的新生态位

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

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

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

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

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

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

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

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

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

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

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

那么接下来，如何从设想到落地？

三、内容设计：从单点到多维的演进

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、精细打磨：在表意之外别出心裁

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

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

1. 状态图标：你品，且细细品

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

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

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

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

2. 文案打磨：引导正向话题

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

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

五、框架调整：容器升级之道

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

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

1. 打造认知：打造丰富好玩新认知，提升探索状态的吸引力；

2. 简化操作：可自由轻快进行设置，降低更换在线状态的门槛；

3. 框架兼容：灵活包容各交互框架，培养用户稳固的心智习惯。

1. 打造认知：丰富好玩

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

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

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

2. 简化操作：轻量便捷

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

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

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

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

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

结语

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

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

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

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

超值课程推荐

华为用户体验设计的体系搭建方法

超 10 亿用户的产品，到底是怎么做用户体验的？

揭秘滴滴、蔚来等大厂的用户体验设计策略

原创好文推荐

一款为你带来难忘体验的美食 APP

Web Vitals —— 谷歌的新一代 Web 性能体验和质量指标

2021 年用户体验设计趋势分析

想要引导用户行为转化，设计师必须深刻理解这 4 个认知心理学理论

让设计圈一片哗然的 Google 新 logo 到底出了什么问题？国外的设计专家这么说

如何系统的增强用户粘性，提升产品转化率？你要懂得“行为设计学”