在 AI 时代，图形界面融合了自然语言会话等多通道交互，演变出新的形态。当意图、角色、会话等无形的体验规则被确定后，它们最终会承载于具体的界面之上。无形的体验融入到有形的体验中，我们提出了 HUI（Hybrid UI）来定义界面这一有形的体验，保障 AI 产品体验的最后一道门槛。

Ant Design X UI 资产是一套基于 RICH 理念、融合多通道交互模式的 AI 界面资产，旨在帮助设计师轻松打造卓越的 AI 产品体验。

WHY｜为什么是 Hybrid UI

随着人工智能（AI）技术的快速发展，人与 AI 配合的工作方式变得更加多样化，从简单的数据处理到复杂的决策制定。伴随这种协作方式的拓展，用户交互行为也发生了深刻变化，包括交互的频率、方式、内容以及对结果的预期和处理等。

AI 不仅带来了强大的工具功能，也提高了用户对智能体验的期望。

在 AI 时代，用户行为从以执行行为（DO）为主，转变为用户通过 AI 提供意图信息（Chat），让 AI 执行任务，同时感知 AI 的过程和结果，并辅助决策。这种转变要求设计师在传统 GUI 和新型自然语言对话方式之间找到平衡，兼顾用户的对话式和操作式体验。

基于 50+ AI 产品设计实践，我们提出了混合用户界面（Hybrid UI），以回答如何兼顾对话式和操作式体验的问题。Hybrid UI 将传统 GUI 与 AI 时代的自然语言交互相结合，满足不同场景的界面表达需求。

WHAT｜Hybrid UI 介绍

混合用户界面（Hybrid UI） 探索 AI 对话式界面和 GUI 操作界面的融合。通过不同的关键 UI 元素，Hybrid UI 解决用户 Chat 和 Do 的意图表达需求。

基于业务实践，我们归纳出三类界面模式，设计师可以根据产品需求选择合适的模式：

• Do 为主： 以界面操作为主，偶尔唤起 AI 快捷指令。例如 Quick Bar、固定指令式、内嵌生成式等。
• Do + Chat 均衡： 自然语言与界面操作均衡配合。例如双区联动交互、交互式操作气泡等。
• Chat 为主： 以自然语言为主，几乎没有界面操作。例如侧边式 Copilot、独立 Web Bot 等。

在资产层面，基于 Ant Design 5.0，我们提供了一套便利的 AI 组件资产，支持设计师快速构建 Hybrid UI。我们从用户视角抽象出用户感知 AI 的四个阶段，沉淀出一套典型的 Hybrid UI 设计资产 —— Ant Design X：

1. 唤醒阶段： 让用户了解 AI 的能力与用法。设计目标是吸引用户，帮助首次接触的用户快速理解 AI 的功能和预期。相关资产：欢迎&提示。
2. 表达阶段： 引导用户向 AI 准确表达意图。设计目标是让用户快捷、准确表达意图，并清晰查看发送内容。相关资产：用户输入、用户发送。
3. 确认阶段： 让用户感知任务的 AI 执行过程。设计目标是清晰传递任务状态。相关资产：生成过程。
4. 反馈阶段： 用户核查并应用 AI 的结果。设计目标是让用户清晰看到并信任 AI 的任务结果，并快速应用生成内容。相关资产：结果展示、结果应用。

HOW｜资产使用

我们与工程师合作，将 Ant Design X 设计组件转化为可重用代码，最大限度提高生产力和沟通效率。

• 研发组件： Ant Design X 提供多类基础组件库。
• Sketch 资产： 提供设计资产包，包括组件和典型模板。🌟AntDesignX_UI KIT_20241122版.sketch
• 演示 Demo： 提供真实样板间体验，包括独立式、助手式、嵌入式。