生成式UI：当AI停止响应文本并组装界面时

长期以来，关于生成式人工智能的讨论一直围绕着一件事：更好的文本。摘要、回复、草稿。有用，但始终是相同形式的输出，即您阅读的一段文字，然后需要自己将其转化为行动。

生成式 UI 改变了这个契约。这个想法很简单，其后果也很深远：让模型生成一个界面，而不仅仅是散文。人工智能不是描述存在的东西，而是将它们组合在一起：一张卡片、一个可排序的表格、一个触发操作的按钮、一个完整的表格、一个交互式仪表板。

Vercel 帮助普及了该术语，它对生成式 UI 的定义与此完全相同：允许法学硕士生成 UI，而不仅仅是文本。这似乎是一个技术问题。它不是。这是人与软件之间关系的变化。

当响应变成接口时会发生什么变化

想一个具体的管理例子。经理输入：“显示秘书处延迟的流程”。

在传统的聊天机器人范例中，人工智能返回一个段落。比如“卫生部有 142 件积压案件，工程部有 98 件，教育部有 56 件”。你读了它，你或多或少理解了它，但你仍然需要有人真正将愿景整合起来。

在生成式 UI 范式中，人工智能返回一个仪表板。每个部门的条形图、按截止日期排序的表格、期间过滤器，也许还有一个用于打开每个流程详细信息的按钮。答案与数据无关。答案是可操纵形式的数据。

实际差异是巨大的。你读过的文字。您使用的接口。使用它意味着继续提出问题，而无需从头开始重写所有内容：点击、过滤、比较、返回。

请注意，没有人必须打开报告系统、记住每个菜单的位置或向数据区域寻求帮助。问题变成了一种工具。当下一个问题出现时，它会出现在同一屏幕中，而不是开始新的呼叫。

人们很容易将生成式 UI 视为装饰，人工智能看起来很漂亮。这不是重点。

真正的收获在于缩小意图和行动之间的距离。如今，在经理提出问题和回答问题的屏幕之间，有一排人：有人理解请求，有人编写查询，有人整理报告，有人格式化报告。每一步都需要花费几天的时间。

生成式 UI 会压缩此队列。自然语言中的意图成为一个功能接口，而不需要贯穿整个链条。对于那些做出决定的人来说，这就是自主权。对于那些构建软件的人来说，这是一种思考产品的新方式：屏幕不再总是相同的，而是开始根据问题来塑造自己。

这不是魔法，我立刻就这么说了。它的背后是团队控制的流程、模型、数据和组件目录。我会回到这一点，因为这是值得信赖的东西和危险的东西之间的区别。

有必要将三代界面分开来看看我们所处的位置。

第一个是固定的界面：手绘屏幕，项目中定义的按钮，一切都是可预测的。我们使用的大多数软件仍然是这样，没关系，可预测性有价值。

第二个是可配置界面：用户通过拖动块并选择图形来设置自己的面板。更灵活，但要求人们知道他们想要什么以及如何组装它。经典的数据分析工具就在这里。

第三个是生成的界面：人用文字描述自己需要什么，系统决定使用哪些组件以及如何填充它们。这就是生成式 UI 的用武之地。用户不需要组装面板，他要求，面板会自行组装。

从第二代到第三代的过渡对于领导力来说至关重要。它减轻了最终用户的构建负担，并将其转移给系统，系统现在承担着正确实施的责任。

这就是热情与严肃工程的区别。如果人工智能要生成接口，就需要 Rails。

你不希望模型凭空发明屏幕，其中的按钮不存在，操作没有人认可，图形是谎言。您需要一个可以在您的团队已经设计、测试和批准的组件之间进行选择的模型。 AI决定使用哪个零件以及填写什么数据。零件目录是你的。

这将[设计系统1]从奢华的一致性转变为关键的基础设施。它不再仅仅与颜色和间距有关，而是成为人工智能允许的一组动作。如果没有这条轨道，生成式 UI 就是一个有趣的实验。有了它，它就成为一种产品。

底层数据源是另一半。错误数字之上的漂亮界面比诚实的段落更糟糕，因为它令人信服。数据治理和生成式 UI 可以结合在一起，也可以不结合。

根本性的变化是：软件不再是你去的地方，而是开始围绕你的问题形成。

今天你打开一个系统，了解每个菜单在哪里，记住你需要的报告的路径。明天，其中一部分将会消失。您描述结果，界面就会显示为当时的特定用途做好了准备。

这并不能消除粘性屏幕，也不应该消除。关键流程、敏感动作，所有需要绝对可预测性的东西仍然是手绘的。生成式用户界面在长尾中闪闪发光：在数以千计的具体问题中，这些问题永远不值得单独显示，但对那些现在正在做决定的人来说很重要。

对于技术领导者来说，挑衅是直截了当的。您的产品有多少是因为需要而成为固定屏幕，又有多少是因为一直如此而成为固定屏幕？第二类是生成式用户界面首先出现的地方。

如果您的组织处理数据和决策，那么值得开始研究问题和界面之间的距离在哪里花费了您数天的时间。这就是这项技术付出其自身成本的地方。在下一篇文章中，我将探讨人工智能在实践中如何选择和填充组件，以及为什么[设计系统2]使这一切变得安全。

来源：此处使用的生成式 UI 的定义如下 [Vercel，AI SDK 3.0：生成式 UI3。