歡迎關(guān)注作者微信公眾號(hào)：「群核科技用戶體驗(yàn)設(shè)計(jì)」

隨著 AI 技術(shù)自動(dòng)化決策、自我學(xué)習(xí)等特點(diǎn)，其在用戶體驗(yàn)設(shè)計(jì)領(lǐng)域的應(yīng)用也越來(lái)越廣泛，甚至有點(diǎn)超出我們的預(yù)期。

本著 “ 擁抱新科技之主動(dòng)探索總比自動(dòng)淘汰好 ”（不是） 的中心思想，我們成立了 AIGC 課題小組，希望能夠總結(jié)歸納出現(xiàn)階段 AI 在 UX 設(shè)計(jì)中的應(yīng)用情況，結(jié)合一些實(shí)際的工作流程，談?wù)?AI 對(duì)于設(shè)計(jì)工作效率方面的影響。

一、在用戶調(diào)研中的應(yīng)用：提高調(diào)研效率

1. 在前期桌面調(diào)研中的應(yīng)用

應(yīng)用一：名詞概念解釋

當(dāng)設(shè)計(jì)師接觸新行業(yè)、新業(yè)務(wù)時(shí)，難免會(huì)遇到不熟悉的概念，這時(shí)候可以把 AI 模型當(dāng)作百科全書(shū)，讓它解釋各類概念和名詞，讓我們快速了解行業(yè)知識(shí)。

但因 AI 回答的隨機(jī)性（有可能會(huì)編造），推薦同一問(wèn)題多問(wèn)幾次，或者詢問(wèn)不同的平臺(tái)。

例如，當(dāng)我們?yōu)檗k公空間業(yè)務(wù)做設(shè)計(jì)前，向 ChatGPT 詢問(wèn)它與家居空間的差異：

應(yīng)用二：競(jìng)品分析

在競(jìng)品分析環(huán)節(jié)中，可以利用 AI 幫我們搜集競(jìng)品名單、分析競(jìng)品特點(diǎn)，或者對(duì)比多個(gè)競(jìng)品的特點(diǎn)。

但是，在進(jìn)行垂直產(chǎn)品和功能細(xì)節(jié)的分析時(shí)，要注意甄別 AI 提供信息的正確性，切忌不加驗(yàn)證就全盤(pán)采納。

以下是一些競(jìng)品分析可采用的詢問(wèn)模板：

1. 我是 UX Designer / Product Designer（表面身份），正在設(shè)計(jì) 施工圖的弧長(zhǎng)標(biāo)注功能（產(chǎn)品/功能），有哪些 CAD 工具（競(jìng)品類型） 可以參考？
2. SketchUp LayOut（某個(gè)具體產(chǎn)品）有 弧長(zhǎng)標(biāo)注（具體功能） 這個(gè)功能嗎?
3. 詳細(xì)描述 MicroStation（具體產(chǎn)品），包含 平臺(tái)、用戶、行業(yè)、創(chuàng)始人、融資情況、市場(chǎng)占有率（想了解的信息）

2. 在用戶實(shí)地調(diào)研中的應(yīng)用

步驟一：?jiǎn)柧碓O(shè)計(jì)

在問(wèn)卷設(shè)計(jì)階段，可以在輸入調(diào)研目的之后，利用 AI 工具幫助我們輸入問(wèn)卷內(nèi)容進(jìn)行參考和補(bǔ)充。以下是一些推薦的 AI 問(wèn)卷工具：?jiǎn)柧硇?AI 功能（推薦）、ChatGPT、訊飛星火、Claude。

以酷家樂(lè)家裝設(shè)計(jì)師群體中的暖通設(shè)計(jì)師用戶特征為例，我期望生成 20 道題目。以下是我輸入的不同緯度的調(diào)研目的：

1. （用戶數(shù)量）了解酷家樂(lè)家裝設(shè)計(jì)師群體中有多少?gòu)氖屡ㄔO(shè)計(jì)相關(guān)行業(yè)
2. （用戶特征）從事暖通設(shè)計(jì)行業(yè)用戶的個(gè)人和職業(yè)特征
3. （用戶關(guān)注點(diǎn)）他們?cè)谑褂盟娫O(shè)計(jì)工具的關(guān)注點(diǎn)
4. （產(chǎn)品使用情況）他們?cè)谌粘９ぷ髦惺褂盟娫O(shè)計(jì)工具的基本情況

