从聊天机器人到多种多样的产品集成AI功能,AI正在重塑我们与数字产品互动的方式。
人工智能不再只是后台技术——它现在已成为用户体验的核心。作为设计师,我们不再仅仅设计静态界面,而是塑造动态、自适应的系统,这些系统可以学习、响应,甚至与我们一起创造。这篇文章主要分享,我在为产品设计AI功能时的应用到的一个非常重要的设计原则,那就是“渐进展示,适时出现”。
![图片[1]-在产品中设计AI功能—“适时出现”很重要 - AI资源导航站-AI资源导航站](https://www.aitube.vip/wp-content/uploads/2025/06/20250611_6849460440ef3.jpg)
“渐进展示,适时出现”的设计案例:
![图片[2]-在产品中设计AI功能—“适时出现”很重要 - AI资源导航站-AI资源导航站](https://www.aitube.vip/wp-content/uploads/2025/06/20250611_6849460548125.png)
2, Grammarly根据上下文提供的建议
![图片[3]-在产品中设计AI功能—“适时出现”很重要 - AI资源导航站-AI资源导航站](https://www.aitube.vip/wp-content/uploads/2025/06/20250611_6849460643f05.png)
3,Coda里根据上下文提供的LLM assistant协助
![图片[4]-在产品中设计AI功能—“适时出现”很重要 - AI资源导航站-AI资源导航站](https://www.aitube.vip/wp-content/uploads/2025/06/20250611_68494607e8528.png)
4,另一个很好的上下文集成示例是Github Co-pilot,它无缝融入编写代码的自然工作流程,为用户提供加速器,而不会打断他们的工作流。
![图片[5]-在产品中设计AI功能—“适时出现”很重要 - AI资源导航站-AI资源导航站](https://www.aitube.vip/wp-content/uploads/2025/06/20250611_68494608ee68e.gif)
5,Khanmigo是一款面向学生的AI助手,旨在帮助他们解决难题,并充当教学助手,始终在后台存在,但在需要时可随时提供帮助。
![图片[6]-在产品中设计AI功能—“适时出现”很重要 - AI资源导航站-AI资源导航站](https://www.aitube.vip/wp-content/uploads/2025/06/20250611_68494609d0215.png)
设计上下文体验时需要注意的一点是,只有当AI模型了解用户的当前上下文以及他们现在正在处理或之前处理的内容时,这种体验才有用。没有这种上下文理解,我们在向用户提供有意义的建议、推荐或指导方面就达不到效果。
而且有时候,与其一开始就展示各种示例,不如考虑先提供少量示例,帮助用户入门,随后逐步显示提示或建议。例如,在生成图像时,DALL-E会向用户展示一些提示和建议,以鼓励他们在等待结果显示时进行学习。
![图片[7]-在产品中设计AI功能—“适时出现”很重要 - AI资源导航站-AI资源导航站](https://www.aitube.vip/wp-content/uploads/2025/06/20250611_6849460abd9da.png)
6,Notion也采用了渐进展示的方式向用户提供建议,比如先让用户知道点空格可以呼出AI功能,选中文字时将AI内置于Edit tool bar上面, AI提供相应内容后用户可以选择插入等。
![图片[8]-在产品中设计AI功能—“适时出现”很重要 - AI资源导航站-AI资源导航站](https://www.aitube.vip/wp-content/uploads/2025/06/20250611_6849460bdb611.png)
![图片[9]-在产品中设计AI功能—“适时出现”很重要 - AI资源导航站-AI资源导航站](https://www.aitube.vip/wp-content/uploads/2025/06/20250611_6849460c8916d.png)
![图片[10]-在产品中设计AI功能—“适时出现”很重要 - AI资源导航站-AI资源导航站](https://www.aitube.vip/wp-content/uploads/2025/06/20250611_6849460d96db0.png)
适时出现,就是正好在用户需要的时候出现。看似简单,但现在很多产品为了突出自己的AI功能,弄一个AI合集,但其实在实际工作和未来产品普及AI功能之后,没人单独去看AI功能的合集。设计师应该着眼长远,为2-3年之后的设计体验负责,甚至可以创造新的交互模式,引领AI功能的设计。
可以做得更好的例子,比如在下图Creatie中,除了highlight的AI功能以外,我更期望在我处理图片时,可以有AI选项,直接在这个处理图片的场景下使用AI。
![图片[11]-在产品中设计AI功能—“适时出现”很重要 - AI资源导航站-AI资源导航站](https://www.aitube.vip/wp-content/uploads/2025/06/20250611_6849460ebd987.png)
![图片[12]-在产品中设计AI功能—“适时出现”很重要 - AI资源导航站-AI资源导航站](https://www.aitube.vip/wp-content/uploads/2025/06/20250611_6849460fb880a.png)