随着 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
