視覺元件總覽

視覺元件包括資訊卡、輪轉介面、清單和其他視覺素材資源。如果您提供詳細資訊,視覺元件就很實用,但並非每個對話方塊動作都能使用。

本節會說明可在動作中使用哪些視覺元件、使用時機和自訂方式。

製作視覺效果的時機

如果你已按照我們的對話設計流程完成操作,必須先做一些設定,例如 Google Home 等螢幕以外的裝置。這是因為如果所有活動都集中在同一處,就能輕鬆進行對話流程,也就是語音提示。

即可開始在視覺設計中加入視覺元素,這樣就能加入手機等其他裝置。

視覺元素旨在補充對話內容,因此並非所有對話對話方塊都不需要。

請思考該如何讓資訊更妥善地呈現在螢幕上。並思考以下幾個問題:

  • 是否有助於使用者檢視討論內容的圖片?
  • 當使用者從視覺清單中選擇文字,而不是一句話,會比較容易選擇嗎?
  • 還有其他不利於對話的內容,是否有助於向使用者顯示?


視覺顯示位置與方式

很明顯地,只有視覺畫面會顯示在有螢幕輸出的裝置上。系統會自動調整圖片大小,並根據顯示的畫面尺寸調整大小。
影像內容一律不會顯示。系統會一律顯示語音提示和/或顯示提示,並搭配方塊使用。
請將這些視覺元件想成是必要欄位和選用欄位的範本。您只需要指定要顯示的資料 (即文字字串、圖片檔等) 即可。請參閱各視覺元件下方的「相關規定」一節,進一步瞭解需要指定的內容。

視覺元件類型

視覺元件 說明
基本資訊卡 使用基本資訊卡,向使用者顯示圖片和文字。
瀏覽輪轉介面 瀏覽輪轉介面經過最佳化處理,讓使用者可以選取多個網路項目項目,因為這些項目都是網路內容。
輪轉介面 輪轉介面會最佳化,讓使用者可以輕鬆選取其中一個項目,因為這些項目最適合使用圖片。
清單 清單最適合用來選擇其中一個項目,當這些項目具有最容易依標題區分時即可。
媒體回應 媒體回應可用於播放及控制音樂內容 (例如音樂或其他媒體) 的播放作業。
表格 資料表可讓使用者以可輕鬆掃描的格式向使用者顯示靜態資料。