| group | order | title | ||||
|---|---|---|---|---|---|---|
|
0 |
介绍 |
在 AI 时代，图形界面融合了自然语言会话等多通道交互，演变出新的形态。当意图、角色、会话等无形的体验规则被确定后，它们最终会承载于具体的界面之上。无形的体验融入到有形的体验中，我们提出了 HUI（Hybrid UI）来定义界面这一有形的体验，保障 AI 产品体验的最后一道门槛。
Ant Design X UI 资产是一套基于 RICH 理念、融合多通道交互模式的 AI 界面资产，旨在帮助设计师轻松打造卓越的 AI 产品体验。
随着人工智能（AI）技术的快速发展，人与 AI 配合的工作方式变得更加多样化，从简单的数据处理到复杂的决策制定。伴随这种协作方式的拓展，用户交互行为也发生了深刻变化，包括交互的频率、方式、内容以及对结果的预期和处理等。
AI 不仅带来了强大的工具功能，也提高了用户对智能体验的期望。
在 AI 时代，用户行为从以执行行为（DO）为主，转变为用户通过 AI 提供意图信息（Chat），让 AI 执行任务，同时感知 AI 的过程和结果，并辅助决策。这种转变要求设计师在传统 GUI 和新型自然语言对话方式之间找到平衡，兼顾用户的对话式和操作式体验。
基于 50+ AI 产品设计实践，我们提出了混合用户界面（Hybrid UI），以回答如何兼顾对话式和操作式体验的问题。Hybrid UI 将传统 GUI 与 AI 时代的自然语言交互相结合，满足不同场景的界面表达需求。
混合用户界面（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：
- 唤醒阶段： 让用户了解 AI 的能力与用法。设计目标是吸引用户，帮助首次接触的用户快速理解 AI 的功能和预期。相关资产：欢迎&提示。
- 表达阶段： 引导用户向 AI 准确表达意图。设计目标是让用户快捷、准确表达意图，并清晰查看发送内容。相关资产：用户输入、用户发送。
- 确认阶段： 让用户感知任务的 AI 执行过程。设计目标是清晰传递任务状态。相关资产：生成过程。
- 反馈阶段： 用户核查并应用 AI 的结果。设计目标是让用户清晰看到并信任 AI 的任务结果，并快速应用生成内容。相关资产：结果展示、结果应用。
我们与工程师合作，将 Ant Design X 设计组件转化为可重用代码，最大限度提高生产力和沟通效率。
- 研发组件： Ant Design X 提供多类基础组件库。
- Sketch 资产： 提供设计资产包，包括组件和典型模板。🌟AntDesignX_UI KIT_20241122版.sketch
- 演示 Demo： 提供真实样板间体验，包括独立式、助手式、嵌入式。