AI 工具的生成情況：

1. 問(wèn)卷星可直接生成問(wèn)卷表格，生成質(zhì)量也相對(duì)可用，自行修改之后即可投放。
2. ChatGPT 生成的問(wèn)卷缺少選項(xiàng)的選擇，但是會(huì)將每個(gè)問(wèn)題對(duì)應(yīng)的目的表示出來(lái)。

步驟二：訪談大綱

在訪談大綱設(shè)計(jì)階段，如果對(duì)自己想要訪談的內(nèi)容不是非常清晰，可以通過(guò) AI 工具提供大綱的參考以及幫你梳理邏輯。以下是推薦的工具：ChatGPT（推薦）、訊飛星火、Claude。

以下是可輸入的訪談背景信息：

AI 工具的生成情況：

ChatGPT 根據(jù)我的提問(wèn)進(jìn)行訪談大綱的生成，會(huì)從門(mén)店場(chǎng)景以及產(chǎn)品工具使用情況兩大維度進(jìn)行大綱的列舉。但是無(wú)法覆蓋所有場(chǎng)景和行為，還需要自己根據(jù)需求進(jìn)行完善。

步驟三：訪談內(nèi)容的轉(zhuǎn)譯和梳理

在訪談結(jié)束之后，訪談錄音的內(nèi)容大多都零零散散，轉(zhuǎn)譯和梳理信息會(huì)花費(fèi)我們大量的精力，AI 工具可以很好地幫助我們進(jìn)行初步的信息內(nèi)容的轉(zhuǎn)譯和整理。以下是推薦的工具：通義聽(tīng)悟（推薦）、科大訊飛、飛書(shū)妙記。

以下是我使用 AI 工具的方式：

1. 手機(jī)錄音訪談內(nèi)容，然后語(yǔ)音轉(zhuǎn)文字（科大訊飛、飛書(shū)妙記、通義聽(tīng)悟等）
2. 可以直接手機(jī)打開(kāi)會(huì)議實(shí)時(shí)錄制，然后在訪談結(jié)束之后可以直接轉(zhuǎn)為文字。

AI 工具的生成情況：

這些 AI 工具在將語(yǔ)音轉(zhuǎn)文字的時(shí)候，會(huì)自動(dòng)區(qū)分發(fā)言人、總結(jié)關(guān)鍵詞、全文概要、并總結(jié)出本次談話值得關(guān)注的重點(diǎn)。不同的工具的能力范圍不太一樣，通義聽(tīng)悟的功能較全且效果較好。

步驟四：訪談報(bào)告撰寫(xiě)

在對(duì)訪談內(nèi)容和筆記進(jìn)行初步的整理之后，信息多半還是非常復(fù)雜和缺少邏輯，AI 工具在這個(gè)階段也可以很好的幫助我們進(jìn)行邏輯整理和歸類。以下是推薦的工具：Notion AI（推薦）、ChatGPT、訊飛星火、Claude。

以下是我使用 AI 工具的方式：

將凌亂的筆記復(fù)制到輸入框中，如果自己有期望分析輸出的維度，也可以前置的輸入給 GPT；如果沒(méi)有因?yàn)楣P記部分過(guò)于凌亂，自己沒(méi)有分析思路，也可以直接讓 GPT 進(jìn)行分析總結(jié)。

AI 工具的生成情況：

在初期對(duì)凌亂的內(nèi)容可以進(jìn)行初步的梳理，但是對(duì)于內(nèi)容的總結(jié)以及觀點(diǎn)延伸的能力較差，還需要自行梳理。

二、在設(shè)計(jì)文案中的應(yīng)用：讓 AI 提供更多可能性

在為界面撰寫(xiě)文案時(shí)，我們可以利用 ChatGPT 等工具給我們提供更多的可能性。

應(yīng)用一：撰寫(xiě)新文案

