随着 AI 技术与产品融合日益紧密，PC 端产品接入 AI 的方式愈发多样，不同接入形式对应着各异的用户交互逻辑与功能定位。深入梳理这些接入路径，既能为产品迭代提供实操参考，也能窥见 AI 在功能落地层面的创新方向。

现在 AI 的发展时间不短了，很多产品都接入了AI。

我们最近也要将 AI 接入到已有的产品里，搭搭 AI 的风。

所以我做了个调研，总结了下当前的产品里接入的AI 的方式。

我主要看的是功能层面上接入AI，以参考我们的产品如何接入。

调研收集的内容和都分享给各位，欢迎双击下屏幕，给个小心心~

一、全屏对话式/沉浸式

将产品能力全部交给 AI，由 AI 智能体进行处理。

AI智能体的能力则直接影响着产品能力。

这就要求我们要创建出和产品业务深度结合的智能体，通过“对话”的交互方式由人工进行修改与优化，直到最后完成。

在与 AI 智能体对话的过程中，与产品已有的功能进行联动，在对话中展示出操作功能按钮。

如下图，一个医药数据服务的产品，会在AI对话中提供数据链接，让用户查看详情数据。

二、侧边栏对话式/协助式

左边展示原有的产品内容，右侧展示出 AI 对话框。还是人工操作为主，AI就是辅助，不影响人工的操作。

侧边栏中的AI功能，根据所在页面侧边栏中展示出最符合的 AI 功能，用于引导用户进行操作。

如下图，是百度文库的智能助手展示样式。

下图是 WPS中的AI数据分析，左边展示出数据，右边展示出AI数据分析的详情。

还有 Trae ，Cursor之类的写代码工具，也都是此类方式。

三、弹窗提示式

进入页面后，通过弹窗提示、或者是用户触发某个操作后，展出弹窗，询问用户时候需要使用AI 。

四、悬浮球

需要用户主动触发，点击悬浮球后，展开侧边栏或者是悬浮窗，或者是打开页面进行 AI 对话。

五、选中触发AI

选中文字后，弹出悬浮窗，提供 AI 对话的快速入口。

当然不仅是选中文字，还有输入框内光标闪烁时等等，都可唤起悬浮工具栏，快速调用 AI。

如下图中的豆包浏览器插件，选中文字后则会弹出悬浮窗。

还有WPS中的写公式，如下图：

选中触发弹出悬浮窗或悬浮栏，提供了非常快捷的操作路径，但是也要注意，不能过度出现，否则会对用户造成干扰。

六、直接添加 AI 按钮

在原有的功能页面中，直接添加个 触发AI功能的按钮，用于唤起 AI。如下图中的 AI生成命令 按钮：

这种是老系统中加入AI功能最快的方式，不会影响用户已有的操作习惯。

七、直接嵌入到页面

比如百度搜索后的结果，会直接将 搜索结果通过 AI 总结后展示在页面中。

八、总结

对于系统中添加 AI ，我上边调研总结的7种方式。你会发现和AI 本身没有多大关系，归根到底还是功能的交互方式，只是这个功能是由 AI 来支持的。上边的这些方式，是可以互相转换的，全屏对话可以收起成侧边栏展示，也可以通过弹窗展示，并不是完全固定的。在调研过程中，我也收集到了一些官方出的AI设计方式，分享给各位，有需要可以进网址细看：

https://pangea.hisense.com/design-ai/introduce.html

https://design.google/library/people-ai-research

https://pair.withgoogle.com/guidebook/

https://www.ibm.com/design/ai/

https://developers.google.com/assistant/conversation-design/welcome

https://www.microsoft.com/en-us/haxtoolkit/library/

https://ant-design-x.antgroup.com/index-cn