Ant Design 團隊正在重新定義 AI 界面設計的新范式，以應對 AGI（通用人工智能）時代的挑戰(zhàn)。本文將介紹 Ant Design 提出的 RICH 設計范式，這一范式由四個核心設計要素組成：角色（Role）、意圖（Intention）、對話（Conversation）和混合界面（Hybrid UI）。

2022 年 11 月，OpenAI 發(fā)布 ChatGPT 3.5，帶領人類走向 AGI （Artificial General Intelligence 通用人工智能）人機交互新世紀。AGI 讓自然人機交互成為現(xiàn)實，“語言”這一簡單、自然的交互方式也影響到了 GUI（圖形用戶界面）。

但隨著時間的流逝，設計師們也逐漸發(fā)現(xiàn)：即便“對話式”交互有著簡單易上手、自然快捷等優(yōu)勢，也依舊存在著諸多的問題有待探索：

?– 到底 AI 產(chǎn)品界面設計該如何進行？

?– 什么樣的產(chǎn)品更適合用會話交互完成？

– 會話交互跟圖形界面交互可以融合嗎？

– AI 產(chǎn)品的交互設計體驗會受到哪些因素的影響？

……對于以上問題，Ant Design 團隊正力圖構建出一套適用于當下的 AI 設計理論和規(guī)則，并在螞蟻內部的海量 AI 產(chǎn)品中進行實踐和迭代。在這個過程中，他們沉淀出了一套系統(tǒng)性的 AI 設計理論和方法：RICH 設計范式。

一、什么是 RICH 設計范式？?????????

我們可以先看看 ACM SIGCHI 2005（人機交互頂會）曾經(jīng)定義過的人機交互的核心問題，可以分為三個層面：

1. 界面范式層

定義人機交互界面的設計要素，用于指引設計師關注核心問題；

什么是B端产品经理？和C端产品经理有什么区别？

B端产品经理中的B是Business，商业的意思，B端产品经理首先就要理解这个职位的重要性，要设计出更适合这个项目需求的产品方案，B最终产品经理在日常工作中...

查看详情 >

2. 用戶模型層

構建界面的體驗評估模型，用于度量界面體驗的好壞；

3. 軟件框架層

人機界面的底層支撐算法，以及數(shù)據(jù)結構等軟件開發(fā)框架，是前端界面背后用戶看不到的內容。

以上提到的的“界面范式層”，定義了作為 UI / UX?設計師在界面設計工作中應關注的核心設計要素是什么，并基于此來確定：“什么是好的設計？該如何做出好的設計”：?

在人機交互發(fā)展的幾十年來，用戶界面在不斷革新，本質上是想要更大程度地解放人的生產(chǎn)力。跟隨著時代的變遷和技術的進步，人機交互的過程中出現(xiàn)了很多用戶界面的類型：

當下我們熟知并廣為應用的 GUI，也即圖形用戶界面，最早于 1970 年代由施樂公司開創(chuàng)，被蘋果的?Macintosh 產(chǎn)品和微軟的?windows 產(chǎn)品借鑒并推廣，一直沿用至今。

在 GUI（圖形用戶界面）時代，最底層的設計范式由四個核心設計要素組成，分別是?WIMP：

– Window 窗口??

– Icon 圖標?????

– Menu 菜單

– Point Device 指示器?這四個設計要素對應著設計師在 GUI 界面設計的過程中，應該重點關注的具體內容：

– Window 窗口：通過屏幕和特定的界面空間來承載信息和內容，讓用戶能夠閱讀、思考和評估；

– Icon 圖標：通過圖形化的隱喻，幫助和引導用戶理解信息并執(zhí)行操作；??

– Menu 菜單：通過有邏輯、有順序的結構，組織和串聯(lián)起各種操作，讓用戶系統(tǒng)性地完成任務；??

– Point Device 指示器：通過鍵盤、鼠標等帶有指向性功能的設備，幫助用戶選中目標進行操作。?

而在 AGI（通用人工智能）時代，機器已經(jīng)可以理解人類的大部分意圖，并能夠使用會話式的交互方式與人類進行更加簡易和自然的互動，這也就迫使設計師們不得不去定義一個新的人機交互界面的范式。

正是基于以上背景，Ant Design 團隊提出了一種適用于當下 AGI 人機交互界面設計的范式，它也由四個核心設計要素組成，分別是 RICH：??- Role 角色????

– Intention 意圖

– Conversation 對話

– Hybrid UI 混合界面???

這四個設計要素對應著設計師在 AI 交互界面設計的過程中，應該重點關注的具體內容：?

– Role 角色：AI 在交互過程中扮演了某種人設和形象來面對用戶，匹配用戶的意圖，與用戶順暢互動；?????

– Intention 意圖：AI 能夠預測并理解用戶的意圖，能夠協(xié)助用戶進行方案計劃和步驟拆解，進而推動執(zhí)行，完成用戶意圖；??????????

– Conversation 對話：用戶通過對話給出指令；AI 在收到指令后表達出讓用戶聽得懂、看得懂的內容；

