大厂实战案例！QQ浏览器PC版的AI进化设计复盘

30年过去了，浏览器类产品在AI技术的狂飙突进下，终迎来新生。已诞生15年的QQ浏览器PC版，在今年也迎来了它的AI升级，在「浏览器+AI插件」和「AI原生浏览器」并行的当下，也探索了让AI“智感”在用户体验旅程中全方位的融入。

往期改版：

一、框架：简洁有序的AI“智感”基座

AI的能力在不断演化着，浏览框架作为体验的基座，需要根据技术发展的大趋势，尽可能稳定而超前地进行演变，才能让用户在面对AI的“灵动”时，仍感到稳定与可控。

在PC上，浏览器是集合了用户与信息全方位交互（获取、消费、处理、创造等）的产品，洞察AI带来的人与信息交互方式变化的大趋势，才能构建好简洁有序的“智感”基座。

1. AI深刻改变人与信息的关系，也影响着基座体验演进方向

2. 更简洁：提升信噪比，为AI搭好台

以前没有大模型参与理解网页，各类网页浏览工具只能上架陈列出来，才能让用户发现并根据需要去使用。

有了AI大模型的加持，让好的功能在需要时会被推送给用户，不依赖一直外露。这使我们敢于对原有的功能入口收折、合并、简化，而不用担心用户找不到。

做减法，框架上外露的固定入口持续精简

地址栏右侧的功能入口，进行了多轮的简化收折，最新版固定入口已精简到4个，识别场景需求后，功能会适时出现。

做合并，找功能更简单

原本分散在三个入口中的菜单、个人中心、应用中心，全部合一，更为合理的分区定义后，找功能效率更高。

调主次，更聚焦当前网页

AI会使得用户在当前网页就能完成更多任务，反复切换会减少，三行框架整体高度不变的情况下，加大网页工具栏高度，更聚焦，点击区更大，使用更舒适。

3. 更多变：使信息能在多类框架中任意穿行

灵活的容器，信息可以任意框架展示并互相转换

原本以一个个标签页为基础单元的信息处理行为，有可能因为AI的辅助，变成流式：一些信息可能带着任务，需要与不同的页面、甚至其他系统应用发生交替、伴随等关系，创造多变的信息容器定义，使信息在其间的穿行能实现，更有序，且易于理解。

减少框架层级，降低多变带来的负担

轻量化框架，运用多种设计手法做页面分区，简化框架层级，改善了旧版本竖版工作台打开、侧边栏打开、分屏多层框套框的复杂、厚重样式。

4. 更畅通：数据资产的规整能促进流动

十多年累计下的用户资产类型多样，书签类型就有三种，将其合并规整，后续AI才有机会提供更有价值的服务。

5. 表达演化：从“待命”到“参与”

UI表达从“待命”到“参与”，是AI在框架上的集中体现。通过“光影逻辑”的提出，定义智能的可视化韵律。

本次AI升级中，定义了一套与AI工作流同构的视觉语法：“聚光”=意图聚焦，“流光”=思考过程，“溢光”=能力就绪，这一套视觉语法的定义，符合用户的自然认知，让AI的灵动有了稳定的输出形态，建立了用户对AI工作流的认知基础。

下面我们可以从实例中看看这套AI视觉语法的运用。

框架的 AI+ 功能入口，就是通过“聚光”=意图聚焦，“溢光”=能力就绪的视觉语法，来完成不同场景下功能的推送，以及能力准备就绪的表达。

用AI协助整理标签页的分组，对用户来说不是一个常用的功能，过程中，标签页整理能力的准备就绪，整理进行中，和完成后的操作聚焦，就是通过溢光、流光、聚光的过程反馈，将标签整理的工作流程具象化。

二、AI 旅程：全场景感知的“智感”体验

“智感”不是一套僵化的交互模版，而是一种能够随需而变的流体体验。

面对浏览器中复杂的消费形态，我们拒绝了“一刀切”的侧边栏设计，而是根据用户所处的阅读、聆听、观看、代办四个核心场景，定制了四种截然不同的“智感”表达，让体验在不同感官维度下都能精准落地。

1. 网页阅读：信息提纯的“结构之美”

适用功能：AI 总结、AI 思维导图、AI文件总结、 AI资源嗅探

在最基础的图文阅读场景中，“智感”并非改变阅读的内容，而是通过 AI 的介入，让原本厚重、杂乱的网页回归结构的清澈、信息的单纯。

因需而变的“形态重组”

为了让信息以最适合被吸收的结构呈现，我们在统一的智能容器下设计了不同的结果形态。AI 不再是单一的文本输出：需要网页总结，它输出结构清晰的流式文本 ；需要主线脉络，它直接渲染为可交互的思维导图组件；需要的是网页中的附件材料，它给出文中涉及的富媒体文件 。这种形态上的重塑，让用户能一眼看透信息的本质。

