互動式通訊編輯器中的選項按鈕元件

NOTE
互動式通訊功能在早期採用者程式中提供。 使用您的工作郵件地址寄送電子郵件至 aem-forms-ea@adobe.com 請求存取權限。
IMPORTANT
文件內容可能隨時變更:此提示庫目前正在針對產品進行測試,可能會進行更新和修訂。隨著表單體驗建立工具在早期採用者方案期間持續發展,相關的提示、範例和最佳做法可能會有所變更。

​1. 簡介

互動式通訊(IC)編輯器中的​ 選項按鈕 ​元件可讓作者向使用者呈現一組互斥的選擇,這表示一次只能選取一個選項。 這使其非常適合使用案例,例如是/否問題、性別選擇、評等層級或預先定義的分類回應。
選項按鈕直覺式且易於設定,並可與後端資料模型繫結,以進行順暢的資料擷取和整合。

尋找IC檔案

2.屬性

選項按鈕元件包含數個可設定的屬性:

2.1.基本欄位

  • 名稱: ​欄位的唯一識別碼。 它可用來在資料模型、規則和商業邏輯中參考。

  • 切換: ​允許定義按鈕群組中的每個可選選項。 每個切換代表可能的值。

  • 標題: ​與選項按鈕群組相關聯的標籤,可引導使用者。

  • 保留: ​若未選取或資料繫結為空白,則為選擇性遞補值。

2.2.位置

說明:控制選項按鈕群組在版面配置中的空間位置。

設定:

  • X和Y座標

  • 高度和寬度 (針對回應式版面設計,以mm或%定義)

2.3.利潤

定義文字方塊周圍的間距:

  • 上(上)

  • 下(下)

2.4.是否存在

  • 描述: ​決定執行階段中選項按鈕元件的可見性。

  • 選項:

    • 可見: ​顯示給使用者並佔用空間。

    • 隱藏(保留空間): ​不顯示,但保留版面間距。

2.5.資料繫結

  • 描述: ​將選項按鈕群組連線到資料模型以擷取選取的選項。

  • 繫結型別:

    • 使用名稱: ​使用指派的欄位名稱做為繫結的參照。

    • 使用全域資料: ​將欄位繫結至全域資料模型或結構描述元素。

    • 無資料繫結: ​選項按鈕選取範圍未繫結至任何資料來源;用於僅限UI的行為。

3.使用狀況

「選項按鈕」元件非常適用於使用者必須從清單中僅選擇一個值的情況。 典型的使用案例包括:

  • 選取偏好的通訊方法(電子郵件/電話/簡訊)

  • 確認二進位決定(是/否)

  • 從有限的選項中選擇(例如,性別、婚姻狀況)

  • 表示滿意程度或協定範圍(例如,不同意/中立/同意)

作者可以將相關的選項按鈕群組在一起,並將它們放置在配置容器中,以一致的對齊。 標籤可置於按鈕的內嵌或上方,視視覺設計需求而定。

4.最佳作法

  • 將選項數量限製為5個或更少,以避免讓使用者不知所措。

  • 使用簡潔明瞭的註解來說明使用者選取的內容。

  • 視需要預先選取最常見或最安全的選項。

  • 若應允許使用者選擇多個選項,請避免使用選項按鈕,改為使用核取方塊。

  • 與後端資料模型整合時,將選項按鈕直接繫結至結構描述節點。

  • 套用一致的間距和對齊方式,以提升視覺清晰度,尤其是在適合行動裝置的版面配置中。

互動式通訊編輯器中的選項按鈕元件是基本輸入元件,可為一般使用者提供乾淨、結構化的決策。 只要設定明確的標籤、周到的間隔和資料繫結,就能確保可靠的資料收集,以及表單、調查和上線工作流程更流暢的使用者體驗。

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab