人工智能正在从根本上改变我们与产品交互的方式。对于产品经理和体验设计师来说,这既是一个巨大的机遇,也是一项需要重新审视设计准则的挑战。当AI成为产品的核心,界面和交互方式会变成什么样?下面梳理的12个产品形态,或许能给正在思考这些问题的你提供一些启发。

Granola.ai:对话即交互,反馈即信任
Granola.ai的交互方式很直接——对话。你问一句,它回一句,每一轮操作都有即时反馈,就像跟一个靠谱的助手沟通一样。这种设计带来的好处显而易见:用户不会觉得在操作一台机器,而是感觉在与人协作。
设计思考: 这是对话式交互的标准范例。对于需要引导用户完成复杂任务的产品来说,清晰的反馈机制是建立信任感和透明度的前提。Granola.ai证明了一点:好的对话设计,能让AI产品天然具备亲和力。
Attio.com:让AI隐身于熟悉的界面中
Attio.com的高明之处在于,它把大型语言模型(LLMs)的威力藏在了用户早已习惯的表格背后。你不需要学习新的工具、适应新的逻辑,只要在熟悉的表格里操作,AI在后台就默默帮你完成了数据整理、分析和建议。
设计思考: 这展示了AI与现有工作流“融合”而非“碘伏”的典型路径。让用户无感地享受到AI能力,学习成本几乎为零。很多时候,最好的AI体验,就是让用户感觉不到AI的存在。
Rabbitholes.ai:复杂任务的“分步指南”
面对需要多步操作或大量信息输入的任务,最怕的就是用户在中途“迷路”。Rabbitholes.ai的解法很简单:把任务拆解成清晰的步骤,每一步都有明确的引导和提示,逻辑非常直观。就算是第一次接触的新用户,也能顺着流程顺畅走完。
设计思考: 好的流程设计是降低认知负担的利器。Rabbitholes.ai提醒我们,当AI处理的任务本身比较复杂时,不要试图靠一个输入框解决所有问题。结构化的引导,反而能帮助用户更高效地达成目标。
tldraw.com:用自然语言“画”出工作流
tldraw.com的交互方式更具实验性:用户可以用自然语言来编写指令,连接各个组件,让数据在画布上自动生成和流动。这就像是把编程中的“工作流”概念,用一种极低门槛的视觉方式呈现出来。
设计思考: 如果说前几种交互还是工具层面,tldraw.com则在探索人机交互的未来——让用户以最符合直觉的方式(自然语言+视觉画布)与计算机沟通。它告诉我们,AI可以成为用户表达需求的翻译器,而不是设置壁垒的命令行。
Herostuff.com:打通线上线下,AI识物变&现
Herostuff.com提供了一个很有意思的场景:用户用手机扫描一件闲置物品,AI就能快速识别并根据市场数据预估其价值,然后自动生成商品标题、定价和描述,甚至支持录制视频上传,整个二手交易流程被大幅简化。
设计思考: 这个案例的价值在于“连接”。它把物理世界中的物品和数字世界中的交易流程无缝对接起来。AI在这里扮演了“翻译官”的角色——把用户手里的实体物品,快速翻译成平台需要的结构化数据。对于O2O场景的产品体验设计,这是一个非常好的启发。
Krea.ai:为设计师打造的“画布式”AI
Krea.ai完全站在设计师的思维和操作习惯上设计交互。它的编辑器支持精细的对象和笔刷选择,实时反馈非常流畅,让用户可以像在传统设计软件中一样自然地创作,只是背后多了AI的生成式能力。
设计思考: 专业工具的设计,核心是理解用户的工作流。Krea.ai是一个典型例子:为具体的用户群体量身定制AI交互,而不是提供一个通用的AI能力。它证明了,贴合用户习惯是专业级AI产品成功的关键。
下面这个延时操作展示了用Krea.ai编辑器添加泳池、烟囱、云朵,扩展图像,以及移动房屋和树木的生成式编辑能力。
Superrandom.studio/Venngenn:用“组合”激发创意
Venngenn的灵感直接来源于设计中常用的组合创新思维。用户可以通过拖拽不同的元素和概念,快速生成各种组合创意,整个过程就像在玩一个视觉化的思维导图。
设计思考: 它的创新之处在于,把一种视觉化的“思考方式”做成了产品交互。这提示我们:很多成熟的设计方法、思维模型本身,就是极好的交互设计起点。有时候,跳出屏幕,向其他领域借灵感,反而能创造出让用户眼前一亮的体验。
Demo:用“滚动生成”替代“下拉刷新”
这个想法来自一个小的Demo,用科技感十足的点阵图形,替代了传统页面“下拉刷新”的动画。在AI时代,如何让那些微小的交互细节也充满未来感?这个例子的尝试很有启发性。
设计思考: 哪怕是一个再普通不过的交互细节,也存在创新的空间。AI技术不仅能用在大功能上,也能用来重新构想那些早已被用户习以为常的UI模式,为产品增添独特的科技气质。
Scrapybara.com:把AI的“思考过程”可视化
Scrapybara.com本身就是一个AI系统。用户输入一个需求(比如“制定一份东京旅行计划”),它会自动搜索互联网,并生成报告。真正有趣的是它的交互方式:它会把AI检索、分析、汇总的过程以可视化形式呈现出来,用户能清楚地看到信息从哪里来、怎么被处理。
设计思考: 过程的透明度能显著增强用户对AI结果的信任感。当用户能看到AI的“思考过程”时,对结果的认可度会大幅提升。对于需要生成严肃内容或给出决策建议的产品来说,这是一个值得借鉴的设计策略。
下面展示Scrapybara.com给出的搜索结果示例。
Vercel AI SDK:做一个“被动”的AI事实核查器
Vercel推出的这个产品展示了一个独特的交互场景:当你浏览网页时,AI在后台默默地进行实时事实核查,如果你读到了一篇有争议的信息,它会及时给你提示。关键设定是:AI是完全被动的,它不会打断你,只在需要时才发起提醒。
设计思考: “被动式AI”是提升信息质量和用户体验的一种平衡思路。它让AI在后台持续工作,提供增值服务,但又不主动抢占用户注意力。这种设计在信息爆炸的时代,尤其具有现实意义。
Midday.ai:“隐藏”起来的强大分析能力
Midday.ai把复杂的商业数据分析功能藏在了极简的界面之下。用户不需要操作任何复杂的分析工具,只要通过自然的提问或点击,就能快速获取数据洞察。那些“隐藏的AI功能”被描述为“非常强大”的存在。
设计思考: 这是“少即是多”在AI产品中的绝佳体现。大多数用户关注的是结果,而不是技术过程。把强大的AI能力隐藏在简洁界面之后,让用户专注于任务本身,是提升产品易用性的核心思路。
Shapecalendar.com:基于个人历史的个性化健身计划
Shapecalendar.com与传统的健身App完全不同。它不会给你千篇一律的训练推荐,而是深入了解你的锻炼历史、身体数据和目标,然后由AI制定真正只属于你的个性化训练计划。有人形容这种体验“就像作弊一样”。
设计思考: 真正的个性化服务,需要深度理解用户的历史和行为数据。Shapecalendar.com展示了AI如何从“千人一面”的服务模式升级为“一人一面”,这种精准的定制能力是提升用户黏性和满意度的核心驱动力。
