「# 前言」

人工智能时代不仅重塑了商业模式，也为用户体验层面带来了深刻的变革。在人机交互和界面 UI 设计上，涌现出前所未有的机遇与挑战。如何善用 AI 的功能特性，创造出更符合人类直觉、更具效率的产品形态和交互方式，成为产品经理和体验设计师们需要深入思考的关键问题。

正如推文所言：“AI-native UX What do apps look like when you design AI first? Starting a thread to collect some examples I've found.”，以下列举的 10 个 AI 产品形态，正是对这一趋势的有力印证，值得我们深入研究和借鉴。

「# granola.ai」

Granola. Ai 采用了典型的对话式交互，每一次用户操作都能得到即时的、类人化的信息反馈，这有效地增强了用户与系统之间的信任感和交互透明度。

「设计思考:」 这种流畅自然的对话式体验，让用户感觉是在与一个智能助手沟通，而非冷冰冰的机器。对于需要用户逐步完成复杂任务的产品来说，清晰的反馈机制至关重要，Granola. Ai 的实践提供了一个很好的范例。

「# attio.com」

Attio. Com 最令人称道之处在于，它将强大的大型语言模型（LLMs）巧妙地嵌入到用户熟悉的表格界面中。这种无缝集成实现了细腻而精准的交互体验，用户无需学习新的操作逻辑，即可享受到 AI 带来的便利。

「设计思考:」  Attio. Com 展示了 AI 如何与现有工作流融合，而非颠覆它。这种“润物细无声”的设计思路，能有效降低用户的学习成本，让 AI 功能真正融入日常工作之中。

「# rabbitholes.ai」

Rabbitholes. Ai 采用了清晰直观的流程式交互，将复杂任务拆解为一系列易于理解的步骤。其逻辑清晰，引导明确，操作体验流畅自然，即使是初次使用的用户也能快速上手。

「设计思考:」  对于涉及多步骤操作或需要用户输入多项信息的功能，结构化的流程是降低认知负担的关键。Rabbitholes. Ai 的实践表明，良好的流程设计能够显著提升用户体验。

「# tldraw.com」

Tldraw. Com 的交互方式非常直观，高度贴合人类的思维模式。正如其描述：“In tldraw computer, you create workflows of connected components that generate and propagate data. Components can take any other components as input. Instructions are written in natural language, letting you work with data in loose, weird, and unexpected ways.” （在 tldraw computer 中，你可以创建连接组件的工作流来生成和传播数据。组件可以将任何其他组件作为输入。指令以自然语言书写，让你以宽松、奇特和意想不到的方式处理数据。）

「设计思考:」  Tldraw. Com 探索了以自然语言作为交互方式的可能性，这代表着人机交互的未来趋势。它启示我们，AI 可以让用户以更符合直觉的方式与计算机进行沟通。

「# herostuff.com」

Herostuff. Com 巧妙地将现实世界的物品与虚拟平台的交易流程相结合：用户通过 App 扫描实物产品，AI 即可快速识别并预估其转售价值，自动生成商品标题、价格和描述，甚至支持视频录制上传，极大地简化了二手物品的交易流程。

「设计思考:」  Herostuff. Com 的创新之处在于打破了线上线下的界限，利用 AI 将物理世界的操作无缝融入数字体验之中。这种设计思路为 O 2 O 场景下的产品创新提供了新的灵感。

「# https://krea.ai」

Krea. Ai 的交互形式深度契合设计师的创作习惯和思维模式，并提供强大的实时反馈机制。其编辑器支持精细的对象和笔刷选择，让设计师能够以更加自然的方式进行创作。例如，其编辑器支持对象和笔刷选择功能：

「设计思考:」  Krea. Ai 深刻理解目标用户的工作流，并针对性地优化产品功能和交互。对于专业工具而言，贴合用户习惯、提供高效反馈至关重要，Krea. Ai 在这方面做出了优秀的示范。

以下展示了使用 Krea. Ai 编辑器进行生成式编辑的延时操作，包括添加游泳池、烟囱、云朵，扩展图像，以及移动房屋和树木。

