對話式商務服務專員使用者體驗指南

本頁面說明如何為 Vertex AI Search for commerce 中的對話式商務代理程式導入作業,提供最佳使用者體驗。

搜尋最佳化檢查清單

請按照下列步驟操作,避免常見錯誤:

核心原則

本節說明使用對話式商務代理程式的核心原則和最佳做法,協助您建構引導式搜尋套件。

清楚明瞭且資訊公開

請設定網站,讓使用者取得所需結果,並可透過下列方式調整或修正搜尋參數:

模稜兩可的查詢

對話式商務代理會針對模稜兩可的查詢要求提供更清楚的說明

如果遇到模糊不清的搜尋查詢,對話式商務代理會主動尋求釐清。

細微差異查詢

對話式商務代理會針對細微的查詢尋求釐清

如果查詢內容非常詳細,Vertex AI Search for commerce 就需要有完善的內容結構和詳細的中繼資料,才能傳回準確的結果。

使用者期望

模型必須根據使用者的搜尋記錄,優先顯示相關結果。

對話式商務服務專員會根據網站訪客的搜尋記錄,清楚說明搜尋結果的預期情況。

Candid 的限制

如果無法解讀查詢內容,或只傳回有限的結果,Vertex AI Search for commerce 會通知網站訪客並提供替代方案。

如果無法解讀查詢內容,或只傳回有限的結果,對話式商務代理程式會顯示透明的限制。

效率和速度

根據歷史資料、熱門查詢和使用者行為,提供自動完成建議、預測意圖,並立即顯示相關結果。

強化篩選機制

透過對話輸入內容來縮小搜尋範圍,加快找到所需內容的速度。

排名和最佳化

根據情境、使用者記錄和搜尋趨勢,優先顯示最相關的產品。

減少認知負荷

設定 Vertex AI Search for Commerce,運用情境感知功能記住使用者先前的選擇,盡量減少多餘動作,並加快使用者決策速度。

減少認知負荷可避免多餘的資訊。

建立個人化設定,但不要過度

為避免使用者感到資訊過載,動態篩選功能可在個人化和使用者自主性之間取得平衡。對話式商務代理程式不會提供過多篩選條件,而是根據使用者先前的搜尋或購買資料,建議進行精細調整。此外,Vertex AI Search for commerce 還能根據即時行為調整。舉例來說,在為他人尋找禮物時,消費記錄可能不相關,因此對話式商務代理程式可以根據這個情境調整,不向使用者顯示這類不必要的資訊。

控管機制,確保工作階段之間的情境和連續性

這項功能不會將每個查詢視為獨立事件,而是會考量背景資訊,因此搜尋效率更高,不必重複輸入先前的內容。脈絡感知不僅應在工作階段內和工作階段之間普及,也應跨裝置普及,確保連續性。

工作階段內的連續性

Vertex AI Search for Commerce 旨在記住使用者在工作階段中的過往互動,以便逐步修正。

對話式商務代理程式的設計宗旨,是記住使用者在工作階段中的過往互動。

跨工作階段的連續性

網站訪客應能從上一個工作階段中斷的地方繼續,而不會覺得對話式商務代理人很煩人。

整合無障礙和多元包容性考量

無論網站訪客是透過語音、文字或圖片互動,Vertex AI Search for commerce 都必須提供包容性解決方案,支援不同能力、偏好或技術限制的使用者。

無障礙工具
支援多模態輸入 修正語音轉文字結果
螢幕閱讀器相容性 即時語音轉錄
清楚的語意結構 預測文字輔助
圖片內容的旁白 自動更正
對話式商務代理提供多模態無障礙支援。

使用目標問題確保妥善處理錯誤

無可避免地,有時查詢在特定網站上不會產生任何結果。對話式商務代理會提供智慧建議和替代方案,而不是顯示無用的「沒有結果」訊息。此外,對話式商務代理程式會提示使用者提供更多資訊,並提出相關問題來縮小偏好和需求範圍,打造以使用者為中心的對話。

設計行動號召,優雅結束對話

為避免使用者放棄,對話式商務代理會在對話結束時提供明確可行的路徑,維持動能,盡可能提高使用者滿意度,並提升轉換機率。此外,對話式商務代理程式會根據瀏覽活動或購物記錄,顯示相關的後續問題,在初步互動後創造重新互動的機會。

圖片:顯示應用程式如何有效結束對話