當(dāng)我們剛開(kāi)始為某個(gè)場(chǎng)景撰寫(xiě)文案時(shí)，往往還不明確需要傳遞什么信息，這時(shí)候可以先和 AI 對(duì)話幾輪，生成一些文案供選擇。

以下是需要提供給 AI 的信息：

①表明身份：

我是 UX Designer / UX Writer / Product Designer，正在撰寫(xiě) 酷家樂(lè)設(shè)計(jì)工具（產(chǎn)品類型）的文案

②表明問(wèn)題：

如：用戶在用酷家樂(lè)工具時(shí)，不能同時(shí)在兩個(gè)頁(yè)面打開(kāi)同一個(gè)方案，如果在新的頁(yè)面打開(kāi)，那之前的方案就無(wú)法繼續(xù)編輯和保存。

③表明任務(wù)：

如：寫(xiě)一句提示文案，在另一個(gè)方案打開(kāi)時(shí)出現(xiàn)在原方案上，告訴用戶相關(guān)風(fēng)險(xiǎn)。

以上三類信息提供后，AI 會(huì)給出一個(gè)回答，大多數(shù)情況下，這個(gè)回答并不令人滿意，因?yàn)槲覀兲峁┑男畔⑦€不夠詳細(xì)和精準(zhǔn)。

我們可以根據(jù)它的回答明確我們的要求，并補(bǔ)充相應(yīng)信息。

補(bǔ)充的要求可以有以下幾種類型：

A.文案類型

如：行動(dòng)點(diǎn)（Call to Action）、報(bào)錯(cuò)信息、提示信息、解釋說(shuō)明、功能標(biāo)題、二次確認(rèn)文案…

如果已經(jīng)明確該文案出現(xiàn)在哪里，也可以提供相應(yīng)的信息，如位置、組件等

B.文案長(zhǎng)度

我們可以限定文案的長(zhǎng)度，如：詳細(xì)一點(diǎn)、簡(jiǎn)短一點(diǎn)、不超過(guò) 10 個(gè)字

C.內(nèi)容

當(dāng) AI 給出的信息有冗余或者缺漏的時(shí)候，可以直接反饋給它，如：需要添加 xxxxxx 的信息、不需要 xxxxxx 的信息

D.語(yǔ)氣

語(yǔ)氣的限定可以同時(shí)使用正向和反向的描述，如

正向：友好的、直接的、自信的、風(fēng)趣的、客觀的…

反向：不嚴(yán)肅、不官方、不令人緊張…

E.規(guī)范

成熟的設(shè)計(jì)系統(tǒng)會(huì)對(duì)文案內(nèi)容有完善的規(guī)范（如 Material Design、AntDesign 等），可以將具體的規(guī)范內(nèi)容告訴 AI，讓它調(diào)整文案。

相信經(jīng)過(guò)以上過(guò)程，AI 已經(jīng)給你提供了不少靈感，接下來(lái)就可以挑出不錯(cuò)的結(jié)果再推敲一番，便可用作界面文案。

應(yīng)用二：優(yōu)化已有文案

當(dāng)我們從數(shù)據(jù)、可用性測(cè)試、用戶反饋等途徑發(fā)現(xiàn)界面文案存在問(wèn)題時(shí)，可以讓 AI 幫助我們分析。以下是一些提問(wèn)案例：

這個(gè)文案可能會(huì)引起 xxxx 的歧義，如何消除歧義？

這個(gè)行動(dòng)點(diǎn)文案點(diǎn)擊轉(zhuǎn)化率不高，可能是什么原因？

你覺(jué)得 A 文案 和 B 文案相比，哪個(gè)更吸引用戶點(diǎn)擊？

這個(gè)場(chǎng)景中對(duì)用戶最重要的信息是什么，如何體現(xiàn)在文案中？

在 AI 給出原因后，可以繼續(xù)要求它幫助我們優(yōu)化已有文案。

通過(guò) AI 的分析和幫助，我們可以更加有效地優(yōu)化界面文案，消除歧義，提高點(diǎn)擊轉(zhuǎn)化率，并確保關(guān)鍵信息得到準(zhǔn)確地傳達(dá)給用戶。

