4大模式+3大場(chǎng)景!寫給B端設(shè)計(jì)師的AI上手指南
“嘿,同學(xué)們,最近是不是總聽(tīng)人叨叨AI、Copilot、Agent什么的,感覺(jué)全世界都在搞智能設(shè)計(jì),就咱還在苦哈哈地畫按鈕、調(diào)間距?
別焦慮,我剛開始也這樣!感覺(jué)這玩意兒又復(fù)雜又遙遠(yuǎn),但說(shuō)實(shí)話,摸清門道后我發(fā)現(xiàn),AI根本不是來(lái)替代咱們的,而是來(lái)給咱們‘打下手’的! 它能把咱們從那些繁瑣重復(fù)的活兒里解放出來(lái),讓咱們更能聚焦在真正體現(xiàn)設(shè)計(jì)價(jià)值的地方。
今天我們就不整那些高大上的理論,就用大白話和大家分享AI有哪些交互模式,在B端應(yīng)用中場(chǎng)景有哪些,以及咱們又該如何輕松玩轉(zhuǎn)它。
一、AI在B端產(chǎn)品中的交互模式
別把AI想得多神秘,它就是咱們產(chǎn)品里的一個(gè)新角色??纯此ǔR阅膸追N方式“入職”。
1. 對(duì)話式助手 - 像朋友一樣交流
最經(jīng)典的形態(tài),有個(gè)聊天窗口,你問(wèn)它答?,F(xiàn)在不僅能打字,還能語(yǔ)音,比如阿里云、百度云的智能助手:
以及公司內(nèi)部的智能客服系統(tǒng): 員工查年假余額、查報(bào)銷制度,不用找HR,直接問(wèn)它就行。
設(shè)計(jì)關(guān)鍵點(diǎn):
- 得讓它像個(gè)真人,回答別太機(jī)械。
- 要設(shè)計(jì)好它“正在想” 的狀態(tài)(比如一個(gè)優(yōu)雅的加載動(dòng)畫),以及文字輸入和語(yǔ)音輸入的交互狀態(tài)。
- 萬(wàn)一它答錯(cuò)了,得給用戶一個(gè)方便的渠道來(lái)糾正反饋。
2. 伴隨式副駕駛 - 一位始終在旁的專家同事
這位“同事”不單獨(dú)開窗口,通常是在軟件界面右側(cè)的側(cè)邊欄。它是一個(gè)持久存在的對(duì)話界面,像一位隨時(shí)準(zhǔn)備為你提供全方位支持的專家同事,你可以隨時(shí)向它提出簡(jiǎn)單或復(fù)雜的任務(wù)請(qǐng)求。
比如Microsoft 365 Copilot就在你的任務(wù)界面右側(cè),比如團(tuán)隊(duì)會(huì)議時(shí),可以輕松地簡(jiǎn)化復(fù)雜的主題和文檔。
它不是另一個(gè)獨(dú)立的App,而是作為一個(gè)統(tǒng)一的側(cè)邊欄/彈窗,深度嵌入到Word、Excel、PPT、Outlook和Teams這些Office軟件里。
對(duì)于B端設(shè)計(jì)師來(lái)說(shuō),Copilot是一個(gè)絕佳的學(xué)習(xí)對(duì)象。它告訴我們,最好的AI功能不是讓用戶去適應(yīng)一個(gè)炫酷的新界面,而是讓AI悄無(wú)聲息地增強(qiáng)用戶早已習(xí)慣的舊界面,在最熟悉的環(huán)境里提供前所未有的能力。
比如阿里云通義靈碼: 當(dāng)開發(fā)在編碼過(guò)程中出現(xiàn)代碼問(wèn)題(Problem)需要進(jìn)行修復(fù)時(shí),它可以一鍵給出修復(fù)建議,幫開發(fā)快速修復(fù)代碼問(wèn)題。
比如企業(yè)微信的智能助手,成員在與微信客戶聊天時(shí),可隨時(shí)在聊天工具欄查看服務(wù)總結(jié),快速獲取客戶重要信息,給客戶提供更有價(jià)值的服務(wù)。
設(shè)計(jì)關(guān)鍵點(diǎn):
- 位置要巧妙,不能擋著用戶干活(所以常放在側(cè)邊欄或工具欄)。
- 時(shí)機(jī)要精準(zhǔn),要在用戶最可能需要幫助的時(shí)候出現(xiàn)建議。
- 建議要直觀,最好是用戶一眼就能看懂,一鍵就能采納。
3. 嵌入式副駕駛 —— 一把即用即走的智能瑞士軍刀
它沒(méi)有固定位置,而是深度融入在你當(dāng)前的工作上下文中,在你需要時(shí)通過(guò)特定交互(如輸入/、選中文本)瞬間出現(xiàn)。它像一把智能工具,專為完成某個(gè)特定、原子化的任務(wù)而設(shè)計(jì),用完即走。
比如Notion AI 在你寫作時(shí),輸入/或選中文本,它會(huì)以浮動(dòng)工具欄的形式出現(xiàn),提供“總結(jié)”、“翻譯”、“改變語(yǔ)氣”等精準(zhǔn)的文本處理命令。
比如WPS AI 在你寫作時(shí),輸入Ctrl,它會(huì)以浮動(dòng)工具欄的形式出現(xiàn),提供續(xù)寫、伴寫等文本處理命令。
比如通義靈碼,當(dāng)開發(fā)在編碼的過(guò)程中,也可以通過(guò)快捷鍵 ?P 手動(dòng)觸發(fā)生成代碼建議。
設(shè)計(jì)關(guān)鍵點(diǎn):
- 觸發(fā)精準(zhǔn),在用戶最可能需要的上下文時(shí)適時(shí)出現(xiàn),其他時(shí)候保持靜默,絕不打擾。
- 界面輕量,采用浮動(dòng)工具欄、臨時(shí)彈窗、行內(nèi)建議等輕量UI,完成即消失,優(yōu)先級(jí)永遠(yuǎn)低于用戶的主內(nèi)容。
- 意圖明確,所提供的建議或選項(xiàng)必須直觀(如“翻譯成英文”、“生成代碼”),讓用戶無(wú)需思考就能理解其作用,并通過(guò)一次點(diǎn)擊或按鍵快速采納。
- 用戶主導(dǎo),必須提供清晰的撤銷機(jī)制和便捷的修改方式,確保用戶擁有最終控制權(quán),可隨時(shí)拒絕或修正AI的輸出,毫無(wú)心理負(fù)擔(dān)。
3. 智能增強(qiáng)界面 - 讓傳統(tǒng)組件“活”起來(lái)
這是最“隱形”的AI。你感覺(jué)不到它的存在,但你會(huì)發(fā)現(xiàn)熟悉的界面變“聰明”了。
比如企業(yè)微信5.0中的智能搜索,你只需要搜“上周老板交代馬上做的重要文件,是哪個(gè)來(lái)著?”,它也能基于你的權(quán)限在聊天、文檔、會(huì)議、郵件中幫你找出來(lái)。
比如阿里云、百度云等文字識(shí)別和自動(dòng)填表功能,報(bào)銷時(shí)拍個(gè)發(fā)票,所有信息(金額、抬頭、日期)自動(dòng)給你填好。
比如智齒科技的全量自動(dòng)化質(zhì)檢,支持從座席、客戶、任務(wù)、規(guī)則等多維度分析,幫助管理者及時(shí)發(fā)現(xiàn)問(wèn)題,支撐企業(yè)經(jīng)營(yíng)決策,確保準(zhǔn)確率,節(jié)省人力成本。
設(shè)計(jì)關(guān)鍵點(diǎn):
- 重點(diǎn)是讓用戶感覺(jué)不到學(xué)習(xí)成本,覺(jué)得“本來(lái)就應(yīng)該這么方便”。
- 要提供清晰的反饋,比如發(fā)票識(shí)別成功了還是失敗了,得明確告訴用戶。
- 給用戶最終控制權(quán),比如自動(dòng)填充的內(nèi)容,一定允許用戶方便地修改。
4. 自主代理 - 交付目標(biāo),等待結(jié)果
這是最“高級(jí)”的形態(tài)。你不用管過(guò)程,只需要告訴它一個(gè)目標(biāo),它自己會(huì)規(guī)劃步驟去完成,最后給你結(jié)果。
比如網(wǎng)易云商AI可智能識(shí)別用戶問(wèn)題,實(shí)時(shí)觸發(fā)與問(wèn)題相關(guān)的SOP流程導(dǎo)航,包括溝通要點(diǎn)與推薦話術(shù),引導(dǎo)座席采用最佳策略,并給出最佳回復(fù)。
比如阿里商旅AI,它像個(gè)實(shí)時(shí)提供策略和行動(dòng)支持的行政管理和財(cái)務(wù)管理專家,省去了大量分析、溝通、調(diào)控的事務(wù)性工作。
設(shè)計(jì)關(guān)鍵點(diǎn):
- 要有一個(gè)清晰的任務(wù)面板,讓用戶能看到任務(wù)進(jìn)度。
- 在關(guān)鍵決策點(diǎn),要給用戶確認(rèn)的選項(xiàng),不能完全“黑盒”操作。
- 最終結(jié)果的呈現(xiàn)方式要清晰易懂。
二、B端核心場(chǎng)景:AI如何解決企業(yè)痛點(diǎn)
知道了AI長(zhǎng)啥樣,再來(lái)看看它在B端系統(tǒng)里最能發(fā)揮價(jià)值的幾個(gè)地方。
場(chǎng)景一:流程自動(dòng)化 - 智能審批與數(shù)據(jù)錄入
痛點(diǎn): 報(bào)銷審批慢、合同審核累死人、數(shù)據(jù)錄入枯燥易錯(cuò)。
AI怎么干:
- 智能報(bào)銷: 員工拍照上傳發(fā)票,AI自動(dòng)識(shí)別信息、填單子、檢查合規(guī)性,沒(méi)問(wèn)題就自動(dòng)秒批,有問(wèn)題的才轉(zhuǎn)給財(cái)務(wù)人工處理。(代表:釘釘AI審核報(bào)銷、阿里商旅報(bào)銷)
- 智能合同審核: AI把合同和標(biāo)準(zhǔn)模板一比,就能把有風(fēng)險(xiǎn)、有缺失的條款給你標(biāo)得明明白白,法務(wù)同學(xué)只需要重點(diǎn)看這些地方就行了。(代表:法大大、e簽寶等)
設(shè)計(jì)價(jià)值: 咱們?cè)O(shè)計(jì)的不再是“怎么讓用戶一步步填完表單”,而是“如何高效地處理異?!薄?/p>
場(chǎng)景二:數(shù)據(jù)洞察化 - 智能問(wèn)答與決策支持
痛點(diǎn): 報(bào)表一大堆,關(guān)鍵信息看不清;老板想要個(gè)數(shù)據(jù),得讓開發(fā)小哥跑半天。
AI怎么干:
智能BI: 老板可以直接在報(bào)表頁(yè)面問(wèn):“2023~2024年中國(guó)地區(qū)部的每月凈利潤(rùn)趨勢(shì)” ,AI就會(huì)對(duì)”區(qū)域品類銷售數(shù)據(jù)“的數(shù)據(jù)集今天分析,比如:阿里云Quick BI
主動(dòng)預(yù)警: 系統(tǒng)自動(dòng)監(jiān)測(cè)數(shù)據(jù),發(fā)現(xiàn)異常立馬提醒,告訴你“注意了,有風(fēng)險(xiǎn)!”,比如阿里云Quick BI
設(shè)計(jì)價(jià)值: 咱們的設(shè)計(jì)重點(diǎn)從“如何展示所有數(shù)據(jù)”變成“如何讓用戶一眼看到洞察”。
場(chǎng)景三:知識(shí)協(xié)同化 - 企業(yè)知識(shí)大腦
痛點(diǎn): 公司文件海量,找個(gè)資料像大海撈針;新人來(lái)了沒(méi)人帶,到處問(wèn)人。
AI怎么干:
智能知識(shí)庫(kù):比如企業(yè)微信新員工可以直接在搜索或者AI對(duì)話中問(wèn):“三組最新的銷售額是多少?”AI能瞬間把相關(guān)的項(xiàng)目文檔,銷售記錄、會(huì)議紀(jì)要都翻出來(lái),總結(jié)好給他看。
設(shè)計(jì)價(jià)值: 咱們要設(shè)計(jì)一個(gè)像和專家聊天一樣自然的知識(shí)獲取入口,而不是復(fù)雜的文件樹和搜索過(guò)濾器。
三、實(shí)戰(zhàn)第一步:B端UI設(shè)計(jì)師的AI上手清單
說(shuō)了這么多,最關(guān)鍵的是:咱們自己該咋辦?別急,從這2步開始,一點(diǎn)都不難。
1. 心態(tài)準(zhǔn)備:從“畫師”轉(zhuǎn)向“導(dǎo)演”
以前 咱們是“畫師”,追求的是界面好看、像素完美。
現(xiàn)在和未來(lái): 咱們要當(dāng)“導(dǎo)演”。AI是演員,用戶也是演員。我們的工作是設(shè)計(jì)他們之間如何默契配合的流程和劇本。思考的重點(diǎn)從“這個(gè)按鈕放左邊還是右邊”變成“這個(gè)任務(wù),是該AI自動(dòng)完成,還是提示用戶確認(rèn)一下?”
2. 技能升級(jí):三個(gè)立刻就能練起來(lái)的“新基本功”
提示詞(Prompt)設(shè)計(jì): 這是和AI溝通的“語(yǔ)言”。學(xué)會(huì)清晰地給它下指令,是我們的核心技能。比如,不只是說(shuō)“生成個(gè)圖標(biāo)”,而是說(shuō)“為一個(gè)金融APP設(shè)計(jì)一個(gè)體現(xiàn)‘安全’的、線性風(fēng)格的、藍(lán)色的、64x64像素的鑰匙圖標(biāo)”。
狀態(tài)設(shè)計(jì): AI的工作不像點(diǎn)按鈕那么確定。所以咱們得為“加載中、思考中、成功、出錯(cuò)、不確定、”這多種狀態(tài)設(shè)計(jì)優(yōu)雅的界面反饋。這是UI設(shè)計(jì)的新大題!
案例拆解: 每天花10分鐘,玩玩WPS AI、通義靈碼或者釘釘?shù)闹悄苤?。別光用,邊用邊想:“它這個(gè)交互流程舒服嗎?為什么這么設(shè)計(jì)?如果我來(lái)做,會(huì)怎么優(yōu)化?”
總結(jié)
同學(xué)們,AI不是來(lái)?yè)屧蹅冿埻氲?,而是?lái)幫咱們把飯碗端得更穩(wěn)、吃得更香的。它把我們從一個(gè)重復(fù)的“畫圖員”,變成了更具策略性的“智能體驗(yàn)設(shè)計(jì)師”。
而且你發(fā)現(xiàn)AI將重塑整個(gè)B端產(chǎn)品,現(xiàn)在我們要做的,不是恐慌,而是充滿好奇地去了解和擁抱它。 就從今天開始,用我們?cè)O(shè)計(jì)師最擅長(zhǎng)的“體驗(yàn)”和“琢磨”去玩轉(zhuǎn)AI,把它變成我們手里最強(qiáng)大的設(shè)計(jì)工具。
希望你看完這篇文章,再看到AI時(shí),眼里不再是迷茫和焦慮,而是躍躍欲試的興奮和靈感!
作者:風(fēng)箏的日記
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請(qǐng)?jiān)L問(wèn):網(wǎng)站技術(shù)