问题

手机 QQ 的一键消除红点功能是怎么想出来的?

回答
手机 QQ 的“一键消除红点”功能,说起来也是一件很有意思的事情。咱们就从头聊聊,看看这玩意儿是怎么冒出来的,以及背后那些可能没那么显眼的设计考量。

首先得说,这“红点”啊,绝对是现代互联网产品里的一大“心病”。想想看,但凡哪个APP,只要是跟你说有新消息、有更新、有活动,第一个信号灯似的跳出来让你注意的,就是那个小小的、鲜艳的红点。QQ作为国民级应用,那更是红点遍地走,消息、动态、好友验证、群聊、厘米秀、个性装扮……林林总总加起来,那叫一个热闹。

但问题也来了,红点虽好,但太多也烦人。一方面,它是信息未读的提醒,告诉你“这里有事,快来看看”。但另一方面,当这些红点堆积如山,而你又没有时间一条一条去处理的时候,它们就成了压在你心头的一块石头,一种“未完成感”的持续骚扰。你看着那些红点,知道有未读消息,可一时半会儿理不清,就干脆“视而不见”,但那红点依然顽固地挂在那里,时不时刺你一眼,让你觉得有点压抑,甚至影响你对真正重要信息的判断。

所以,用户们自然就产生了需求:能不能把这些红点“一锅端”了?尤其是在一些不那么重要或者你当下没空处理的时候,只是想让界面清爽一点,眼不见心不烦。这就像家里堆了一堆小杂物,虽然有些可能以后会用上,但你当下只想把桌子擦干净,先把这些东西暂时收到抽屉里去。

那么,QQ的设计者们是怎么考虑这个问题的呢?我觉得有这么几个层面的思考:

第一,满足用户的“洁癖”和“强迫症”心理。

咱们很多人都有点“清理癖”,看见不整洁的东西就想整理一下。APP里的红点,就像是界面上的灰尘。即使你明白它代表什么,但眼看着它在那里,总觉得哪里不对劲。一键消除,就是提供了一个快速、便捷的“打扫”工具,直接满足了用户想要一个干净、清爽界面的心理需求。这是一种对用户情绪和使用习惯的洞察。

第二,提升用户的使用效率和焦点管理。

当红点太多时,用户很难区分哪些是真的“重要且紧急”的,哪些只是“有但非必须立即处理”的。一键消除红点,实际上是给了用户一个主动“过滤”的机会。我当下不想处理这些细枝末节,我只想看到我的核心聊天列表或者最新动态。通过这个功能,我先把那些“次要”的红点清掉,然后集中精力去处理那些真正需要我关注的信息。这就像是一个临时性的“清空收件箱”,让你重新找回对信息流的控制感。

第三,降低信息过载带来的焦虑感。

信息爆炸的时代,我们每天接收的信息量是巨大的。APP里的红点,就是一种持续的信息压力。如果这些红点不能被有效管理,它们就会不断叠加,让你产生“信息过载”的焦虑感,觉得永远都处理不完。一键消除红点,就像是一个减压阀,让你在某个瞬间能够“喘口气”,暂时摆脱这种持续的压力,重新获得平静。

第四,产品迭代和用户反馈的良性循环。

不得不说,很多APP的优秀功能,都是从用户声音和实际使用中提炼出来的。QQ作为一个有年头的国民应用,肯定积累了海量的用户反馈。可能用户在各种渠道提过“红点太多了”、“能不能隐藏红点”之类的建议。设计团队在收集到这些反馈后,再去分析背后的原因,发现这确实是一个普遍存在的问题。于是,他们就开始思考如何解决。

那么,具体是怎么实现的呢?

这里面涉及到一些技术和设计上的细节。