「# superrandom.studio/venngenn」

“Venn diagrams are so back.”

Venngenn 提供了一种颇具新意的交互方式，其设计灵感来源于图像设计中常用的组合创新思维模式。通过直观地拖拽和组合元素，用户可以快速探索和生成各种创意组合。

「设计思考:」  Venngenn 的创新之处在于将一种视觉化的思考方式融入到产品交互之中。它启发我们，可以从其他领域的成熟方法论中汲取灵感，创造出独特的交互体验。

「# Demo：scroll to generate (替代 pull to refresh)」

这个 Demo 展示了一种利用科技感十足的点阵图形来替代传统下拉刷新动画的创新思路。在 AI 时代，这种更具未来感的视觉反馈，或许能为用户带来更佳的体验。

「设计思考:」  即使是像下拉刷新这样微小的交互细节，也蕴藏着创新的空间。这个 Demo 启示我们，可以利用 AI 技术，对现有的 UI 模式进行重新 imagining，创造更符合时代审美的体验。

「# scrapybara.com」

Scrapybara. Com 不仅是一款 AI 产品，其网站本身也被设计为一个新颖的 AI Web 系统。用户只需输入需求，例如某个目的地的旅行计划，系统便会自动搜索互联网并生成报告。其交互的创新之处在于过程的可视化反馈，以一种偏极客的方式呈现 AI 的运作过程，让用户更直观地了解信息来源和处理逻辑，从而提升结果的可信度。

「设计思考:」  在 AI 产品中，过程的透明度至关重要。Scrapybara. Com 通过可视化 AI 的工作流程，增强了用户的信任感和安全感，这对于需要用户信任 AI 生成结果的产品尤为重要。

这是 Scrapybara. Com 给出的结果示例：

「# sdk.vercel.ai」

正如其描述：“We're building a passive AI fact checker with @aisdk A live fake news detector if you will. Good demo of realtime ai. Powered by @perplexity_ai & @deepgramai – open sourced soon!” （我们正在使用 @aisdk 构建一个被动的 AI 事实检查器，如果你愿意，可以称之为实时假新闻检测器。这是实时 AI 的一个很好的演示。由 @perplexity_ai 和 @deepgramai 提供支持，即将开源！）

Vercel 推出的这款产品是一个极简的 AI 多模态交互系统。它演示了如何在用户浏览内容的同时，被动地进行 AI 事实核查，为用户提供实时的信息可信度参考。

「设计思考:」  Vercel 的这款产品探索了 AI 在信息验证方面的应用，以及如何将 AI 功能以一种不打扰用户的方式融入到现有体验中。这种“被动式 AI”的设计思路，在提升信息质量的同时，也保证了用户体验的流畅性。

「# midday.ai」

正如其描述：“I think these kinds of "hidden AI features" are really powerful. ? And a combination of all Uses Vercel AI SDK with readStreamableValue.” （我认为这种“隐藏的 AI 功能”非常强大。? 并且结合了所有使用 Vercel AI SDK 和 readStreamableValue 的功能。）

Midday. Ai 将强大的数据分析能力隐藏在简洁的用户界面之下。用户无需复杂的操作，即可快速获得所需的数据洞察。

「设计思考:」  Midday. Ai 强调了“少即是多”的设计理念。在 AI 时代，将复杂的功能隐藏在简洁的界面背后，让用户专注于核心任务，是一种值得借鉴的设计策略。

「# shapecalendar. Com」

正如其描述：“Planning workouts with LLMs that has your workout history feels like cheating.” （使用了解你锻炼历史的 LLM 规划锻炼计划感觉就像作弊。）

Shapecalendar. Com 与传统的社交健身应用不同，它专注于利用 AI 根据用户的个人锻炼历史和目标，智能制定个性化的健身计划。这种智能化的辅助功能，为健身爱好者提供了更精准的指导。

「设计思考:」  Shapecalendar. Com 展示了 AI 如何实现真正的个性化体验。通过理解用户的历史数据和偏好，AI 可以提供更贴合用户需求的定制化服务，这在提升用户粘性和满意度方面具有重要意义。