為什么說(shuō) GenUI 才是 AI 時(shí)代該有的交互設(shè)計(jì)形式？

最近 NNG Group、Google Design 等設(shè)計(jì)團(tuán)隊(duì)都不約而同地提到了一個(gè)關(guān)于 AI 時(shí)代的用戶體驗(yàn)設(shè)計(jì)變革的新概念：Generative UI（GenUI），生成式 UI，并稱(chēng)之為是 AI 時(shí)代的用戶體驗(yàn)交互形式，深以為然。本文就來(lái)為你詳細(xì)拆解下這個(gè)概念，并聊聊為什么這將成為交互設(shè)計(jì)發(fā)展的新趨勢(shì)。

———— / BEGIN / ————

什么是 GenUI？??????

GenUI 官方定義是：

由 AI 模型基于用戶提示與上下文，動(dòng)態(tài)生成完整可交互界面及內(nèi)容的技術(shù)范式，核心是讓界面從 “預(yù)編碼靜態(tài)資產(chǎn)” 變成 “意圖驅(qū)動(dòng)的動(dòng)態(tài)輸出”，無(wú)需人工預(yù)先設(shè)計(jì)所有組件與流程。它不僅能夠產(chǎn)出文本和圖表，更能按照用戶的偏好進(jìn)行編排布局、交互邏輯與功能模塊，適配實(shí)時(shí)需求。

接下來(lái)是大白話解釋?zhuān)?/p>

現(xiàn)在的 UI 界面對(duì)于大部分用戶來(lái)說(shuō)都是基本上相同的樣子，但是 GenUI 可以依賴(lài) AI 技術(shù)和算法的加持，讓所有的 UI 界面變得更加千人千面、應(yīng)你所需。未來(lái)，用戶在看到每一款產(chǎn)品的頁(yè)面時(shí)，都會(huì)看到和自己的需求相關(guān)的個(gè)性化的提示和排版布局：

你可能會(huì)想到一個(gè)更直白的例子：

我們現(xiàn)在使用的諸如淘寶這類(lèi)電商平臺(tái)對(duì)于商品的推薦，或是抖音這類(lèi)短視頻平臺(tái)對(duì)于視頻內(nèi)容的推薦形式，不同用戶在打開(kāi)這些產(chǎn)品 App 會(huì)看到系統(tǒng)基于你的使用習(xí)慣推薦給你的不同內(nèi)容。

但是 GenUI 與之有著本質(zhì)的不同：

GenUI 側(cè)重于 AI 動(dòng)態(tài)生成完整可交互界面、框架與功能，而現(xiàn)階段的千人千面推薦算法是在固定界面框架內(nèi)做內(nèi)容 / 商品的個(gè)性化篩選與排序，二者在目標(biāo)、生產(chǎn)方式、交互邏輯與技術(shù)棧上差異顯著。

案例：Material Design3 最近更新就允許 App 可以基于用戶使用的環(huán)境產(chǎn)生視覺(jué)上的變化，使 App 和用戶的手機(jī)背景、壁紙及其它使用環(huán)境更加自然地融合：

我們還可以從以下幾個(gè)維度來(lái)對(duì)比一下：

1. 核心目標(biāo)

• 推薦算法：強(qiáng)調(diào)的是商品/內(nèi)容精準(zhǔn)分發(fā)，提升轉(zhuǎn)化/留存/互動(dòng)，在用戶操作的過(guò)程中，界面結(jié)構(gòu)本身不改變。

• GenUI：強(qiáng)調(diào)的是生成適配意圖的交互界面，滿足用戶的使用需求，解決傳統(tǒng)界面無(wú)法覆蓋的小眾場(chǎng)景或復(fù)雜場(chǎng)景，降低用戶認(rèn)知負(fù)荷，助力用戶高效完成任務(wù)。

• 推薦算法：輸出是內(nèi)容序列，界面組件（如搜索框、商品卡片、視頻播放器等）由設(shè)計(jì)師 / 開(kāi)發(fā)者預(yù)編碼，算法只決定展示哪些商品 / 視頻，不改變界面結(jié)構(gòu)與交互規(guī)則。

• GenUI：輸出是完整的交互系統(tǒng)，不僅生成內(nèi)容，還編排布局、組件（比如表單 / 圖表 / 按鈕）與交互邏輯，可直接渲染為 HTML/React 等可執(zhí)行代碼，界面隨用戶輸入實(shí)時(shí)重構(gòu)。

• 推薦算法：是用戶被動(dòng)瀏覽推薦商品或視頻等內(nèi)容。

• GenUI：是用戶意圖驅(qū)動(dòng)，用戶的操作影響界面，界面隨著用戶的操作和輸入進(jìn)行實(shí)時(shí)動(dòng)態(tài)重構(gòu)。

• 推薦算法：依賴(lài)協(xié)同過(guò)濾、圖嵌入、雙塔模型等推薦技術(shù)，基于用戶行為 / 標(biāo)簽 / 內(nèi)容特征構(gòu)建推薦池，通過(guò)離線訓(xùn)練 + 實(shí)時(shí)排序輸出結(jié)果，毫秒級(jí)實(shí)時(shí)排序。

