本頁面說明如何改善 AI Commerce Search 中對話式代理程式實作的使用者體驗。
搜尋最佳化檢查清單
請按照下列步驟操作,避免常見錯誤:
核心原則
本節說明使用對話式代理程式的核心原則和最佳做法,做為引導式搜尋套件的一部分。
清楚明瞭與資訊公開
請設定網站,讓使用者取得所需結果,並能透過下列方式縮小或調整搜尋參數:
含糊不清的查詢
遇到模糊不清的搜尋查詢時,對話式代理程式會主動尋求釐清。
細微的查詢
如果查詢非常詳細,AI Commerce Search 需要有完善的內容結構和詳細的中繼資料,才能傳回準確的結果。
使用者期望
模型必須根據使用者的搜尋記錄,優先顯示相關結果。
隨性抓拍限制
如果系統無法解讀查詢內容,或只傳回有限的結果,AI Commerce Search 會通知網站訪客並提供替代方案。
效率和速度
使用預測搜尋功能
根據歷史資料、熱門查詢和使用者行為,提供自動完成建議、預測意圖,並立即顯示相關結果。
強化篩選機制
透過對話輸入內容來修正結果,加快取得所需資訊的過程。
排名和最佳化
根據脈絡、使用者記錄和搜尋趨勢,優先顯示最相關的產品。
減少認知負荷
設定 AI Commerce Search,運用情境感知功能記住使用者先前的選擇,盡量減少多餘動作,加快使用者決策速度。
建立個人化設定,但不要過度
為避免使用者感到資訊過載,動態篩選功能可在個人化和使用者自主性之間取得平衡。對話式代理程式不會提供過多的篩選條件,而是根據使用者先前的搜尋或購買資料,建議可供參考的偏好設定。此外,AI Commerce Search 還能根據即時行為調整。舉例來說,在為他人尋找禮物時,購買記錄可能不相關,因此對話式代理程式可以根據這個情境進行調整,不向使用者顯示這類不必要的資訊。
控管機制,確保工作階段之間脈絡一致且連貫
這項功能會將每項查詢視為脈絡的一部分,因此不必重複輸入先前的內容,即可更有效率地搜尋。不僅要在工作階段內和工作階段之間,也要在裝置之間普及情境感知功能,確保作業能順利接續。
工作階段內連續性
AI Commerce Search 的設計宗旨是記住使用者在工作階段中的過往互動,以便逐步改善搜尋結果。
跨工作階段的連續性
網站訪客應能從上一個工作階段中斷的地方繼續,而不會覺得對話式代理人很煩人。
整合無障礙和多元包容性考量
無論網站訪客是透過語音、文字或圖片互動,AI Commerce Search 都必須提供包容性解決方案,支援不同能力、偏好或技術限制的使用者。
| 支援多模態輸入 | 修正語音轉文字結果 |
| 螢幕閱讀器相容性 | 即時語音轉錄 |
| 清楚的語意結構 | 預測文字輔助 |
| 圖片內容的旁白 | 自動更正 |
使用目標問題確保錯誤處理機制運作正常
無可避免地,有時查詢在特定網站上不會產生任何結果。對話式代理不會顯示「找不到結果」這類無用的訊息,而是提供智慧建議和替代方案。此外,對話式代理程式會提示使用者釐清意圖,並提出相關問題來縮小偏好和需求範圍,打造以使用者為中心的對話。
設計行動號召,讓對話順利結束
為避免使用者放棄,對話式代理會在對話結束時提供明確可行的路徑,維持動能,盡可能提高使用者滿意度,並提升轉換機率。此外,對話式代理還能根據瀏覽活動或購買記錄,顯示相關的後續問題,在初始互動後創造再參與的機會。
最佳化網頁介面元件和模式
本節詳細說明如何透過使用者介面設計,盡可能提升對話式代理的使用體驗,尤其是在行動裝置上。這項功能著重於強化搜尋輸入和呈現方式、管理對話式元素 (不會中斷瀏覽),以及運用自動完成、預測搜尋和輪播功能,有效率地探索產品。本節也涵蓋呈現搜尋結果、處理模稜兩可的查詢,以及使用溝通式動畫的策略,打造更流暢直覺的使用者歷程。
搜尋輸入內容和強化功能
做為對話式代理程式的進入點,搜尋框必須兼顧清楚明瞭和實用性,尤其是在螢幕空間有限的行動裝置上,更要盡量減少干擾。
針對行動裝置最佳化刊登位置
大多數人都是用大拇指操作手機,因此將搜尋框放在畫面底部,更符合使用者習慣。這項細微的調整符合對話式代理程式的目標,也就是讓搜尋更直覺,減少瀏覽所需的心力與阻力。
指出支援自然語言輸入
- 建議提示:顯示價格低於 $100 美元的紅色運動鞋
- 動態預留位置文字:「提出問題」
- 微文案:請嘗試以完整句子搜尋!
- Icons:聊天泡泡、麥克風或攝影機圖示
管理對話式代理程式,不會中斷瀏覽作業
如果搜尋功能變成對話式,可能會佔用寶貴的螢幕空間。
如要降低這類風險,可以實作下列項目:
- 可收合的對話:使用者可以透過持續顯示的圖示展開及收合對話區域。
- 對話重疊畫面:對話重疊畫面會浮動在網頁上方,讓使用者仍可查看結果。
- 嵌入式對話:搜尋歷程會從標準輸入欄位開始,然後展開為全螢幕對話式網頁介面。
設定自動完成和預測搜尋功能
為減少使用者輸入完整搜尋字詞的需求,請實作自動完成和預測搜尋功能,減少完整搜尋字詞的需求:
- 智慧預測輔助:使用者輸入內容時,搜尋列會顯示預測字詞,並以較淺的字體提供即時自動完成建議。
- 預測查詢字串下拉式清單:搜尋列下方會顯示動態清單,列出建議查詢、熱門搜尋和近期記錄
- 內容比對篩選器晶片:使用者輸入內容時,搜尋列下方會顯示篩選器,提供相關篩選選項,例如類別、價格範圍或品牌。
- 智慧修正:下拉式選單會顯示錯別字的自動更正建議。
呈現及修正搜尋結果
透過版面配置和修正選項,盡可能提升搜尋項目回傳結果的準確度,可讓瀏覽體驗更順暢,確保網站訪客能有效率地掃描、比較及篩選結果。
結果檢視畫面和版面配置
結果在對話式代理控制台中的呈現方式,取決於嵌入或疊加在體驗上的網頁介面。
- 可收合和疊加的結果:這個檢視畫面可將結果分離,動態更新主要產品格線,同時在側邊面板或浮動對話中保留對話。
- 內嵌結果:這個檢視畫面會直接在對話中顯示結果,以結構化資訊卡、輪轉介面或內嵌產品資訊的形式呈現,確保使用者體驗流暢。
導入動態篩選和精選功能
使用者輸入提示後,引導式搜尋會主動詢問釐清問題或顯示相關的篩選器選項,引導使用者獲得更精確的結果。
使用互動式頁面元素處理模稜兩可的查詢
介面可使用互動式網頁元素引導使用者取得更相關的結果,而非傳回不相關的結果。
在網站上整合溝通動畫
這類細微的動畫可提供視覺回饋,讓互動更流暢直覺,協助使用者即時瞭解變化。
- 載入狀態:產品資訊卡上的微光效果或搜尋列上的細微脈衝,可能表示搜尋正在處理中。
- 輸入指標:簡短的輸入動畫 (例如三個點閃爍) 可讓使用者放心,系統正在積極運作。
- 串流回應:對話式代理程式可以即時生成回應,並在處理時動態顯示文字。對話型代理 API 是串流服務,這是使用者體驗的重要設計考量。
- 淡入淡出轉場效果:使用者調整篩選器或導覽搜尋建議修正內容時,結果可能會淡入和淡出。
運用輪播內容
輪轉介面會顯示相關產品、推薦內容和熱門項目,不會讓使用者感到疲乏。特別是在行動裝置上,輪轉介面可讓使用者透過直覺的滑動手勢瀏覽多項產品或優惠,充分利用有限的螢幕空間。
輪轉介面包括:
- 根據使用者行為提供個人化建議。
- 熱門或促銷產品。
- 最近瀏覽過的項目。
- 依類別瀏覽。
輪播最佳做法包括:
- 確保導覽路徑清楚明瞭
- 使用水平捲動而非垂直捲動
- 限制輪轉介面項目
- 輔助主要結果
多模態體驗
語音搜尋和輸入內容,以及轉錄文字,有助於確保多模態模型引導的搜尋體驗。
- 語音搜尋:語音搜尋功能旨在讓網站訪客輕鬆自然地使用。網頁介面設計旨在支援快速、清楚的使用者互動。
- 語音輸入按鈕:搜尋列中的麥克風圖示可供網站訪客啟用語音搜尋功能,啟用時會顯示動畫指標,以閃爍或亮起的方式提供視覺回饋。
- 串流轉錄文字:對話式代理程式可在使用者透過語音互動時串流轉錄文字,讓網站訪客查看及調整輸入內容,同時減少網站雜亂。
網頁介面元件實用指南
本節提供實用指南,說明如何在網頁介面中最佳化對話式代理程式元件。
簡化體驗
簡化使用者體驗可減少認知負荷,確保使用者能快速找到所需內容,不會受到不必要的干擾。
使用者介面減少認知負荷的原則可歸納為:
- 盡量減少流程中的步驟。
- 保持介面簡潔直覺。
- 簡化 AI 建議。
避免誤導或不相關的個人化設定
無關或誤導的結果很快就會讓使用者感到沮喪。
瞭解意圖和 VIP 問題
為精確判斷意圖,Conversational agent 會提示使用者回答相關問題。因此,建議您將對話式代理程式設為詢問特定問題,進一步減少結果數量並降低模糊不清的程度。
使用者歷程
這是理想的使用者對話路徑範例。
步驟 1:對話式代理會向使用者提出問題。
例如:婚禮地點和時間?
使用者可能會回覆類似「紐約夏季」的內容。
步驟 2:對話式代理程式會根據使用者的回答,提出專業問題並顯示相關項目,進一步減少搜尋結果數量和模糊不清的內容。

