Ant Design 又有了新“東西”~

0 評論 359 瀏覽 0 收藏 9 分鐘

“Ant Design X 登場,AI 設計新助力?!?在 B 端產品設計領域,Ant Design X 的推出帶來新變化。它將如何影響 B 端設計師的工作?又為 AI 產品設計提供了哪些新思路?

最近,沉寂了許久的 Ant Design 迎來了全新的產品:Ant Design X

那這次的更新會和 Ant Design 5.0 的更新有什么不同?對于 B 端設計師又會造成哪些影響?為什么我說這又是一次“參考書”級別的更新~ 讓我們來一起看看~

一、什么是 Ant Design X

我相信最近一年,已經有非常多的 B 端設計師開始負責 B 端產品的 AI 化迭代。

比如 小鵝通增加了 AI 助手、騰訊云增加了 AI 智能客服,每一個產品都在想與 AI 領域的結合,進而尋求新的增長點。

作為小團隊可能會把它當做是一個簡單的需求,而對于大的設計團隊而言,我們需要考慮如何拆解 AI 的產品功能,以便于我們能夠快速給到大量的產品進行復用,因此 AI Design X 就誕生了。

據在阿里內部的同學透露,在阿里團隊內部就需要輸出大量產品的 AI 模塊迭代,因此孵化了諸多像:數據分析、信息搜索、智能客服 等多個 AI 功能。既然制作了如此多的功能,不如慢下來將設計當中的理論體系進行沉淀,因此就有了 ADX 的出現。

我們再來看其官網,整體風格延續的 Ant Design 的設計調性,這部分我還是非常喜歡。

二、Ant Design X 有什么?

首先在 ADX 當中,里面包含了:設計范式、對應組件、界面演示。

在我看來如果你對 B 端與 AI 產品的結合思路不夠清晰,那一定要看設計范式~ 因為它是對整個 AI 產品內容進行全面的拆解。

對于組件和界面演示,我們就是在設計過程當中有對應問題,可以通過它來獲取解決方案。

由于整個范式內容過多,我將其重要部分加以整理,帶領同學們快速學習一遍。(當然也建議大家看完過后去到 Ant Design X 再進行細致閱讀)

RICH 設計范式

在系統當中,Ant Design X 提出了 RICH,也就是 意圖、角色、會話、界面。

意圖,其實就是目的

在用戶使用 AI 工具時,通常都都會有自己的想法,比如 想搜索一個設計知識點、查看對應的數據報表、獲取幫助中心內容。

對于整個意圖而言,主要分為:清晰/模糊、任務/咨詢,我們通過用戶對于意圖的分類,進而采取不同的設計界面。

比如現在我有清晰的目的就是想讓 AI 幫助我修改文檔當中的一段文字,而這種時候我們通常會采取內嵌式的方式進行實現。這就是意識所帶來的差別。

角色,則是 AI 所扮演的角色類型。

因為不同的產品在接入 AI 時,它的需求就會有所不同。

比如在幫助中心,AI 需要更強的親和力;在 BI 的數據分析模塊,則需要你更為專業。因此我們會給 AI 賦予更為表面的的外在形象,更為深入的內在性格。

對于形象部分,我們需要創造更為真實一致的 AI 角色。比如形象的部分,我們可以 外貌、服飾、動作 等內容構建一致角色形象;

對于性格部分,我們需要“說出”與角色相符的語言語氣,這樣才能使你的 AI 產品更具生動的表達。

由于很多 B 端系統會在很多地方接入 AI,因此在形象的部分 B 端產品會更傾向使用科技、概念的視覺形象。

會話,也就是與 AI 的對話設計。

在系統當中,AI 的所有內容都需要通過對話的形式進行交互,因此我們在設計時就需要梳理整體的交互狀態。

同時對于 AI 來說它所生成的內容取決于用戶所提供的文本量,所以對話當中就會包含有:開始、追問、提示、確認、錯誤、結束 等不同狀態。

對于每一種狀態,在文檔當中都會給出清晰的解析,這是我們在日常設計當中可以重點關注的內容。

最后則是界面,對于目前整體的界面模式進行歸類。

主要包含:內嵌式(Do)、助手式(Do+Chat)、獨立式(Chat)三種界面類型。在交互的模式上給我們規定了 AI 產品的使用場景。

同時將使用 AI 產品的用戶旅程劃分為 4 個階段:喚醒、表達、確認、反饋,在此基礎上,我們就會使用不同的組件來進行階段的設計。

組件這部分大家可以訪問官網自行查看~ https://ant-design-x.antgroup.com/

三、如何使用 Ant Design X ?

這時候很多同學會有疑問,那我們現在能用 ADX 直接進行 AI 產品的產出嗎?

我仔細查看了一下,覺得目前還是不行。

一方面是目前整體設計資源并沒有完全開源,我們去訪問目前的資源依舊不能下載,因此沒辦法基于它進行設計;同時針對這種才面世不久的設計系統,我們可以稍加等待,因為前期一定是不夠成熟的,等著后續產品逐漸完善過后,有足夠多的人實驗了沒有問題再接入也不遲。

所以我會認為,目前它是我們設計師最容易上手的 AI 學習手冊,它能夠幫助我們快速的了解 AI 產品當中的各種問題,你要做的就是在這些類型當中進行選擇,內容的解析是真心不錯~

那除了 Ant Design X 還有哪些與 AI 相關的內容呢?這些再給大家推薦幾個不錯資源:

AWS 的 Cloudscape 設計系統,提供了較多的 AI 設計模式,我們也可以進行嘗試。https://cloudscape.design/patterns/

IBM 的 Carbon 設計系統,也提供了 AI 模式的拆解,大家也可以進行學習查看。https://carbondesignsystem.com/guidelines/carbon-for-ai/#ai-chat

在我看來,未來還會有更多的 AI 產品,更復雜的 AI 規范,我們作為設計師我們更應該提前了解,為自己爭取更多發展新機會。

本文由人人都是產品經理作者【CE青年】,微信公眾號:【CE青年Youthce】,原創/授權 發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash,基于 CC0 協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!