PC端產(chǎn)品接入 AI 功能 的 7 種方式
隨著 AI 技術(shù)與產(chǎn)品融合日益緊密,PC 端產(chǎn)品接入 AI 的方式愈發(fā)多樣,不同接入形式對(duì)應(yīng)著各異的用戶交互邏輯與功能定位。深入梳理這些接入路徑,既能為產(chǎn)品迭代提供實(shí)操參考,也能窺見 AI 在功能落地層面的創(chuàng)新方向。
現(xiàn)在 AI 的發(fā)展時(shí)間不短了,很多產(chǎn)品都接入了AI。
我們最近也要將 AI 接入到已有的產(chǎn)品里,搭搭 AI 的風(fēng)。
所以我做了個(gè)調(diào)研,總結(jié)了下當(dāng)前的產(chǎn)品里接入的AI 的方式。
我主要看的是功能層面上接入AI,以參考我們的產(chǎn)品如何接入。
調(diào)研收集的內(nèi)容和都分享給各位,歡迎雙擊下屏幕,給個(gè)小心心~
一、全屏對(duì)話式/沉浸式
將產(chǎn)品能力全部交給 AI,由 AI 智能體進(jìn)行處理。
AI智能體的能力則直接影響著產(chǎn)品能力。
這就要求我們要?jiǎng)?chuàng)建出和產(chǎn)品業(yè)務(wù)深度結(jié)合的智能體,通過“對(duì)話”的交互方式由人工進(jìn)行修改與優(yōu)化,直到最后完成。
在與 AI 智能體對(duì)話的過程中,與產(chǎn)品已有的功能進(jìn)行聯(lián)動(dòng),在對(duì)話中展示出操作功能按鈕。
如下圖,一個(gè)醫(yī)藥數(shù)據(jù)服務(wù)的產(chǎn)品,會(huì)在AI對(duì)話中提供數(shù)據(jù)鏈接,讓用戶查看詳情數(shù)據(jù)。
二、側(cè)邊欄對(duì)話式/協(xié)助式
左邊展示原有的產(chǎn)品內(nèi)容,右側(cè)展示出 AI 對(duì)話框。還是人工操作為主,AI就是輔助,不影響人工的操作。
側(cè)邊欄中的AI功能,根據(jù)所在頁面?zhèn)冗厵谥姓故境鲎罘系?AI 功能,用于引導(dǎo)用戶進(jìn)行操作。
如下圖,是百度文庫的智能助手展示樣式。
下圖是 WPS中的AI數(shù)據(jù)分析,左邊展示出數(shù)據(jù),右邊展示出AI數(shù)據(jù)分析的詳情。
還有 Trae ,Cursor之類的寫代碼工具,也都是此類方式。
三、彈窗提示式
進(jìn)入頁面后,通過彈窗提示、或者是用戶觸發(fā)某個(gè)操作后,展出彈窗,詢問用戶時(shí)候需要使用AI 。
四、懸浮球
需要用戶主動(dòng)觸發(fā),點(diǎn)擊懸浮球后,展開側(cè)邊欄或者是懸浮窗,或者是打開頁面進(jìn)行 AI 對(duì)話。
五、選中觸發(fā)AI
選中文字后,彈出懸浮窗,提供 AI 對(duì)話的快速入口。
當(dāng)然不僅是選中文字,還有輸入框內(nèi)光標(biāo)閃爍時(shí)等等,都可喚起懸浮工具欄,快速調(diào)用 AI。
如下圖中的豆包瀏覽器插件,選中文字后則會(huì)彈出懸浮窗。
還有WPS中的寫公式,如下圖:
選中觸發(fā)彈出懸浮窗或懸浮欄,提供了非常快捷的操作路徑,但是也要注意,不能過度出現(xiàn),否則會(huì)對(duì)用戶造成干擾。
六、直接添加 AI 按鈕
在原有的功能頁面中,直接添加個(gè) 觸發(fā)AI功能的按鈕,用于喚起 AI。如下圖中的 AI生成命令 按鈕:
這種是老系統(tǒng)中加入AI功能最快的方式,不會(huì)影響用戶已有的操作習(xí)慣。
七、直接嵌入到頁面
比如百度搜索后的結(jié)果,會(huì)直接將 搜索結(jié)果通過 AI 總結(jié)后展示在頁面中。
八、總結(jié)
對(duì)于系統(tǒng)中添加 AI ,我上邊調(diào)研總結(jié)的7種方式。你會(huì)發(fā)現(xiàn)和AI 本身沒有多大關(guān)系,歸根到底還是功能的交互方式,只是這個(gè)功能是由 AI 來支持的。上邊的這些方式,是可以互相轉(zhuǎn)換的,全屏對(duì)話可以收起成側(cè)邊欄展示,也可以通過彈窗展示,并不是完全固定的。在調(diào)研過程中,我也收集到了一些官方出的AI設(shè)計(jì)方式,分享給各位,有需要可以進(jìn)網(wǎng)址細(xì)看:
https://pangea.hisense.com/design-ai/introduce.html
https://design.google/library/people-ai-research
https://pair.withgoogle.com/guidebook/
https://www.ibm.com/design/ai/
https://developers.google.com/assistant/conversation-design/welcome
https://www.microsoft.com/en-us/haxtoolkit/library/
https://ant-design-x.antgroup.com/index-cn
本文由人人都是產(chǎn)品經(jīng)理作者【王大鹿】,微信公眾號(hào):【產(chǎn)品大鹿】,原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于 CC0 協(xié)議。
- 目前還沒評(píng)論,等你發(fā)揮!