互動式通訊編輯器中的選項按鈕元件
aem-forms-ea@adobe.com 請求存取權限。1. 簡介
互動式通訊(IC)編輯器中的 選項按鈕 元件可讓作者向使用者呈現一組互斥的選擇,這表示一次只能選取一個選項。 這使其非常適合使用案例,例如是/否問題、性別選擇、評等層級或預先定義的分類回應。
選項按鈕直覺式且易於設定,並可與後端資料模型繫結,以進行順暢的資料擷取和整合。
2.屬性
選項按鈕元件包含數個可設定的屬性:
2.1.基本欄位
-
名稱: 欄位的唯一識別碼。 它可用來在資料模型、規則和商業邏輯中參考。
-
切換: 允許定義按鈕群組中的每個可選選項。 每個切換代表可能的值。
-
標題: 與選項按鈕群組相關聯的標籤,可引導使用者。
-
保留: 若未選取或資料繫結為空白,則為選擇性遞補值。
2.2.位置
說明:控制選項按鈕群組在版面配置中的空間位置。
設定:
-
X和Y座標
-
高度和寬度 (針對回應式版面設計,以mm或%定義)
2.3.利潤
定義文字方塊周圍的間距:
-
上(上)
-
下(下)
-
左
-
右
2.4.是否存在
-
描述: 決定執行階段中選項按鈕元件的可見性。
-
選項:
-
可見: 顯示給使用者並佔用空間。
-
隱藏(保留空間): 不顯示,但保留版面間距。
-
2.5.資料繫結
-
描述: 將選項按鈕群組連線到資料模型以擷取選取的選項。
-
繫結型別:
-
使用名稱: 使用指派的欄位名稱做為繫結的參照。
-
使用全域資料: 將欄位繫結至全域資料模型或結構描述元素。
-
無資料繫結: 選項按鈕選取範圍未繫結至任何資料來源;用於僅限UI的行為。
-
3.使用狀況
「選項按鈕」元件非常適用於使用者必須從清單中僅選擇一個值的情況。 典型的使用案例包括:
-
選取偏好的通訊方法(電子郵件/電話/簡訊)
-
確認二進位決定(是/否)
-
從有限的選項中選擇(例如,性別、婚姻狀況)
-
表示滿意程度或協定範圍(例如,不同意/中立/同意)
作者可以將相關的選項按鈕群組在一起,並將它們放置在配置容器中,以一致的對齊。 標籤可置於按鈕的內嵌或上方,視視覺設計需求而定。
4.最佳作法
-
將選項數量限製為5個或更少,以避免讓使用者不知所措。
-
使用簡潔明瞭的註解來說明使用者選取的內容。
-
視需要預先選取最常見或最安全的選項。
-
若應允許使用者選擇多個選項,請避免使用選項按鈕,改為使用核取方塊。
-
與後端資料模型整合時,將選項按鈕直接繫結至結構描述節點。
-
套用一致的間距和對齊方式,以提升視覺清晰度,尤其是在適合行動裝置的版面配置中。
互動式通訊編輯器中的選項按鈕元件是基本輸入元件,可為一般使用者提供乾淨、結構化的決策。 只要設定明確的標籤、周到的間隔和資料繫結,就能確保可靠的資料收集,以及表單、調查和上線工作流程更流暢的使用者體驗。