更多AI體驗(yàn)設(shè)計(jì)方法：

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

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

1. 到底 AI 產(chǎn)品界面設(shè)計(jì)該如何進(jìn)行？
2. 什么樣的產(chǎn)品更適合用會(huì)話交互完成？
3. 會(huì)話交互跟圖形界面交互可以融合嗎？
4. AI 產(chǎn)品的交互設(shè)計(jì)體驗(yàn)會(huì)受到哪些因素的影響？
5. ……

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

PART 1「What」什么是 RICH 設(shè)計(jì)范式？

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

1. 界面范式層

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

2. 用戶模型層

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

3. 軟件框架層

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

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

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

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

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

1. Window 窗口
2. Icon 圖標(biāo)
3. Menu 菜單
4. Point Device 指示器

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

1. Window 窗口：通過屏幕和特定的界面空間來承載信息和內(nèi)容，讓用戶能夠閱讀、思考和評估；
2. Icon 圖標(biāo)：通過圖形化的隱喻，幫助和引導(dǎo)用戶理解信息并執(zhí)行操作；
3. Menu 菜單：通過有邏輯、有順序的結(jié)構(gòu)，組織和串聯(lián)起各種操作，讓用戶系統(tǒng)性地完成任務(wù)；
4. Point Device 指示器：通過鍵盤、鼠標(biāo)等帶有指向性功能的設(shè)備，幫助用戶選中目標(biāo)進(jìn)行操作。

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

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

1. Role 角色
2. Intention 意圖
3. Conversation 對話
4. Hybrid UI 混合界面

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

1. Role 角色：AI 在交互過程中扮演了某種人設(shè)和形象來面對用戶，匹配用戶的意圖，與用戶順暢互動(dòng)；
2. Intention 意圖：AI 能夠預(yù)測并理解用戶的意圖，能夠協(xié)助用戶進(jìn)行方案計(jì)劃和步驟拆解，進(jìn)而推動(dòng)執(zhí)行，完成用戶意圖；
3. Conversation 對話：用戶通過對話給出指令；AI 在收到指令后表達(dá)出讓用戶聽得懂、看得懂的內(nèi)容；
4. Hybrid UI 混合界面：用戶的執(zhí)行動(dòng)作和機(jī)器的結(jié)果輸出與反饋承載在多種交互方式相融合的界面中。

PART 2「Why」為什么是 RICH 設(shè)計(jì)范式？

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

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

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

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

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

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

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

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

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

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

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

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

1. Role 角色：AI 應(yīng)該以怎樣的人設(shè)和形象與用戶進(jìn)行溝通和交流？
2. Intention 意圖：AI 怎樣才能聽懂并理解用戶的意圖，再幫助用戶完成意圖？
3. Conversation 對話：AI 在收到指令后如何表達(dá)才能讓用戶聽得懂、看得懂？
4. Hybrid UI 混合界面：如何組織會(huì)話場景和多行為融合的操作界面？

PART 3「How」如何使用 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)該如何滿足用戶的意圖，這就需要我們：

① 明確意圖類型

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

② 提供意圖預(yù)期

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

③ 引導(dǎo)意圖表達(dá)

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

2. Role 角色

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

① 一致性

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

② 自然性

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

③ 情感化

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

3. Conversation 對話

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

4. Hybrid UI 混合界面

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

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

在官網(wǎng)： https://x.ant.design/index-cn 可以找到 RICH 的更多具體規(guī)則和組件規(guī)范。

歡迎關(guān)注作者微信公眾號：「長弓小子」