8000字競品分析干貨!超詳細的AI對話類產品分析與思考
“AI 對話產品之爭,誰能脫穎而出?” 在人工智能蓬勃發展的時代,AI 對話類產品如雨后春筍般涌現。它們各具特色,功能多樣。如何在眾多產品中洞察優劣,做出明智選擇?本文將通過對五款熱門產品的詳細分析,為你揭開謎底。
本次競品分析的對象是AI對話類產品,選取訊飛星火、文心一言、通義、Kimi、豆包這5款市面上比較火的產品,從頁面布局、對話交互、亮點設計等多個方面來深入分析,相信看完這篇分析后,能讓大家對這些熱門AI對話產品有更深入的認識~
一、AI 產品的輸入框布局
① 基礎的元素
根據5大AI競品提煉出的基礎元素。
提示文本:使用戶能夠在生成AI聊天中輸入和發送的文本提示,顯示可選的占位符文本以建議操作。
發送圖標:用戶輸入完成,用來進行下一步操作的按鈕。
上傳文件:支持上傳文檔、圖片等。
② 各產品的布局展示
訊飛星火:采用上下結構布局。在基礎的框架上,把一些快捷功能融入到輸入框內部,增加與輸入信息的關聯性;在Web端融入了移動端的絲滑交互:語言錄入;同時將一部分智能體模型外置展示,放在輸入框下方,方便用戶調用,加強智能體與輸入對話的連接。
文心一言:采用框內布局展示。將功能主要聚焦于輸入框內進行展示。輸入框內上下布局,用分割線進行分隔,上方展示產品智能體模型及指令,下方聚焦于文本相關操作:直接輸入、上傳文件圖片,將發送按鈕放置右下角。
通義千問:充分利用周邊結構布局。在輸入框左上右三個方向都有操作功能。上方展示部分智能體,方便用戶調用;左側聚焦上傳功能,可以上傳文件、圖片等操作;右側聚焦指令功能,可以調用指令及新建指令操作。
Kimi:采用框內布局展示。將功能主要聚焦于輸入框內進行展示,左右布局排布。左側展示聯網搜索,給予用戶操作結果預期;右側展示發送按鈕及產品能力:上傳、常用語功能;同時根據提示文本操作,可一鍵切換Kimi探索版,增加與用戶的鏈接。
豆包:采用上下結構布局。上方展示智能體模型,方便用戶調用;輸入框內將操作都放置在了右側,避免影響左側輸入內容展示,加入語音錄入功能,方便用戶快速錄入信息,同時加入截圖提問客戶端引導下載入口,增強產品與用戶的鏈接。
③ 差異化的設計
(1)聯網/深度搜索5個競品中,訊飛星火、Kimi、豆包支持聯網搜索;訊飛星火、通義千問、豆包支持深度搜索聯網搜索:是指AI產品通過連接互聯網,利用搜索引擎技術來查找和獲取相關信息。這種搜索方式主要依賴于互聯網上現有資源,通過爬蟲技術抓取、索引網頁內容,并根據用戶的查詢請求返回相關的網頁鏈接或信息片段。深度搜索:是指AI產品利用深度學習、自然語言處理等先進技術,對信息進行更深層次的挖掘和分析,以提供更準確、更全面的搜索結果。這種搜索方式不僅依賴于互聯網上的現有資源,還通過算法對信息進行整合、推理和生成。
1)訊飛星火聯網搜索:
入口:系統自動使用展示訊飛星火生成內容是否使用聯網搜索,取決于其設計和功能需求。若要求實時獲取最新的信息或數據,那么可能會集成聯網搜索功能,以便從互聯網上獲取并處理相關信息。例如,對于需要提供天氣預報、股票行情等實時數據的服務,使用聯網搜索可以確保提供的信息是最新的。若如果內容生成主要基于已有的知識庫或預設的數據,并且這些數據不需要頻繁更新,那么可能就不會使用聯網搜索。這種情況下,系統會依賴內置的數據庫或預先訓練好的模型來生成內容,而不依賴于外部網絡資源。此外,出于隱私和安全的考慮,某些應用可能限制或不使用聯網搜索功能,以避免潛在的數據泄露風險。
深度搜索:
入口:在AI搜索菜單下,根據生成內容是否啟用了聯網搜索,展示「深度搜索」按鈕。啟用聯網搜索,則展示;不啟用聯網搜索,則不展示。
2)通義千問深度搜索入口:用戶手動選擇。
(1)在普通搜索結果頁,展示「深度搜索」按鈕;
(2)在輸入框上方按鈕「深度搜索」。
3)Kimi聯網搜索:入口:用戶手動選擇,系統默認開啟。輸入框內「聯網搜索」按鈕Kimi的聯網搜索不同于其他產品之處在于:在側欄展示檢索網頁具體內容,內容外置展示更多,方便用戶瀏覽與查找。
Kimi探索版:
入口:輸入框快捷鍵調用
Kimi探索版是Kimi新增的深度推理AI搜索功能,它通過模擬人類的思考模式,通過深度推理和自我反思,提供一個更智能、更準確、實用的搜索結果。
4)豆包聯網搜索:
入口:系統自動使用展示。根據不同內容,生成決定是否需要聯網搜索。若遇到一些需要獲取最新動態、時事新聞相關的,或者涉及非常具體的實時性較強的數據、當下流行的文化等情況時,為了能提供更貼合實際、更全面準確的內容,就會通過聯網搜索去查找對應的信息,然后整合后回復。若是一些基于既有知識儲備就能準確回答的常見通用知識、概念原理等問題時,會依靠預先學習到的內容來作答,無需聯網就能給出較為完善的回復。
深入搜索:
入口:用戶手動選擇。
(1)AI搜索菜單,啟用按鈕;
(2)首頁/AI搜索菜單下,根據生成內容啟用了聯網搜索后,展示「深入搜索」按鈕。
(2)指令調用5個競品中,訊飛星火、文心一言、通義千問、Kimi支持使用指令進行問答。
訊飛星火:可在指令中心直接調用或修改指令。
文心一言、通義千問:可在指令中心直接調用或新建自定義指令。
Kimi:可自定義常用語指令,系統模版在新建指令時隨機展示。
1)訊飛星火指令
調用入口:個人中心的「指令推薦」
調用路徑:「指令中心」點擊執行直接調用,或點擊編輯執行-彈窗修改指令進行調用
2)文心一言指令
調用入口:輸入框內「我的指令」,或快捷鍵“/”
調用路徑:輸入框內「我創建的」「我收藏的」單擊直接調用,或在「一言百寶箱」點擊使用進行調用。
新建指令入口:輸入框內的「創建指令」
創建路徑:點擊「創建指令」輸入標題和內容,進行創建,創建完成后支持修改
調用路徑:在「我的指令」中調用。
3)通義千問指令
調用入口:按鈕「指令中心」,或快捷鍵“/”
調用路徑:「指令中心」單擊指令調用。
新建指令入口:「指令中心」按鈕新建指令,或自定義指令中立即添加
創建路徑:點擊「新建指令」輸入標題和內容,進行創建,創建完成后支持修改
調用路徑:在「自定義指令」中調用。
4)Kimi
入口:輸入框內「常用語」按鈕中,「添加常用語」
創建路徑:點擊「添加常用語」輸入標題和內容,或點擊隨機一個,可自定義設置喚醒詞,進行創建,創建完成后支持修改。
調用路徑:在下拉菜單中調用,或輸入關鍵喚醒詞調用。
指令是聚焦文本框的操作,文心一言的處理方式很好,與輸入框關系緊密,能夠提高用戶的操作效率,但針對于指令調用方面,我個人最喜歡Kimi的設計,只需要輸入關鍵詞,就可以喚醒進行調用,操作很nice。
(3)預判設計5個競品中,Kimi和豆包在粘貼圖片后進行預判
設計:提供輔助文本,將用戶下一步的操作外置,預判用戶接下來的行為。
布局:粘貼圖片展示,訊飛星火和Kimi是展示在輸入框下方;文心一言、通義千問、豆包是展示在輸入框內。
交互:在粘貼圖片后,通義千問需要輸入相關指令才可點擊「發送」按鈕,其他4款競品的按鈕直接可點擊。
Kimi:預判指令,在輸入框內作為提示文本「整理核心內容」展示。
豆包:預判指令,在輸入框內展示按鈕「解釋這張圖片」。
針對預判設計的展示,我個人喜歡豆包的形式,清晰明了;Kimi的文本提示,可能會注意不到。
(4)語音錄入5個競品中,訊飛星火和豆包支持語音錄入。
訊飛星火
觸發:點擊「語音」按鈕
結束:點擊「語音」按鈕語音錄入后,編輯文本,語音不會停止;但再次進行語音時,剛編輯的文本會被清空,繼續錄入語音識別的內容。
豆包
觸發:點擊「語音」按鈕
結束:點擊「語音」按鈕,或者編輯文本語音自動終止
針對這兩種語音錄入的形式,我個人喜歡豆包這種處理方式。啟用編輯文本的操作,就是對識別語音的下一步處理,此時語音就可以結束了,而像訊飛星火的處理方式,不是不可以,但編輯好了大段的文本,當再次使用語音時,剛編輯好的文本全被被清空,不生效,那就很崩潰了…
(5)文本潤色
5個競品中,訊飛星火和文心一言支持文本潤色。
訊飛星火舊版
入口:觸發輸入框,顯示「指令內容優化」按鈕,輸入文字后按鈕高亮
新版入口:新版官方說「指令內容優化」功能還存在,但我沒找到入口,大家有知道的也可以討論下
文心一言
入口:輸入框內、新建指令內容框內。在輸入框輸入文字后高亮顯示,潤色后有切換Tab,依舊保留潤色前的內容,由用戶按需選擇。
④ 我的思考
AI產品的輸入框應該怎樣設計呢?這5款產品,總結下來就兩種布局方式:框內布局、框內+框外。如果你的產品功能簡潔明了,框內就可以放得下,那就可以采用框內布局,像Kimi一樣;如果你的產品想展現的內容較多,而且內容需要區分不同類型,那建議采用框內+框外結合的方式,將上傳文件、語音錄入等和文本操作緊密相關的內容放置框內,將系統推薦的內容放置框外,像訊飛星火、通義千問、豆包一樣;
另外文心一言的展示形式,將所有內容都放置在框內,我個人不太喜歡這種方式,輸入框內放的東西太多,我的視覺不知道該看哪個內容。
二、AI 產品的對話交互
① 基礎的元素
根據5大AI競品提煉出的基礎元素。
用戶輸入消息:用戶從輸入字段發送到對話的消息
人工智能輸出響應:用戶在與生成式人工智能對話時收到的消息
頭像:參與對話者身份的視覺標識,使用頭像來代表用戶和生成AI
功能按鈕:一般包括重新生成、復制、分享等操作,方便用戶對于輸出結果的下一步處理
反饋按鈕:一般包括贊和踩按鈕,來收集用戶對于回答滿意度的反饋推薦
輸入:向用戶推薦相關的內容,建議可發送的下一個提示,激勵用戶繼續與生成式AI互動
生成式AI輸出標簽:一個簡短的標簽,表明輸出是由生成式人工智能產生的
② 各產品的布局展示
訊飛星火:
新版對話布局采用左右結構,使用底色
用戶和生成式AI的內容:用戶輸入內容有底色,生成式AI輸出內容無底色,使用背景底色。生成式AI輸出內容、操作按鈕及推薦輸入,都居左對齊排布,依次展示在下方。此外,新版優化在頭部加入訊飛星火產品LOGO,加強用戶的品牌意識,也是生成式AI輸入標簽的另一種表達形式。
文心一言:
對話布局采用上下結構,使用底色和頭像區分
用戶和生成式AI的內容:用戶頭像展示默認頭像,生成式AI頭像展示產品Logo;用戶輸入內容無底色,生成式AI輸出內容有底色。僅生成式AI輸出內容及生成式AI輸出標簽展示在卡片內部,操作按鈕和推薦輸入內容展示在卡片下方,且推薦輸入內容單條豎向排列。
通義千問:
對話布局采用左右結構,使用底色和頭像區分
用戶和生成式AI的內容:用戶無頭像展示,生成式AI有頭像;用戶輸入內容和生成式AI輸出內容底色不同,區分明顯。生成式AI輸出內容及操作按鈕都在卡片內部,推薦輸入內容在卡片下方,且單條豎向排列。
Kimi:
對話布局采用左右結構,使用底色和頭像區分
用戶和生成式AI的內容:用戶頭像展示默認圖標,生成式AI頭像展示產品自定義頭像,同時區分歷史消息頭像和最新消息頭像;用戶輸入內容和生成式AI輸出內容底色不同,區分明顯。生成式AI輸出內容和操作按鈕展示在卡片內部,推薦輸入內容在卡片下方,且單條豎向排列。
豆包:
布局采用左右結構,使用底色區分用戶和生成式AI的內容:用戶輸入內容有底色,生成式AI輸出內容無底色,使用背景底色。
生成式AI輸出內容、操作按鈕及推薦輸入,都居左對齊排布,依次展示在下方。
③ 交互的內容差異
(1)加載狀態
關于加載狀態的展示,各產品聚焦于四部分內容的變化:
1)文本生成起始點進行加載緩沖;
2)文本跟隨加載;
3)發送按鈕加載;
4)頭像加載
訊飛星火在「普通生成」中,使用文本生成起始點進行加載緩沖;在「聯網生成」中,使用文本生成起始點進行加載緩沖,加載完成切換成常駐加載,提示用戶是在使用聯網搜索功能進行生成;兩種生成方式中,發送按鈕都是高亮狀態,但不可點擊。
文心一言輸入框輸入文本后,發送按鈕變為加載樣式;內容生成中,頭像加載,文本跟隨加載。
通義千問在「普通生成」中,使用文本生成起始點進行加載緩沖,短暫加載,后陸續生成內容,伴隨跟隨加載在「深度生成」中,使用文本生成起始點進行加載緩沖,展示問題理解進度條,同時加載提示:正在搜索中…后陸續生成內容,伴隨跟隨加載兩種生成方式中,按鈕由發送按鈕變為停止生成按鈕。
Kimi結合了這4種加載方式,輸入框輸入文字,點擊發送后,按鈕變為置灰不可點狀態;
文本生成前,使用文本生成起始點進行加載緩沖;
文本生成中,跟隨加載及頭像跳動加載。
「聯網生成」,在此基礎上,加載提示:正在閱讀文本;生成中,提示:閱讀完成;「探索版生成」,在此基礎上,提示:正在規劃、正在搜索;生成中,提示:閱讀完成。
豆包在「普通生成」中,使用文本生成起始點進行加載緩沖、文本跟隨加載和按鈕變化,由發送按鈕,變為停止發送按鈕;在「聯網生成」中,再加入提示:基于XX個搜索來源;在「深入生成」中,再加入提示:正在深入搜索中及搜索來源。
我個人比較喜歡使用文本生成起始點進行加載緩沖、文本跟隨加載及頭像加載相結合的方式,發送按鈕就固定變為停止生成按鈕,在生成中,視線聚焦于輸出內容本身,視覺更聚焦些。
(2)長文本內容生成這5個競品中,針對長文本內容生成的展示處理,主要有兩種形式:1)超出首屏向上滾動;2)超出首屏屏幕固定,展示「一鍵置底」按鈕。訊飛星火、文心一言、豆包這3個產品采用超出首屏向上滾動的形式,這樣視覺焦點始終定位到正在生成中的內容。
通義千問、Kimi這2個產品采用超出首屏屏幕固定,展示「一鍵置底」按鈕,用戶可手動點擊滑動到底部。
我個人比較喜歡超出首屏屏幕固定的方式,AI輸出的內容,只需要看首屏就知道自己需不需要了,如果需要,我可以手動滾動查看,或者點擊「一鍵置底」圖標;如果不需要,點擊「停止生成」按鈕就好了。但這種方式有點問題就是,通義千問和Kimi在內容輸出結束時,如果我不點擊「一鍵置底」圖標,沒有任何提示告知我輸出操作結束了。那采用此方式的基礎上,輸出結束頁面自動跳轉到底部是不是更好?
(3)重新生成的思考
內容重新生成:文心一言是采用分頁及卡片堆疊方式來展示多對話層級的,同時鼠標hover在分頁上,氣泡提示:查看全部,點擊展開右側面板,查看全部對話信息;另外,在重新生成卡片中,文心一言會詢問用戶的意見:較上次回答的比較。訊飛星火舊版也是采用卡片+分頁的形式,但新版后AI輸出內容去掉了卡片,就僅剩下右上角的分頁形式了。通義千問、豆包采用卡片內展示分頁的形式Kimi采用撤回消息的方式展示,上一條對話信息算歷史消息,點擊「點擊查看」,彈窗展示上一條對話信息。
我個人最推薦文心一言的展示形式,卡片堆疊+分頁形式,視覺上直觀清晰,用戶一目了然,同時外露調研入口,用戶既然做了再次生成的操作,那對第一條問答就是不太滿意,再次生成有沒有符合用戶的預期呢?在此做個小調研。最不推薦的是Kimi的展示形式,使用撤回消息的樣式,連續生成多次問答,就是多次撤回消息,想知道之前的問答是什么內容,需要一條條點擊去查看,在操作便捷性上,不如分頁直接切換來的明顯直接。此外,還有個分頁的小細節點,我匯總整理了一下:
我個人感覺豆包對于分頁處理的最好,在系統中的操作要讓用戶心理有預期,豆包的狀態區分很明顯,能夠很好的給予用戶心理預期,便于下步操作。輸入重新編輯:訊飛星火、文心一言:在文本的后面展示分頁通義千問:在文本的下方展示分頁Kimi、豆包:是直接替換上一個文本的位置
展示分頁形式不管是下方還是后面的形式,在視覺上都是告訴用戶這里是有兩條內容,但Kimi、豆包的展示形式是直接覆蓋,用戶想查找上一個內容,就找不到地方了,體驗不好…關于再次編輯快捷鍵的細節交互,我匯總整理了一下:
不知道大家有沒有注意到,在首頁我們輸入文本,進行問答的時候,這5個競品都是支持「回車鍵」發送的,但在重新編輯問答時,訊飛星火、通義千問不支持;還有針對換行的快捷鍵操作,這2個產品也不一致??旖莅l送、換行,是用戶的頻繁操作,這種細節的交互點不一致,會增加用戶的理解和使用成本,也不符合全局一致性原則,大家設計的時候可以注意下~
④ 停止生成的思考按鈕擺放位置文心一言、Kimi:按鈕在輸出文本框下方,跟隨文本展示通義千問、豆包:在點擊發送按鈕后,將「發送」按鈕,轉換為「停止生成」按鈕訊飛星火:固定在輸入框右上方
我個人比較建議使用輸入框內的形式,符合我的心理預期:在這個位置,我可以做發送的動作,我也可以做停止的動作。另外我們做個聯動:在「長文本內容生成」部分,提到了Kimi長文本超出首屏屏幕固定,內容繼續生成,但是首屏文字不變化,這樣來看,Kimi的跟隨文本展示的「停止生成」按鈕就看不到了,用戶想要進行「停止生成」的操作,要么在文本展示超過首屏前進行,要么需要手動滾動屏幕找到「停止生成」按鈕;通義千問的停止按鈕在輸入框內,就沒有這個疑慮了。所以一個按鈕的設計,我們還是需要從全局性的角度出發,找到最適合產品的解法。停止生成展示:
通義千問、Kimi、文心一言,這3個產品都有明確提示用戶,該對話已停止;但訊飛星火和豆包沒有。豆包比訊飛星火好一點的是,剩余未生成的部分使用“…”表示,也算是給了用戶提示;訊飛星火生成的文本是成段落生成的,又沒有停止生成標識,在視覺上很容易給用戶誤導,對話是生成完整了。所以關于停止生成的內容展示,最不推薦訊飛星火的展示形式。
(5)快捷開啟新對話這5個競品中,只有訊飛星火,在生成對話后,提示了「全新對話」按鈕。這對于提高用戶體驗來說,有很大的幫助,因為充分考慮了用戶的使用場景:當用戶完成一個任務或討論后,他們可能需要立即開始另一個完全不同的話題。增加「全新對話」按鈕,用戶可以快速開始一個新的對話,無縫地進入下一個主題的討論,不僅節省了時間,還提高了操作的流暢性。
三、各產品的亮點設計
訊飛星火我個人比較喜歡的功能設計是「群聊」功能,這也是其他幾款AI產品沒有的。用戶可以選擇自己想要的智能體模型,加入群聊,重新命名,在對話中也可指定某個智能體回答問題,對于聚焦于某個使用場景的用戶來說很便捷,無需分別開啟不同的聊天窗口,極大提高了溝通效率。
通義千問通義千問印象深刻的功能設計點,我個人認為是效率工具集,我也咨詢了下公司的其他小伙伴,能一下想起來的就是這個功能。主要這個功能設計對于打工人來說太友好了,特別是「實時記錄」功能,它能夠實時語音轉文字、區分發言人、智能總結要點、生成思維導圖等。對于會議會后溯源問題及做會議紀要的打工人來說真是太強了~
Kimi大家有沒有注意到,Kimi的首頁logo設計是和節假日活動融合最好的產品,其他產品最多在首頁模塊加些活動節日主題之類的,但是Kimi會結合在logo上。比如:中秋節版本,會在logo中融入中秋節元素,同時輔助動效,加強活動氛圍,鼠標hover到logo上月餅打開了。不過很可惜,那個版本沒保留下截圖。我從網上搜集了一些其他節假日活動的一些設計,大家可以看看~
四、瀏覽器插件體驗
瀏覽器插件的展示多為懸浮窗展示,外置幾種功能,在文檔使用中會結合文檔操作懸浮窗進行展示。這幾款產品中,Kimi一如既往保留功能的簡潔性,聚焦4大功能,名詞解釋(包括劃詞、框選截圖)、總結全文、解釋當前屏幕、快捷對話,同時可搭配快捷鍵使用。將劃詞框選功能單獨拿出來,在閱讀網頁或者編輯文檔時,一鍵點擊Kimi圖標,就可進行名詞解釋,很方便,大家可以試試~
訊飛星火,外置3大功能:總結、翻譯、提問。在使用插件翻譯時,我發現和豆包插件的翻譯有很大區別,大家可以看下圖對比下~訊飛星火的翻譯,僅支持當前頁面,在切換頁面時,翻譯不生效;而豆包的翻譯,支持該網頁下全局的翻譯,切換頁面依然有效,而且豆包的翻譯沒有替換掉原英文,中英對照的方式,更方便用戶對比查看,用戶體驗更好。
豆包,外置5大功能:語音錄入、收藏網頁、截圖識文字、總結頁面、翻譯頁面,同時可結合快捷鍵使用,滾動顯示設置按鈕。豆包除了翻譯功能外,我很喜歡的一點是根據用戶場景化進行設計。比如,我在寫文檔時,右側提示「編輯」按鈕,點擊,豆包可以幫你寫、重寫,這兩個操作都是跟寫作緊密相關的,放在這里再合適不過了。
最后
競品分析是一個長期的過程,我們可以通過橫向和縱向的對比,更加了解每個產品,根據自己的需求和使用場景選擇合適的AI對話工具,同時階段性的總結也會使得我學會從多維度去思考,基于這些競品提供了寶貴的經驗和啟示,更好地理解和把握AI對話類產品的未來發展。
本文由人人都是產品經理作者【Clippp】,微信公眾號:【Clip設計夾】,原創/授權 發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自Unsplash,基于 CC0 協議。
看來你對AI大模型的發展很感興趣呢!確實,兩年間AI技術取得了巨大進步,尤其是在大模型領域。這些模型通過深度學習和大量數據訓練,已經在自然語言處理、圖像識別等多個領域展現出強大的能力。期待未來AI能帶來更多創新和便利!