三、在 UI 界面及視覺(jué)表現(xiàn)上的應(yīng)用：結(jié)合 AI 打造的全新工作流

我們同樣可以根據(jù) UI 設(shè)計(jì)流程，從了解設(shè)計(jì)背景，定義設(shè)計(jì)語(yǔ)言、提煉設(shè)計(jì)范式這幾個(gè)方面看一看 AI 在 UI 設(shè)計(jì)上的應(yīng)用

1. 了解設(shè)計(jì)背景

明確業(yè)務(wù)需求后，我們可以將產(chǎn)品的業(yè)務(wù)背景及定位告訴 AI，讓它基于此對(duì)本次需求做分析、也可以對(duì)相關(guān)概念做更進(jìn)一步的解釋；

AI 也可以幫助我們尋找設(shè)計(jì)靈感，比如插圖設(shè)計(jì)過(guò)程中，往往需要包含排版、圖形、色彩、文字等多個(gè)要素，我們可以針對(duì)這幾個(gè)部分讓 ChatGPT 給我們提供一些建議。

除此之外，讓 AI 幫助我們提煉一些設(shè)計(jì)關(guān)鍵詞，我們就能基于想要的關(guān)鍵詞去衍生映射物、收集意向圖，建立圖形情緒板。

2. 定義設(shè)計(jì)語(yǔ)言

設(shè)計(jì)語(yǔ)言包含了主視覺(jué)、色彩、字體、圖標(biāo)、圖形、動(dòng)效等多個(gè)領(lǐng)域，根據(jù)調(diào)研，發(fā)現(xiàn)目前 AI 廣泛用于以下幾點(diǎn)

①定義色彩：

我們可以嘗試與 AI 溝通，讓它基于 1 個(gè)或多個(gè)顏色生成配色方案，AI 是能給出相應(yīng)的建議供我們參考。如果在對(duì)話中添加更多關(guān)于設(shè)計(jì)背景介紹以及圖片風(fēng)格的定義，得到的答案也會(huì)更加完善。

除此之外，一些 AI 工具也能為我們提供幫助，比如 AI Colors 可以通過(guò)關(guān)鍵詞的輸入生成多樣的配色方案，同時(shí)還支持對(duì)單個(gè)顏色進(jìn)行修改，并且提供了手機(jī)端、儀表盤(pán)、落地頁(yè)等結(jié)果效果的預(yù)覽

②素材創(chuàng)造：

設(shè)計(jì)師在發(fā)散階段去使用 Midjourney 或是 Stable Diffusion 生成視覺(jué)參考和創(chuàng)意靈感的圖像已經(jīng)非常普遍了，酷大師插件開(kāi)發(fā)平臺(tái)在進(jìn)行視覺(jué)優(yōu)化過(guò)程中也使用了 Midjourney「以圖生圖」的能力，完成了網(wǎng)頁(yè) Banner 以及插圖的生成。

3D 模型常常作為素材使用在插圖、海報(bào)設(shè)計(jì)中。在 Kaedim 上傳一張圖片，就能獲得 3d 造型，可以下載并導(dǎo)出為各種格式，方便設(shè)計(jì)師基于模型進(jìn)行后續(xù)的渲染；

文字指令生成 3d 模型的類似的工具也有很多，比如 openai 的 shap-e、英偉達(dá)的 Magic3D，或者與自身工具結(jié)合的 spline 的 ai 工具等等。結(jié)合 spline 關(guān)于自身工具 AI Prompt 的介紹，關(guān)鍵詞不僅包含模型的生成，還能通過(guò)自然語(yǔ)言對(duì)模型進(jìn)行參數(shù)與材質(zhì)的修改、動(dòng)效的添加。

矢量圖形方面，Illustroke 能夠通過(guò)關(guān)鍵詞描述以及風(fēng)格類型的選擇生成矢量圖形；Recraft 能力更加強(qiáng)大，可編輯的參數(shù)項(xiàng)更多并且支持對(duì)于生成的矢量圖形進(jìn)行顏色編輯和局部再次生成。

