卓越AI产品体验：RICH设计范式混合界面解析

在人工智能时代，图形界面与自然语言对话正在加速融合，深刻重塑人机交互的未来。我们提出几个核心判断：当意图、角色、会话这些无形的体验规则被确定之后，它们最终都会沉淀到具体的界面上。有形的界面，恰恰是承载无形体验的关键。基于这一判断，我们推出了混合用户界面（Hybrid UI）设计范式，其目标正是定义好这一层有形的体验，牢牢守住AI产品体验的最后一道门槛。

Ant Design X 正是这样一套基于 RICH 理念、融合了多通道交互模式的 AI 界面设计资产。它致力于帮助开发者与设计师降低门槛，轻松打造卓越的 AI 产品体验。

为什么选择 Hybrid UI

AI 技术的发展速度有目共睹，各个领域都涌现出人与 AI 协同工作的全新方式。从简单的数据处理到复杂的决策制定，协作模式不断创新。然而问题随之而来：这种深层次的变化，必然引发用户交互行为的全面变革——不仅涉及交互频率，还涵盖交互方式、交互内容以及用户对结果的预期。

工具能力的提升，也同步抬高了用户对智能体验的期望值。

用户行为的变化究竟是什么？其实很简单——过去是人亲自执行（Do），现在则是人向 AI 提供意图信息（Chat），由 AI 代为执行，而人则感知过程、辅助决策。

也就是说，除了我们已经熟悉的图形界面和鼠标操作，自然语言对话已成为另一种关键的交互方式。但随之而来的挑战同样明显：表达障碍。设计师需要思考——如何在兼顾用户对话式体验的同时，不牺牲操作体验？界面又该怎样同时承载这两种截然不同的表达方式？

基于这些思考，并经过蚂蚁内部 50 多款 AI 产品的设计实践，我们推出了混合用户界面（Hybrid UI）。它的核心任务只有一个：面对 AI 赋能的混合意图界面，我们如何兼顾对话式体验和操作体验？答案是将传统 GUI 与自然语言带来的新型 UI 模式有机结合，让界面能够适应不同场景下的表达诉求。

Hybrid UI 深度解析

AI 赋能的混合用户界面，致力于探索 AI 对话式界面与 GUI 操作界面的深度融合。Hybrid UI 可以搭载多种关键 UI 元素，有效解决用户在 Chat 和 Do 两种意图下的表达诉求。

基于过去一年的业务实践，我们梳理了 50 多款企业级 AI 产品，抽象出三种典型的界面模式。产品经理或设计师可根据用户的不同意图，快速定位产品所倾向的模式：

• Do 为主： 以界面操作为核心，偶尔唤起 AI 快捷指令。例如 Quick Bar、固定指令式、内嵌生成式等。

• Do + Chat 均衡： 自然语言与界面操作均衡配合使用。例如双区联动交互、交互式操作气泡等。

• Chat 为主： 以自然语言交互为主，几乎不涉及界面操作。例如侧边式 Copilot、独立 Web Bot 等。

在设计资产层面，我们也希望延续 Ant Design 5.0 的做法，提供一套易用的 AI 组件资产，让产品经理或设计师能够快速搭建出合适的 Hybrid UI。设计资产虽然无穷无尽且不断变化，但用户的目的和设计目标相对唯一。因此，我们从用户视角出发，抽象出用户感知 AI 的四个阶段，沉淀出一套典型的 Hybrid UI 界面设计资产——也就是 Ant Design X，使其能够持续生长。

• 唤醒阶段： 用户需要了解 AI 产品的能力与用法。设计目标是吸引用户，让初次接触的人快速理解 AI 能做什么，告知可实现的意图范围和预期效果。相关资产有 「AI 标识与欢迎提示」。

• 表达阶段： 用户向 AI 准确表达自己的意图。设计目标是让用户知道如何快捷、正确地描述意图，并清晰看到自己发送的内容。相关资产有 「用户输入与发送组件」。

• 确认阶段： 用户等待 AI 完成任务。设计目标是让用户了解任务的执行进度和运转情况。相关资产有 「生成过程展示」。

• 反馈阶段： 用户核查 AI 完成的结果并加以应用。设计目标是让用户清晰看到并信任 AI 的完成情况，快速应用生成结果。相关资产有 「结果展示与结果应用」。

资产使用指南

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

• 研发组件： Ant Design X 的 UI 组件库拥有多类基础组件，可直接集成使用。
• Sketch 资产： 提供完整的设计资产包，包括组件、典型模板等资源。
• 演示 Demo： 提供真实的样板间使用体验，涵盖独立式、助手式、嵌入式等多种形态。

典型页面示意

你是一名 AI 行业编辑，请围绕下面这条热点输出一份资讯解读：
热点：卓越AI产品体验：RICH设计范式混合界面解析要求：
1. 先用一句话解释这条热点在讲什么
2. 再总结它为什么重要
3. 说明会影响哪些 AI 产品或内容方向
4. 最后给出 3 个适合资讯站使用的标题