最佳化網頁介面元件和模式

本節詳細說明如何透過使用者介面設計,盡可能提升對話式商務代理程式的體驗,尤其是在行動裝置上。這項功能著重於強化搜尋輸入和呈現方式、管理對話式元素 (不會中斷瀏覽)、運用自動完成、預測搜尋和輪播功能,有效探索產品。本節也涵蓋呈現搜尋結果、處理模稜兩可的查詢,以及使用溝通式動畫的策略,打造更流暢直覺的使用者歷程。

搜尋輸入和強化

做為對話式商務代理程式的進入點,搜尋框必須兼顧清楚明瞭和實用性,尤其是在螢幕空間有限的行動裝置上,更要盡量減少干擾。

針對行動裝置最佳化刊登位置

大多數人都是用大拇指操作手機,因此將搜尋框放在畫面底部,更符合使用者習慣。這項細節與對話式商務代理的目標一致,可讓搜尋更直覺,減少導覽工作和摩擦。

指出支援自然語言輸入

  • 建議的提示顯示價格低於 $100 美元的紅色運動鞋
  • 動態預留位置文字提出問題
  • 微文案嘗試以完整句子搜尋!
  • Icons:即時通訊泡泡、麥克風或攝影機圖示

管理對話式商務代理,不會中斷瀏覽作業

如果搜尋功能變成對話式,可能會佔用寶貴的螢幕空間。

如要減輕這項風險,可以實作下列項目:

  • 可收合的對話:使用者可以透過持續顯示的圖示展開及收合對話區域。
  • 對話重疊畫面:對話重疊畫面會浮動在網頁上方,讓使用者仍可查看結果。
  • 嵌入式對話:搜尋過程一開始是標準輸入欄位,但會展開為全螢幕的對話式網頁介面。

為減少使用者輸入完整搜尋字詞的需求,請導入自動完成和預測搜尋功能,減少完整搜尋字詞的需求:

  • 智慧型預測輔助:使用者輸入內容時,搜尋列會顯示預測字詞,並以較淺的字體提供即時自動完成建議。
  • 下拉式預測清單:搜尋列下方會顯示動態清單,列出建議查詢、熱門搜尋和近期記錄
  • 內容比對篩選器晶片:使用者輸入內容時,搜尋列下方會顯示篩選器,提供相關篩選選項,例如類別、價格範圍或品牌。
  • 智慧修正:下拉式選單會顯示拼錯字詞的自動更正建議。

呈現及修正搜尋結果

透過版面配置和修正選項,最佳化搜尋項目回傳內容,可讓瀏覽體驗更順暢,確保網站訪客能有效率地掃描、比較及篩選結果。

結果檢視畫面和版面配置

對話式商務代理控制台的結果呈現方式,取決於嵌入或疊加在體驗中的網頁介面。

  • 可收合和重疊的結果:這個檢視畫面可將結果分離,動態更新主要產品格線,同時在側邊面板或浮動對話中保留對話。
  • 內嵌結果:這個檢視畫面會直接在對話中顯示結果,以結構化資訊卡、輪轉介面或內嵌產品資訊的形式呈現,確保使用者享有流暢體驗。

導入動態篩選和精選功能

使用者輸入提示後,引導式搜尋會主動詢問釐清問題或顯示相關篩選器選項,引導使用者獲得更精確的結果。

使用互動式網頁元素處理模稜兩可的查詢

介面可使用互動式網頁元素引導使用者取得更相關的結果,而非傳回不相關的結果。

在網站上整合溝通動畫

這類細微的動畫可提供視覺回饋,讓互動更流暢直覺,協助使用者即時瞭解變化。

  • 載入狀態:產品資訊卡上的微光效果或搜尋列上的細微脈衝,可能表示搜尋正在處理中。
  • 輸入指標:簡短的輸入動畫 (例如三個點閃爍) 可讓使用者放心,系統正在積極運作。
  • 串流回應:對話式商務代理程式可以即時生成回應,並在處理時動態顯示文字。Commerce 代理程式 API 是串流服務。這是使用者體驗設計的重要考量。
  • 淡入淡出轉場效果:使用者調整篩選條件或導覽搜尋建議的精確搜尋結果時,結果可能會淡入和淡出。

運用輪播內容

輪轉介面會顯示相關產品、建議和熱門項目,不會讓使用者感到疲乏。特別是在行動裝置上,輪轉介面可讓使用者以直覺的滑動手勢瀏覽多項產品或優惠,充分利用有限的螢幕空間。