?????????- Hybrid UI 混合界面：用戶的執(zhí)行動作和機器的結果輸出與反饋承載在多種交互方式相融合的界面中。

二、為什么是 RICH 設計范式？

那么 AntD 團隊是如何推導出 RICH 設計模式的？為什么是 RICH 而不是其它要素呢？

我在文章：經(jīng)驗｜AI 時代的用戶體驗設計有哪些變化？一文中也提到過，不論是之前的工業(yè)時代、互聯(lián)網(wǎng)時代，還是當下的 AI 時代，做用戶界面體驗設計的根本出發(fā)點始終都是“以用戶為中心”，去探討用戶與產(chǎn)品界面之間的關系。

幾十年來人機交互的本質一直都是萬變不離其宗：

用戶通過某種動作或行為，將意圖和信息輸入給機器；

機器理解并產(chǎn)出結果反饋給用戶；

用戶對結果進行評估，看是否符合要求；

如果符合要求，這一輪交互就算完成閉環(huán)。

《設計心理學》的作者唐納德·諾曼，基于以上這個交互閉環(huán)，提出了一個人機交互模型，更進一步地拆解了這個交互閉環(huán)的每個環(huán)節(jié)：

可以看到，在 GUI（圖形用戶界面）時代，用戶需要先根據(jù)自己的意圖，設想解決問題的方式和工具，并將步驟進行分析和拆解，明確需求之后再讓機器開始執(zhí)行操作，也即：

前期大量的工作是由用戶自己思考完成后，再交付給機器的，機器的工作內容更多是視覺及聽覺層面的反饋。

而在 AGI（通用人工智能）時代，機器越來越像一個可以思考的“人”了，它能夠理解用戶模糊的意圖，自動制定方案、推動任務執(zhí)行，更加快速和絲滑地幫助用戶達成意圖。也即：

人與機器的交互范疇被向前拓展，除了交互界面上可見的內容，AI 時代的用戶交互體驗還取決于機器是否聽得懂人類表達，是否能夠預測用戶需求等一系列隱形的體驗。

而 RICH 中的四要素，正是可以用來幫助和指引設計師更進一步地思考 AI 時代界面設計，創(chuàng)造出更優(yōu)質的 AI 產(chǎn)品體驗：

– Role 角色：AI 應該以怎樣的人設和形象與用戶進行溝通和交流？

– Intention 意圖：AI 怎樣才能聽懂并理解用戶的意圖，再幫助用戶完成意圖？

– Conversation 對話：AI 在收到指令后如何表達才能讓用戶聽得懂、看得懂？

– Hybrid UI 混合界面：如何組織會話場景和多行為融合的操作界面？

三、如何使用 RICH 設計范式？

那么設計師該如何應用 RICH 創(chuàng)造卓越的 AI 產(chǎn)品體驗呢？AntD 團隊總結了很多設計策略和方法：??

1. Intention 意圖

作為設計師，要清楚 AI 產(chǎn)品應該如何滿足用戶的意圖，這就需要我們：

1?? 明確意圖類型明確用戶給出的是“清晰意圖”還是“模糊意圖”，是“咨詢信息類”的意圖還是“執(zhí)行任務類”的意圖，給出有針對性的解法。

2?? 提供意圖預期用戶對 AI 所具備的能力缺乏一定的了解，因此設計需要幫助用戶明確 AI 的能力邊界，從而建立符合 AI 可實現(xiàn)范圍的意圖預期。

3?? 引導意圖表達用戶意圖表達若過于口語化，AI 可能無法識別與理解，從而影響到用戶的使用體驗。因此設計需要對用戶表達意圖的方式進行有效的引導。

2. Role 角色

設計師需要賦予 AI 清晰的人設定位，需要做到：

1?? 一致性角色的行為邏輯與背景設定保持一致；在不同的對話環(huán)境下，角色前后的風格特征也要保持一致。

2?? 自然性角色應展現(xiàn)出人類交流的流暢性和真實性，包括語法、語氣和邏輯上的自然感。

3?? 情感化識別用戶的情緒狀態(tài)，通過有同理心的表達、有個性化的關懷及有感染力的視覺表現(xiàn)來響應用戶。

3. Conversation 對話

AntD 將人類與 AI 產(chǎn)品的對話流程劃分為四個主要環(huán)節(jié)：喚醒、識別、確認、反饋，每個環(huán)節(jié)都對應特定的場景及設計規(guī)則：

4. Hybrid UI 混合界面

在 AI 時代，圖形界面融合了自然語言會話和操作界面等多通道交互，演變出了新的形態(tài)。當以上提到的意圖（Intention）、角色（Role）、會話（Conversation）等無形的體驗規(guī)則被確定后，它們最終也會承載于具體的界面之上。

為了將無形的體驗融入到有形的界面之中，AntD 提出了 HUI（Hybrid UI）設計理念，并基于 Ant Design 5.0，沉淀了一套 AI 組件資產(chǎn)：Ant Design X