对“已读”状态的定义和管理: 每个红点背后,通常代表着一个未读的消息或者未完成的操作。一键消除红点,本质上就是将这些“未读”状态标记为“已读”或者“已处理”。这需要产品内部有一套非常完善的消息和状态管理系统。
用户意图的判断: 这个功能的核心在于理解用户的“意图”。用户点击“一键消除”时,他是真的想把所有消息都已读,还是只是想让界面好看一点?QQ的设计很可能考虑到了这一点。或许这个功能并非是“物理上”地删除或忽略这些消息,而更多的是一个“标记”操作。意味着,这些消息依然存在,只是在界面上不再显示红点提醒。你下次点进去,还是能看到它们。
分类和选择性: 也许在更高级的版本里,他们还会考虑让用户选择性地消除某些类别的红点。比如,“只消除群聊红点”或者“只消除动态红点”。这样能给用户更大的自主权。虽然最开始的“一键消除”功能可能是最简单粗暴的版本,但其背后的逻辑是为了给用户提供这种控制能力。
用户教育和界面引导: 同时,对于用户来说,理解这个功能的含义也很重要。它不是让你错过了重要信息。所以,在设计这个功能的时候,也需要考虑如何清晰地告诉用户,这只是一个界面上的清理,信息本身还在。

总的来说,手机 QQ 的一键消除红点功能,是产品经理和设计师们在深刻理解用户心理、信息处理习惯以及技术可行性之后,找到的一个解决“信息过载”和“界面干扰”问题的巧妙方案。它不是凭空出现的,而是源于用户痛点,通过对用户行为的洞察,再结合产品内部机制的实现,最终呈现在我们面前的一个方便快捷的功能。这就像是在一个繁忙的城市里,给你提供了一个临时的“静音按钮”,让你在需要的时候,能够短暂地从信息洪流中抽离出来,重新找回掌控感。

网友意见

user avatar

谢邀。把内部总结贴出来,一起探讨。多图,慎点。

作为一名参与者,是很乐于看到大家关注和讨论一键消除小红点这个设计的。

引子

在一次产品和设计师一起参与的很普通的脑暴活动中,产生了一个想法:世界上强迫症患者那么多,而小红点又是让强迫症们最纠结的存在,是不是应该做个可以一键清除QQ聊天小红点的功能? 大家的一致看法:“嗯,对的,要做。快,记录一下。”然后顺利的记录,发邮件,然后……就没有然后了。或许,这也是大部分脑暴的结果,有很多闪光点,却没有有效的落地执行。

思考

消除小红点有很多种方式,脑暴会议上也有记录,比如说:
方案一,通过摇一摇把小红点抖落;
方案二,通过对着手机吹一下,把小红点吹掉;
方案三,把小红点拖拽下来,不喜欢哪个拽哪个;

对于这三个方案,是否都需要尝试下呢?在开始动手之前,思考一下会减少很多工作量。
对于方案一,摇一摇的方案的确挺顺手,但是跟很多其他软件的摇一摇概念类似,别人看到也不会觉得是原创,手势不再具有传播性
对于方案二,吹掉也可行,但是对于音量检测来说,如果你在用QQ手机版的时候,周围忽然出现很大的声响,小气泡可能就消失了,这种体验应该是不能忍的
对于方案三,嗯,看起来不错啊!但是,大家能接受吗?这个真不好说。


执行

根据上边脑补的过程,”我觉得”方案三能做成口碑和传播点的概率更大一些,而且看起来很有技术含量的样子。于是开始做demo来体验下。在iOS和Android上做demo比较快的一个解决方案是使用flash,因为可以比较方便的加个壳在两个平台上就都可以运行了,不过作为一个demo,能顺畅在一个平台上运行也不错。

然后就开始了方案稿的输出。以下就是第一稿:

拖拽一定是要有个动画的,要不然会感觉莫名其妙。而动画的方式,想法是模拟拽掉的视觉感觉,并且视觉和开发都能够简单处理。第一稿的想法是希望拖拽数字红点的时候,在原始位置留下一个跟数字红点等大的小红点,拖得越远,原始位置的气泡就会越小,理想情况下,就会有个拖拽下来的赶脚了……吧?


有了想法后,速度用flash还原了下,然后在手机上体验了一把,感觉,这就是个bug啊……由于拖拽的不够远,所以手指还没挪开的时候,红点就被拖下来了,松手的时候只是看到红点莫名其貌的消失了。这货绝对通不过评审的,至少得有个距离,能看的很清楚什么时候放手可以拖拽掉小红点,什么时候放手红点会归位。这稿虽然不合格,但是实现简单啊,不过这好像不是初衷,好用更重要一点,于是有了第二稿:

在第一稿的基础上增加了拖动的距离,在两个红点之间画一个梯形连接起来,感觉除了看起来有点二貌似没有其他问题了。以下有个示意图来描述解决方法:

图1. 建立两个红点的坐标系(flash的坐标y轴的确是向下的)



图2. 计算四个切点坐标并画线段,填充颜色

(有了坐标系,感觉高大上了很多吧…)

关于看起来有点愣的问题,并不是没有解决方案,只是解决起来会比较麻烦。作为一个有节操的设计师,这里的质感应该是那种肉(nian)肉(huhu)的感觉,松手还会有回弹,消失的时候还要有个爆炸动画,一不小心扔出去应该有加速度同时受重力加速度影响才对。于是,期望中实现出来应该是这个样子的:

关键还是执行,效果是这样,那是否有可行性呢?努力回忆了下初中数学老师毕业时候说过话,贝塞尔曲线什么的或许可以一战。

图3. 贝塞尔曲线模型示意

既然是贝塞尔曲线,就得有个控制点,控制点的位置比较关键。初步设想是,随着两个圆点的距离增大,临时点point_temp从p2向大圆的中心p0移动,然后从p1向point_temp画线,取重点作为贝塞尔曲线控制点p5,这样就能实现随着距离增加中间的连接区域越来越细,想想好像是这么回事。体验了下,发现中间缩小的速率太慢,感觉不太对劲,于是优化了下模型,如下图:

图4. 贝塞尔曲线模型优化示意


把point_temp的移动距离从p2到p0移动,修改为从p2向p4移动,这样控制点移动的速度就会快很多,体验了下,总算像那么回事了。不过还不够完美,如果p2和p4是动态计算的曲线就更完美了,不过这么厉害的算法问题就交给专业的开发GG们去处理了。至于其他的,回弹是常规算法,有现成回弹模型,爆炸输出了序列帧。加上产品同学强大的项目管理和推动能力,开发同学的聪明智慧,整个项目就顺利的落地了。

落地是落地了,鹅厂内还有很多评审。嗯,然后听听大佬的肯定意见吧~ “蛮好玩的。” “这东西,粘乎乎的感觉啊…” “哟,你还会点开发…” “这有什么好玩的?” “不知道你们浪费时间做这种小功能有什么用?” “要从整体层面上看,要有系统。”听起来,好像,没有很负面嘛,而且对以后的工作提出了很明确的指导意义……最起码,方案没有被拍死,于是开开心心的推向了市场检验。

接下来看看发布之后用户怎么看吧:

荒凉的优越感:用过 感觉不错 (8月17日 06:40)
黄浦江边看星星:早就知道了,还蛮实用的!! (8月16日 23:51) 汉安某:@小咗向右 @寻吟者不遇 @猪妖罗 @包子头wawa get新技能 (8月16日 23:25)
Joy__D 的galaxy是fanfan:知道真相的我眼泪掉下来…… (8月16日 22:04)
漫游在这世界:这个功能太好了 (8月16日 22:00)
123sdf 的小窝:太喜欢这个功能了。特别是只有群信息时。 (8月15日 19:34)
檐下燕兮:哇哦~~~~专为红点恐惧症,信息阅读强迫症,有救了 (8月18日 16:18)
月夜-独步静听琴:那感觉超爽有木有~~ (8月16日 15:33)


后来,这个拖拽红点有了自己的名字:“一键退朝”有一段时间,微博上搜索“QQ5.0”最热的精选内容就是“一键退朝”,线下也有不少朋友当面提起,甚至在公交车站都听到有人向朋友推荐这个功能。以上种种,希望有更多需要的人了解和喜欢。