• GenUI：依賴(lài)的是 LLM（大語(yǔ)言模型）理解意圖 + 多模態(tài)生成內(nèi)容 + 前端渲染引擎，端到端地完成 “意圖→界面→交互” 的全鏈路，無(wú)需人工預(yù)定義組件庫(kù)。分鐘級(jí)/實(shí)時(shí)更新內(nèi)容，適配長(zhǎng)尾/臨時(shí)需求。

之所以說(shuō) GenUI 是 AI 時(shí)代的交互設(shè)計(jì)形式，核心原因在于它徹底重構(gòu)了人與工具的關(guān)系，也即從用戶適配預(yù)設(shè)界面轉(zhuǎn)向界面主動(dòng)適配用戶意圖，同時(shí)解決了傳統(tǒng)交互設(shè)計(jì)在規(guī)模化、個(gè)性化、效率上的核心痛點(diǎn)，契合 AI 時(shí)代自然交互、即時(shí)響應(yīng)、按需定制的底層模式。

你可以從以下四個(gè)維度來(lái)理解：

1. GenUI 是個(gè)性化交互的終極形態(tài)。

通過(guò)上文的總結(jié)，我們可以看出 GenUI 能根據(jù)用戶的身份、場(chǎng)景、設(shè)備、情緒等上下文，動(dòng)態(tài)生成最適合的界面，而非簡(jiǎn)單的內(nèi)容推薦。

GenUI 的核心邏輯是 “生成界面”，算法推薦的核心是 “分發(fā)內(nèi)容”。前者重構(gòu) UI 生產(chǎn)流程，后者優(yōu)化內(nèi)容匹配效率；前者適合需要定制化交互的場(chǎng)景，后者適合規(guī)模化內(nèi)容分發(fā)的平臺(tái)場(chǎng)景。

對(duì)于我們 UX 設(shè)計(jì)師而言，GenUI 會(huì)讓我們的精力從“重復(fù)界面設(shè)計(jì)”轉(zhuǎn)向“意圖定義與體驗(yàn)評(píng)估”，去決策哪些 AI 洞察不到的人性邊界。

2. GenUI 讓交互形式回歸自然語(yǔ)言。

AI 時(shí)代的核心交互趨勢(shì)是“自然化”：

傳統(tǒng)交互設(shè)計(jì)的痛點(diǎn)是學(xué)習(xí)成本：每一個(gè)新工具都需要用戶記住“點(diǎn)哪里、點(diǎn)幾步”；GenUI 則把 “交互語(yǔ)言”轉(zhuǎn)化為“自然語(yǔ)言”：用戶不需要懂技術(shù)，也不需要學(xué)習(xí)復(fù)雜的操作邏輯，只需要說(shuō)出需求即可。

這種“說(shuō)什么，就有什么”的交互方式，才是 AI 時(shí)代的終極體驗(yàn)，工具不再是“需要學(xué)習(xí)的對(duì)象”，而是“能聽(tīng)懂人話的助手”。

3. GenUI 重構(gòu)交互設(shè)計(jì)的生產(chǎn)流程。

傳統(tǒng)的交互設(shè)計(jì)的生產(chǎn)鏈路是 “產(chǎn)品 PRD – 設(shè)計(jì)稿 – 開(kāi)發(fā)編碼 – 測(cè)試上線”，周期長(zhǎng)、成本高，且一次設(shè)計(jì)只能服務(wù)一類(lèi)用戶或單一場(chǎng)景。而 GenUI 則把這個(gè)鏈路壓縮為“用戶意圖 – AI生成 – 實(shí)時(shí)迭代”：

設(shè)計(jì)師不需要畫(huà)每一個(gè)界面，只需要定義交互規(guī)則和體驗(yàn)標(biāo)準(zhǔn)，AI 基于規(guī)則，實(shí)時(shí)生成適配不同用戶需求的界面，甚至能根據(jù)用戶的操作反饋?zhàn)詣?dòng)優(yōu)化界面邏輯。

這種模式不僅大幅降低了設(shè)計(jì)與開(kāi)發(fā)成本，更實(shí)現(xiàn)了一個(gè)產(chǎn)品模型服務(wù)無(wú)限用戶的規(guī)模化能力。

4. GenUI 順應(yīng)未來(lái)多模態(tài)交互趨勢(shì)。

未來(lái)隨著 AR、VR 更多技術(shù)和設(shè)備的發(fā)展，交互體驗(yàn)將變得更加多模態(tài)，語(yǔ)音、手勢(shì)、眼動(dòng)等如融入一個(gè)場(chǎng)景，屏幕不再是唯一中心。GenUI 通過(guò)“意圖+上下文”的設(shè)計(jì)方式，允許用戶可以是語(yǔ)音、手勢(shì)或其他任何形態(tài)進(jìn)行操作，契合這一發(fā)展趨勢(shì)。

當(dāng)然 GenUI 也并非沒(méi)有挑戰(zhàn)，其生成結(jié)果的準(zhǔn)確性、品牌一致性、算力成本、用戶隱私和交互繭房等問(wèn)題仍需解決，我也會(huì)持續(xù)為你分享和總結(jié)相關(guān)的經(jīng)驗(yàn)和案例。

本文來(lái)自公眾號(hào)：長(zhǎng)弓小子 作者：元堯

想要第一時(shí)間了解行業(yè)動(dòng)態(tài)、面試技巧、商業(yè)知識(shí)等等等？加入產(chǎn)品經(jīng)理進(jìn)化營(yíng)，跟優(yōu)秀的產(chǎn)品人一起交流成長(zhǎng)！