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

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

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

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

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

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

一、全屏对话式/沉浸式

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

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

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

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

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

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

PC端产品接入 AI 功能 的 7 种方式 | 人人都是产品经理左边展示原有的产品内容,右侧展示出 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