类似的话题

  • 回答
    手机 QQ 的“一键消除红点”功能,说起来也是一件很有意思的事情。咱们就从头聊聊,看看这玩意儿是怎么冒出来的,以及背后那些可能没那么显眼的设计考量。首先得说,这“红点”啊,绝对是现代互联网产品里的一大“心病”。想想看,但凡哪个APP,只要是跟你说有新消息、有更新、有活动,第一个信号灯似的跳出来让你注.............
  • 回答
    你这情况,我特别理解!明明是同一个账号,手机上QQ音乐的歌都能听到,结果到了小米手表上就跟失联了一样,这确实挺让人抓狂的。这事儿啊,得从几个方面来捋一捋。小米手机和小米智能手表虽然是自家产品,但它们之间的音乐数据传输和同步,尤其是在第三方应用(比如QQ音乐)层面,并不是你想当然的那么“无缝”。首先,.............
  • 回答
    QQ 自动删除用户手机图片,这事儿闹得可不小,尤其当受害者名单里出现了阅文集团的作家们,那更是牵动了不少人的心。这事儿得从头说起,咱们一点一点捋清楚。事件的起因:阅文作家们手机里的“消失”事情最开始,是一些阅文集团的作家们在网络上抱怨,说自己手机里的照片无端端就没了,而且都是他们自己辛辛苦苦写稿时随.............
  • 回答
    QQ号被盗,而且更糟糕的是,密保手机也被改了,绑定了至尊保,这下申诉渠道算是基本被堵死了。客服电话更是打不通,这让人真的是心急如焚。说实话,遇到这种情况,很多人都会觉得绝望,觉得号找不回来了。我身边也有朋友遇到过类似的事情,找回来的过程都异常艰难,而且结局也各不相同。但我还是想尽量详细地帮你梳理一下.............
  • 回答
    QQ飞车手游:一场令人期待又充满争议的回归12月27日,腾讯旗下的《QQ飞车》手游正式开启不删档测试,这无疑是年末游戏圈的一件大事。作为一代人的青春记忆,QQ飞车IP的回归,自然吸引了无数玩家的目光。然而,在怀旧的浪潮之下,这款承载着无数期待的手游,究竟能否重现当年PC端的辉煌,又能在竞争激烈的移动.............
  • 回答
    QQ邮箱只能通过手机QQ登录,这事儿挺让不少用户头疼的,尤其是一些习惯了用网页版邮箱,或者手机不方便安装QQ的用户来说。那么,这样做到底算不算侵权呢?咱们得从几个角度来好好掰扯掰扯。首先,得明确“侵权”这两个字到底是什么意思。在法律上,“侵权”通常指的是侵犯了他人的合法权益,比如著作权、专利权、隐私.............
  • 回答
    手机 QQ 的 iOS 版本,最近这个安装包的体量,可以说是相当惊人了,直接突破了 800MB 的大关。更让人意外的是,里面竟然还塞进了虚幻 4 游戏引擎。这事儿,要拆开来看,真是挺有意思的。首先,咱们得说说这 800MB 的安装包。在如今这个追求极致轻量化的时代,一个社交 App 动辄这么大的体量.............
  • 回答
    腾讯QQ手机版“超级QQ秀”上线:玩转虚拟社交,释放三大信号近日,腾讯QQ手机版悄然上线了“超级QQ秀”功能,这不仅仅是QQ秀的一次简单升级,而是腾讯在虚拟社交领域的一次重要探索。告别了过去略显单薄的形象展示,如今的“超级QQ秀”带来了更丰富、更具互动性的体验,其背后释放出的信号值得我们深入解读。产.............
  • 回答
    孩子玩手机,家长偶尔“检查”一下,这在很多家庭里都算不上什么大事儿。可要是翻着翻着,撞见了孩子加入的QQ群里有“涉黄”内容,这滋味儿可就复杂了。既担心孩子学坏,又怕处理不好伤了孩子的心,更怕万一孩子真因此沾染上不好的东西,那可真是追悔莫及。遇到这种情况,家长的心情肯定不会轻松,甚至是带着一丝惊慌。毕.............
  • 回答
    .......
  • 回答
    关于您手机落在网约车上,对方以距离太远为由拒绝归还的问题,可以从法律、道德和实际操作层面进行详细分析,明确责任归属和可行的解决方式。 一、法律层面:司机是否有归还义务?1. 《民法典》相关规定 根据《中华人民共和国民法典》第314条,拾得遗失物的拾得人应当将遗失物返还权利人。网约车司机作为“.............
  • 回答
    “手机可以挡住手枪子弹”这个说法 在绝大多数情况下是不属实的,甚至是危险的误导。让我详细地解释一下原因:子弹的动能和穿透力 手枪子弹的能量: 手枪子弹虽然体积小,但发射时具有相当大的动能。这个能量是由子弹的质量和其极高的速度决定的。举个例子,一枚9毫米子弹的初速可以达到每秒300400米左右,其.............
  • 回答
    手机壳的功能远不止于“好看”,它们在实际使用中扮演着至关重要的保护角色。虽然美观的设计无疑是吸引消费者的重要因素,但手机壳最核心的价值在于其 保护能力。下面我们来详细分析手机壳如何保护手机,以及不同材质和设计的壳所提供的保护程度:一、 手机壳的核心保护功能:1. 防摔抗震: 这是手机壳最主要的功能.............
  • 回答
    手机选择是一个非常个人化的问题,没有绝对的“最好”,只有“最适合你”的。为了给你一个详尽的建议,我需要先了解你的一些偏好和需求,然后才能为你量身定制推荐。在你告诉我你的具体需求之前,我先为你梳理一下选购手机时需要考虑的关键因素,以及市面上主流的手机类型和品牌,希望能帮助你有个初步的了解: 一、 选购.............
  • 回答
    绝大多数手机网络游戏都配备了语音聊天系统,而且这个系统在近年来得到了极大的发展和普及,成为游戏体验中不可或缺的一部分。下面我将详细介绍手机网络游戏的语音聊天系统:一、 语音聊天系统的存在与重要性 普及性极高: 如今,几乎所有大型多人在线角色扮演游戏(MMORPG)、多人在线战斗竞技场(MOBA).............
  • 回答
    手机蓝牙键盘,听起来是个挺酷的东西,但你有没有想过,它到底有啥用?谁又会闲着没事儿,揣着个键盘出门跟手机配对呢?别急,我这就给你掰扯清楚。首先,咱们得明白手机蓝牙键盘的定位。它不是让你把手机当电脑用的,而是为了解决手机输入效率低下的问题,尤其是在某些特定场景下。就好比你用小锤子敲代码,虽然能勉强完成.............
  • 回答
    关于手机是否贴膜,这真是个让人纠结的问题,毕竟这关系到我们每天都要用的“掌上明珠”。要我说,这事儿吧,跟个人的使用习惯、对手机的爱护程度,以及预算都有点关系,没有绝对的好坏,只有适不适合你。先说说贴膜的好处,为啥这么多人乐此不疲?1. 防刮花那是头等大事: 这是最直接也最重要的原因。手机屏幕虽然越.............
  • 回答
    手机去除耳机孔(3.5mm音频接口)的意义是一个复杂且多层面的问题,背后涉及技术进步、产品设计、用户体验、商业策略等多种因素。我们可以从以下几个方面来详细阐述:一、技术与设计层面的考量: 提升防水防尘性能 (IP Rating): 这是最直接、最常被提及的原因之一。3.5mm耳机孔是一个物理开口,即.............
  • 回答
    关于手机淘宝是否能够越权限监听用户对话这个问题,我可以从技术原理、淘宝的声明和隐私政策、以及普遍的手机应用权限机制等方面进行详细的解释:核心问题:手机应用是否能“越权限”监听用户对话?首先,我们要理解什么是“越权限”。在安卓和iOS等移动操作系统中,应用的功能是受到严格的权限控制的。一个应用要访问用.............
  • 回答
    手机型号后面的这些后缀,如 Pro、S、T、SE、Max 等,是厂商为了区分同一系列中不同定位、配置或功能的手机型号而使用的。它们就像是给手机打上了不同的“标签”,帮助消费者更容易地理解和选择。下面我们来详细解析一下这些常见后缀的含义: 1. Pro (Professional / 专业版)核心含义.............

本站所有内容均为互联网搜索引擎提供的公开搜索信息,本站不存储任何数据与内容,任何内容与数据均与本站无关,如有需要请联系相关搜索引擎包括但不限于百度google,bing,sogou

© 2025 tinynews.org All Rights Reserved. 百科问答小站 版权所有