PC端产品接入 AI 功能 的 7 种方式

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

1、前言

大家好，我是大鹿

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

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

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

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

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

2、接入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总结后展示在页面中。

3、总结

对于系统中添加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/