AI AgentLUI 界面用户体验设计

WPS 灵犀: 从 AI 工具箱到 AI 伙伴的进化

2024.07-2026.01 | 李姝源,鲍立赢,陈传林 | https://365.kdocs.cn/3rd/lingxi/

为应对人工智能奇点时代的到来,金山办公 WPS 灵犀应运而生,为内容创作、文档编辑、高效阅读三大核心场景赋能。我参与了灵犀从独立网页产品逐步演进为深度融入 WPS 生态的智能助手的全历程。通过探索人机协同的全新范式与多元交互模式,该项目成功将人工智能从外部工具,转变为 WPS 内部原生的「智能伙伴」,为 WPS 打造出全新的智能办公体验。

01.首页重构:视觉秩序与信息降噪

WPS 灵犀首页重构总览

用户界面的演变

1

灵犀主站早期页面

1.0 阶段为了快速验证,本质上是一个即用即走的工具箱。在数据复盘时发现,中心 Bento 推荐卡片区占据 60%+ 的核心视觉面积,但左侧导航高频功能点击量却是其 20 倍以上。

痛点:用户在办公场景下对泛内容推荐具有极高的过滤机制,导致原本重视觉的 Bento 区域沦为无效的信噪比洼地。

灵犀主站早期页面分析

uv 8996 pv 35939

uv 26464 pv 56716

侧边导航是大部分用户任务开始的地方

uv 4282 pv 5899

中心 Bento 占比最大点击率最小,信噪比洼地

2

灵犀主站 2.0

交互路径最短化:彻底移除 Bento 推荐,将对话输入框上移至绝对视觉 C 位。将首屏核心任务从“浏览选择”转变为“直接执行”;

功能收敛:将原本散落的复杂示例高度抽象并收敛为四个核心能力底座。利用大面积留白降低认知负荷;

视觉降噪:去除高饱和度运营色块,使用符合专业生产力工具的极简克制风格。

灵犀主站 2.0

心智演进

1.0 阶段为了快速验证我们构建了一个独立的 Web 站点,在这里验证 AI 到底能帮用户写什么、改什么,本质上是一个即用即走的工具箱,AI 与用户的关系是疏离的。

在 2.0 版本中,我们发现展示内容不如引导提问有效。于是大刀阔斧地做减法,确立了以对话为核心的交互范式。到了 3.0 阶段,AI 不再是一个万金油,而是分化为不同的专家角色,无缝接入用户早已习惯的文档工作流中。

产品演进历程
v 1.0-能力罗列
v 2.0-场景化聚合
v 3.0-意图预测
产品演进 1.0

深度创作/规划。当任务复杂度极高,用户需要跳出原有的文档环境,在一个全屏、独占的空间里与 AI 进行深度协作。

产品演进 2.0

深度创作/规划。当任务复杂度极高,用户需要跳出原有的文档环境,在一个全屏、独占的空间里与 AI 进行深度协作。

产品演进 3.0

深度创作/规划。当任务复杂度极高,用户需要跳出原有的文档环境,在一个全屏、独占的空间里与 AI 进行深度协作。

02.深度任务辅助 —— 构建全链路 AI 生态

随着灵犀主站流量趋于稳定,我们通过用户旅程地图发现了一个核心痛点:跨应用上下文断层。用户在主站生成内容后,需要频繁地进行复制 → 切换回 WPS 客户端 → 粘贴 → 格式调整的繁琐操作。为了实现创作场景下真正的人机协同编排,AI 必须主动走进用户的工作流。

网站形态示意

形态1:网站

交互特征:全屏独占视图,提供最大的画布空间与沉浸感。

适用场景:多轮对话、复杂逻辑推演、长文档生成。

侧边栏 Copilot 结构示意

形态2:侧边栏copilot

交互特征:嵌入 Office 组件右侧,与文档并排显示,具备读取当前页面的能力。

适用场景:原地修改、格式调整、润色续写。

悬浮球形态示意

形态3: 悬浮球

交互特征:常驻桌面的轻量级入口,支持全局快捷键唤起。

适用场景:跨软件截图、划词翻译、碎片资料采集。

1

任务载荷与上下文的动态映射

为了消除冗余交互,我们建立了一套路由机制,根据「任务重量」与「上下文依赖度」将用户意图分发至最佳容器。

03.建立人机信任与共创机制

随着 AI 在工作流中渗透率的提升,建立信任机制变得至关重要。特别是在侧边栏场景中,AI 直接参与操作用户的核心资产(真实文档),任何不透明的修改都会引发用户的防御心理。顺应可解释性 AI 的行业演进趋势,我们引入了「过程白盒化」与「显性反馈」机制。旨在打破大模型的黑盒范式,将不可见的算法决策转化为可视的中间态。

1

CoT可视化:复杂任务的白盒实践

在「深度研究」这一功能中,我们首次进行了长程复杂任务的过程可视化,将原本封闭的推理过程拆解为四个可视化的认知阶段,这种过程外显的设计,缓解了用户的等待焦虑,更通过展示逻辑推演的颗粒度,让用户从信任结果转向信任过程,实现了深度的信任校准。

1.意图理解

对齐意图,显性化展示 AI 对用户需求的理解,确保方向无误。

2.任务规划

在规划阶段生成可视化的任务清单,让用户掌控全局进度。

4.内容输出

基于事实逻辑生成最终文档

3.执行待办

实时展示信息搜集与处理动作,建立知识来源的证据链。

04.局限与展望:走向真正的人机共创

纵观 WPS 灵犀的演进历程,我们完成了一次人机交互范式的系统性升级,这不仅仅是界面的重新排布,更是将 AI 从被动调用的工具,进化为主动伴随、行为可释的协同伙伴。

能力层面

通过主站重构,将泛化的 AI 对话框升级为专家级的智能体工作流,提升了单点意图的转化率。

场景层

打破应用孤岛,构建了 Web、侧边栏、悬浮球三位一体的生态,消除了跨应用上下文切换的认知摩擦。

伦理层

面对长程复杂任务,通过「过程透明」与「信源外显」重构信任基石,让大模型真正敢于被应用于严肃办公。

尽管我们通过过程外显建立了基础的信任,但审视当前的系统,这种透明度依然是单向且只读的。在动辄几分钟的长程任务中,用户依然无法在 AI 展开思维链条时进行即时的打断或纠偏。

因此,未来的交互探索必须打破这种只读模式,走向真正的动态微观干预。如何在保持大模型自动化效率的同时,允许人类创作者随时接管方向盘,实现控制权在人机之间的平滑流转,是该项目要持续探索的人机共创难题。

致谢

WPS 灵犀是一个由多职能团队共同孕育的庞大商业项目。在本项目中,我主要作为用户体验设计师,负责了灵犀主站首页的体验重构与视觉改版,侧边栏 Copilot、桌面悬浮球的设计探索以及灵犀侧边栏的用户增长设计。在此,我要特别感谢产品团队在业务逻辑上的输入,以及算法与工程团队将复杂的想法化为现实。

下一篇:WPS 移动端灵犀 - 易用性优化