對話過濾
對話式篩選功能會引導使用者選擇更相關的選項,不會讓他們感到資訊過載:
- 立即更新結果。
- 建議實用的篩選器。
- 清楚標示篩選器。
如要進一步瞭解對話式產品篩選功能,請參閱「對話式產品篩選」。
處理特殊情況和錯誤
為提升搜尋過程的可靠性和易用性,AI Commerce Search 可透過多種方式,順利處理異常或極端情況,以及錯誤:
- 顯示密切相關的替代方案。
- 清楚顯示商品供應情形。
- 建議類似的替代方案。
- 提供補貨通知。
- 將案件轉交給客戶服務團隊。
使用者介面建議和設計選項
對話式代理和對話式產品篩選功能之間的互動非常靈活。以下是打造流暢直覺體驗時,需要考量的幾項重要使用者體驗:
- 單一輸入列:整個體驗只能有一個任意文字輸入列。對話式產品篩選功能沒有專屬的輸入列。這可簡化使用者介面,並確保互動一致性。
- 流暢轉換:設計網頁介面時,請確保對話回覆、建議查詢和篩選選項之間的轉換自然直覺。
- 明確的指引:使用視覺提示 (例如建議回覆的按鈕樣式與一般輸入內容不同),並提供清楚的指示,引導使用者在每個階段進行互動。
- 平衡控制權:使用者應可全程掌控對話方向。
- 篩選與任意形式:單一任意文字輸入列會持續啟用。使用者可以選擇點選建議答案,繼續修正搜尋內容,也可以在文字列中輸入新查詢,發起新一輪對話。這項設計可確保即使在篩選流程中,使用者也能在需求改變時轉向其他主題。
- 重設選項:提供清楚的「開始新對話」或「重設篩選器」選項,讓使用者重新開始搜尋或篩選程序。
- 視覺化持續性:即使轉換至產品篩選程序,仍可在對話視窗中保留對話記錄 (例如顯示先前的問題和答案),有助於提供背景資訊並提升使用者體驗。