輪轉介面包括:

  • 根據使用者行為提供個人化建議。
  • 熱門或促銷產品。
  • 最近瀏覽過的項目。
  • 依類別瀏覽。

輪播最佳做法包括:

  • 確保導覽功能清楚明瞭
  • 使用水平捲動而非垂直捲動
  • 限制輪轉介面項目
  • 輔助主要結果

多模態體驗

語音搜尋和輸入內容以及轉錄文字,有助於確保多模態模型引導的搜尋體驗。

  • 語音搜尋:語音搜尋功能旨在為網站訪客提供自然輕鬆的體驗。網頁介面設計旨在支援快速、清楚的使用者互動。
  • 語音輸入按鈕:搜尋列中的麥克風圖示可供網站訪客啟動語音搜尋功能,啟動時會顯示閃爍或亮起的動畫指標,為使用者提供視覺回饋。
  • 串流轉錄文字:對話式商務代理程式可在使用者透過語音互動時串流轉錄文字,讓網站訪客查看及調整輸入內容,同時減少網站雜亂。

網頁介面元件實用指南

本節提供實用指南,說明如何在網頁介面中,將對話式商務代理程式元件最佳化。

簡化體驗

簡化使用者體驗可減少認知負荷,確保使用者能快速找到所需內容,不會受到不必要的干擾。

使用者介面中認知負荷降低的總結如下:

  • 盡量減少流程中的步驟。
  • 保持介面簡潔直覺。
  • 簡化 AI 建議。

避免誤導或不相關的個人化設定

無關或誤導的結果很快就會讓使用者感到不滿。

瞭解意圖和 VIP 問題

為精確判斷意圖,對話式商務代理會向使用者提出相關問題。因此,建議您將對話式商務代理程式設為詢問特定問題,進一步減少結果數量並降低模糊性。

使用者歷程

這是理想的使用者對話路徑範例。

步驟 1:對話式商務代理會向使用者提出問題。

例如:婚禮地點和時間?

使用者可能會回答類似「紐約夏季」的提示。

步驟 2:根據使用者的回答,對話式商務代理程式會向使用者提出專業問題,並顯示相關項目,進一步減少搜尋結果數量並降低模糊性。

步驟 2:修正搜尋條件

對話過濾

對話式篩選功能會引導使用者找出更相關的選項,不會讓他們感到資訊過載:

  • 立即更新結果。
  • 建議實用的篩選器。
  • 清楚標示篩選器。

如要進一步瞭解對話式產品篩選功能,請參閱「對話式產品篩選」。

處理極端案例和錯誤

為提升搜尋程序的可靠性和易用性,Vertex AI Search for Commerce 可透過多種方式妥善處理異常或極端情況,以及錯誤:

  • 顯示密切相關的替代方案。
  • 清楚顯示商品供應情形。
  • 建議類似的替代方案。
  • 提供缺貨通知。
  • 將對話轉交給客戶服務。

使用者介面建議和設計選項

對話式商務代理和對話式產品篩選功能之間的互動具有高度彈性。如要打造流暢直覺的體驗,請注意以下幾項重要的使用者體驗考量:

  • 單一輸入列:整個體驗只能有一個任意文字輸入列。對話式產品篩選功能沒有專屬的輸入列,這可簡化使用者介面,並確保互動方式一致。
  • 流暢轉換:設計網頁介面時,請確保對話回覆、建議查詢和篩選選項之間的轉換自然直覺。
  • 明確的指引:使用視覺提示 (例如建議答案的按鈕樣式與一般輸入內容不同),並提供清楚的指示,引導使用者在每個階段進行互動。
  • 平衡控制權:使用者應可全程掌控對話方向。
    • 篩選與任意形式:任意文字輸入列會持續顯示。使用者可以選擇點選建議答案,繼續修正搜尋內容,也可以在文字列中輸入新查詢,發起新一輪對話。這項設計可確保即使在篩選流程中,使用者也能在需求改變時轉向其他主題。
    • 重設選項:提供清楚的「開始新對話」或「重設篩選器」選項,讓使用者重新開始搜尋或篩選程序。
  • 視覺化持續性:即使轉換至產品篩選程序,在對話視窗中保留對話記錄 (例如顯示先前的問題和答案),也能提升情境脈絡和使用者體驗。