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

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

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

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

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

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

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

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

一、什么是 RICH 設(shè)計范式？?????????

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

1. 界面范式層

定義人機交互界面的設(shè)計要素，用于指引設(shè)計師關(guān)注核心問題；

2. 用戶模型層

構(gòu)建界面的體驗評估模型，用于度量界面體驗的好壞；

3. 軟件框架層

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

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

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

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

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

– Window 窗口??

– Icon 圖標(biāo)?????

– Menu 菜單

– Point Device 指示器?這四個設(shè)計要素對應(yīng)著設(shè)計師在 GUI 界面設(shè)計的過程中，應(yīng)該重點關(guān)注的具體內(nèi)容：

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

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

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

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

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

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

– Intention 意圖

– Conversation 對話

– Hybrid UI 混合界面???

這四個設(shè)計要素對應(yīng)著設(shè)計師在 AI 交互界面設(shè)計的過程中，應(yīng)該重點關(guān)注的具體內(nèi)容：?

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

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

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

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

二、為什么是 RICH 設(shè)計范式？

那么 AntD 團隊是如何推導(dǎo)出 RICH 設(shè)計模式的？為什么是 RICH 而不是其它要素呢？

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

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

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

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

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

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

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

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

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

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

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

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

– Role 角色：AI 應(yīng)該以怎樣的人設(shè)和形象與用戶進行溝通和交流？

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

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

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

三、如何使用 RICH 設(shè)計范式？

那么設(shè)計師該如何應(yīng)用 RICH 創(chuàng)造卓越的 AI 產(chǎn)品體驗?zāi)兀緼ntD 團隊總結(jié)了很多設(shè)計策略和方法：??

1. Intention 意圖

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

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

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

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

2. Role 角色

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

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

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

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

3. Conversation 對話

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

4. Hybrid UI 混合界面

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

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