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

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

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

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

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

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

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

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

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

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

1. 界面范式層

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

2. 用戶模型層

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

3. 軟件框架層

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

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

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

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

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

– Window 窗口??

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

– Menu 菜單

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

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

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

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

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

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

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

– Intention 意圖

– Conversation 對(duì)話

– Hybrid UI 混合界面???

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

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

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

– Conversation 對(duì)話：用戶通過(guò)對(duì)話給出指令；AI 在收到指令后表達(dá)出讓用戶聽(tīng)得懂、看得懂的內(nèi)容；

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

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

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

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

幾十年來(lái)人機(jī)交互的本質(zhì)一直都是萬(wàn)變不離其宗：

用戶通過(guò)某種動(dòng)作或行為，將意圖和信息輸入給機(jī)器；

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

用戶對(duì)結(jié)果進(jìn)行評(píng)估，看是否符合要求；

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

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

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

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

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

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

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

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

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

– Conversation 對(duì)話：AI 在收到指令后如何表達(dá)才能讓用戶聽(tīng)得懂、看得懂？

– Hybrid UI 混合界面：如何組織會(huì)話場(chǎng)景和多行為融合的操作界面？

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

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

1. Intention 意圖

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

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

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

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

2. Role 角色

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

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

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

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

3. Conversation 對(duì)話

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

4. Hybrid UI 混合界面

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

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