2022 年 11 月 30 日,OpenAI 发布 ChatGPT 3.5,带领人类走向 AGI 人机交互新世纪。AGI 让自然人机交互成为现实,「语言」这一简单、自然的交互方式,一度威胁到统治人机交互领域长达几十年之久的 GUI(图形用户界面)。设计者们纷纷开始各种各样的尝试与改造:
-
为 BI 软件引入 copilot,让小白也能通过自然语言上手数据分析
-
将诸多跨平台的企业办公软件集成进一个智能助手,提高办公效率
-
构建基于自然语言的 AI 原生代码研发软件,取代传统复杂的代码编辑器
-
……

一个重要的问题开始浮出水面:到底 AI 产品界面设计该如何进行?在蚂蚁内部的 AI 产品设计实践中,我们也经常冒出类似的困惑:
-
图形界面操作不好吗?一定要用会话的方式吗?
-
什么样的产品适合用会话交互完成?
-
会话交互跟图形界面交互可以融合吗?
-
AI 产品设计的体验受到哪些因素的影响?
-
如何去系统性的思考一个 AI 产品的设计?
-
……
这些困惑的本质来源于,我们缺乏对当下融合了多种交互模式的「AI 产品界面设计」缺乏清晰的定义和认知,因而在如何创造好的 AI 体验上遇到了迷茫。

因此从 2023 年底开始,我们团队抽调了各个业务领域的设计师,横向成立了 AI 设计研究小组,开始尝试去定义和理解所谓的「AI + Design」是什么、该怎么做的设计命题。
在这方面,无论是学术界还是企业界,都有着不少相关的研究和应用。站在巨人的肩膀上,我们力图构建出一套适用于当下的 AI 设计理论,并同时在蚂蚁内部涌现的海量 AI 产品中,去实践和迭代我们的思想。在这个过程中,一套系统性的 AI 设计理论和方法开始涌现——《RICH 设计范式——创造卓越 AI 产品体验》。

-
界面范式层:界定人机交互界面的设计要素,指引设计者关注的核心问题
-
用户模型层:构建界面体验评估模型,用以度量界面体验的好坏
-
软件框架层:人机界面的底层支撑算法和数据结构等软件开发框架,是隐藏在前端界面背后的内容


基于 WIMP (Window, Icon, Menu, Point Device) 界面范式的图形用户界面,最早诞生于 1970 年代的施乐公司,而后在 1980 年代相继被苹果 Macintosh 电脑和微软 windows 电脑借鉴并发扬光大。基于桌面隐喻的 WIMP 界面由于其语法极小化,对象可视化和快速语义反馈等优点,持续统治着界面设计领域 40 年有余。

-
Intention 意图
-
Role 角色
-
Conversation 对话
-
Hybrid UI 混合界面

二、WHY? 为什么是 RICH 设计范式?

基于此,唐纳德·诺曼提出了一个人机交互模型,更进一步的拆解和定义了这个交互单元。

-
icon 图标:通过图形化隐喻,帮助用户完成操作的执行
-
menu 菜单:通过有序的结构组织了各种操作,让用户能更加高效的进行系统性任务
-
pointing 指点设备:通过键盘、鼠标指向式设备,让用户可以更清楚的选中目标操作
-
windows 窗口:通过固定的空间去承载不同的内容,让用户能够阅读、评估不同的多媒体内容

可以看到,过去机器只是被动的在帮助用户完成命令的执行,而用户的意图需要经过自身的先行拆解和细化才能最终转译成一次又一次的点击传达给用户。但是当下 AI 时代,一切都不一样了。机器最大的飞跃在于它越来越像一个“人”了,它能够理解用户模糊的意图,甚至自动制定方案、推动任务执行,最终帮助用户达成他的意图。
-
Intention 意图:AI 能够听懂并理解用户的意图,协助用户自动完成方案计划和步骤拆解,进而推动执行
-
Role 角色:AI 扮演了某种身份角色,来匹配用户的意图,也保障与用户的互动是顺畅、符合预期的
-
Conversation 会话: 用户的模糊意图通过会话来逐步与 AI 对焦、拆解,用户的指令也结合其中
-
Hybrid UI 混合界面:用户的执行动作和机器的结果输出与反馈承载在融合了多种交互方式的界面当中

三、How?如何应用 RICH AI 设计范式?
那么该如何应用 RICH 创造卓越的 AI 产品体验呢?在后续的指引文档里,我们将深入浅出,分别针对 RICH 中的四个要素进行介绍和定义,并提供了开箱即用的设计策略和案例,帮助大家更好的理解和应用 RICH。这套理念和最终的界面资产也集成到 Ant Design X 里,希望能帮助大家轻松创造卓越 AI 产品体验!