多维并行的“空间结构”

针对传统 AI 对话“线性流”导致的历史内容（如总结、脑图）容易被淹没、难以回溯定位的痛点，我们沿用了浏览器用户最熟悉的“新建标签页”习惯。用户不再需要在长长的对话记录中反复滑动寻找，而是可以像新建网页标签一样，独立开启多个 AI 功能窗口。这种标签式的切换与对比，不仅符合浏览器的原生操作直觉，更让多源信息的对照查看变得轻而易举。

有据可依的“逻辑锚点”

为了建立阅读的信任感，我们在生成的内容中引入了“锚点与溯源”机制 。每一个 AI 生成的结论，都通过锚点提示用户上下文语境，并支持点击跳转 。这种结构化的引用设计，将 AI 的概括与原文的细节紧密挂钩，确保了信息的真实可查。

2. 沉浸聆听：语境感知的“声画共鸣”

适用场景： AI 听

当用户从“看”切换到“听”，“智感”便从理性的逻辑分析，转变为感性的生命律动。

因地制宜的“语境定义”

AI 听具备“页面类型感知”能力：识别到深度文章时，自动锚定为“播客模式”；识别到新闻资讯时，切换为“原文朗读”。在浏览网页时，它还会通过运营态气泡主动提示“可开启听模式”，在最合适的语境下提供服务。

零等待的“即时心流”

听觉体验不应是盲目的等待。我们通过“流式生成”技术实现了点击即听的零延迟，打破了传统播客的加载焦虑。同时，为了让声音“看得见”，我设计了和品牌同质感的气泡动效，色彩的呼吸动效让音频更有温度。

3. 视频消费：深度重构的“垂直洞察”

适用功能： AI实时字幕、 AI视频助理

视频场景最大的痛点在于信息的封闭性。AI 的智感体现在它能打破播放器的物理外壳，通过局部锚定与整体重塑，帮助用户从“看热闹”变为“懂门道”的深度消费。

局部维度的“精准锚定”

让字幕成为比进度条更精确的“时间路标”。 AI 将字幕容器重构为视频的上下文索引。用户不仅能看到当前的台词，更能通过拖拽容器查看前后的语境关联。更重要的是，每一句字幕都是一个可点击的锚点，点击即可瞬间跳转到该句话的播放节点。这种“所见即所得”的跳转交互，比传统的拖拽进度条更加精准、从容。

整体维度的“全景重塑”

让视频变成一本有目录、有总结的“书”。 为了让用户快速吃透长视频，AI 视频助理从宏观视角对内容进行了逻辑重组。它能智能识别视频的情景段落，自动生成“可视化目录”与“分段总结”。用户不再需要从头看到尾，而是能通过目录俯瞰全篇脉络，快速定位感兴趣的章节。这种宏观视角的结构化重塑，彻底改变了线性观看的盲目，让视频消费拥有了阅读书籍般的清晰与深度。

4. 任务代办：思维可视的“白盒执行”

适用功能：AI下载助理、 AI更新助理、 AI订阅助理

当用户需要 AI 去“找资源”或“办事情”时，场景从内容消费转向了任务代办。当 AI 替用户办事时，最大的阻碍是信任。我们通过“思维可视”的设计，把控制权交还给用户。

意图的“校准可视化”

我们将 AI 隐性的思维校准过程，显性化为两个可见的阶段：

意图澄清 ： 面对不确定或模糊的指令，AI 不会靠猜来执行，而是将疑惑外化为对话询问。针对复杂需求，它更能进行多轮询问，抽丝剥茧地将模糊的想法收敛为精准的目标（如：“您是指下载电影还是小说？”）。

策略对齐 ： 目标明确后，AI 拒绝黑盒作业，而是主动进行计划策略的展示。在正式执行前，它会把“准备怎么干”（如：订阅的计划、监控的策略）铺陈在用户面前，确认策略无误后才开始运转。

路径的“推演可视化”

我们拒绝给用户一个简单的进度条。我们将 AI 拆解任务、检索信息、筛选决策的完整思维路径实时渲染在屏幕上。用户能眼见 AI 如何一步步逼近答案（如：正在搜索关键词 -> 提取筛选数据 -> 浏览网页）。这种动态的逻辑白盒，让用户像看着透明钟表运转一样，获得对智能代办的深度掌控。

三、下一代浏览器，不仅仅是“浏览”

所以，下一代浏览器的体验是什么？回顾QQ浏览器这款15年产品的升级，我们的答案是：智感。

这次浏览器的升级不仅仅是一次功能的简化与叠加，更是一次对体验边界的拓宽。我们希望用“智感”来建立起浏览体验的标尺：在信息过载的时代做减法，让逻辑回归清晰；在冰冷的工具上做加法，让功能更有温度。这条“智感”之路才刚刚起航，我们将一起越走越远。