Galileo、Uizard、包含國(guó)內(nèi)的即時(shí)設(shè)計(jì)等多個(gè)工具都在探索基于自然語(yǔ)言一鍵生成 UI 界面的能力，目前來(lái)看，雖然生成結(jié)果還不太穩(wěn)定，但也能在產(chǎn)品設(shè)計(jì)初期為設(shè)計(jì)師或是產(chǎn)研團(tuán)隊(duì)提供一些參考。

圖片處理：

圖片處理相關(guān)的工具就更多了，改圖、摳圖、補(bǔ)圖、一鍵填色，快速補(bǔ)光……大家都在尋求如何用簡(jiǎn)單易懂的方式進(jìn)行高效的圖片處理，設(shè)計(jì)師未來(lái)可能不再需要學(xué)習(xí)復(fù)雜的工具指令。

四、提煉設(shè)計(jì)范式

以顏色系統(tǒng)舉例，在 Eva 中，只要輸入 1 個(gè)基礎(chǔ)色的色值，那么其他語(yǔ)義化顏色以及衍生色就能生成完畢，我們可以在亮主題和暗主題下進(jìn)行顏色的預(yù)覽和修正

Khroma 能夠基于用戶對(duì)于顏色的偏好或是上傳顏色的 Jason 文檔生成出不同的顏色搭配、圖片和漸變效果圖，如果設(shè)計(jì)師團(tuán)隊(duì)已經(jīng)定義好了一套顏色系統(tǒng)，將它導(dǎo)入到工具內(nèi)，以得到的結(jié)果作為參考就能兼顧產(chǎn)出內(nèi)容的一致性和多樣性

更多設(shè)計(jì)范式和設(shè)計(jì)系統(tǒng)的嘗試還處于探索階段，比如 Mastergo 提出了 AI 與設(shè)計(jì)系統(tǒng)的結(jié)合的理念；figma 2023 config 大會(huì)上也演示了在設(shè)計(jì)初期以及開(kāi)發(fā)階段運(yùn)用 AI 能力結(jié)合工具提高產(chǎn)研的工作效率的一些嘗試，相信未來(lái) AI 還會(huì)更進(jìn)一步改變我們的設(shè)計(jì)流程和工作方式。

總結(jié)

目前來(lái)看，AI 輔助設(shè)計(jì)的場(chǎng)景在深度方面遠(yuǎn)沒(méi)有部分產(chǎn)品宣傳的那么“神乎其神”，很多產(chǎn)品也還處于概念設(shè)計(jì)的過(guò)程當(dāng)中，但結(jié)合實(shí)際的工作流程，我們發(fā)現(xiàn)，有的確實(shí)能夠達(dá)到意想不到的效果。

比如在一些提示文案的推敲上，ChatGPT 產(chǎn)出的文案雖然不一定能夠百分之一百直接拿來(lái)使用，但在對(duì)話的過(guò)程中，也仿佛就像是多了一個(gè)小助手，讓“他”給我們提供一些建議和參考，也是一種推敲的方法；

視覺(jué)設(shè)計(jì)師們也反饋了使用 Midjourney 產(chǎn)出圖像素材確實(shí)能夠節(jié)省很多建模/繪制的時(shí)間，尤其是在產(chǎn)品設(shè)計(jì)初期，我們也能夠在較短的時(shí)間內(nèi)產(chǎn)出多個(gè)相對(duì)不錯(cuò)的方案和業(yè)務(wù)方進(jìn)行溝通，拉齊彼此的想法和預(yù)期。這種工作方式在 AI 沒(méi)有到來(lái)之前也是誰(shuí)都沒(méi)有想到的。

工欲善其事，必先利其器。尤其是在新技術(shù)已經(jīng)對(duì)我們的工作行業(yè)帶來(lái)影響的當(dāng)下，了解 AI、擁抱 AI、運(yùn)用 AI 無(wú)疑是一種富有挑戰(zhàn)，但也有效的方法。

歡迎關(guān)注作者微信公眾號(hào)：「群核科技用戶體驗(yàn)設(shè)計(jì)」