Checkbox 複選框

概述

複選框,也稱為多選框,是一種允許使用者在一組選項中選擇一個或多個選項的控制元件,讓使用者能夠表達自己的偏好或選擇。

使用時機

複選框常用於以下情境:

  • 多選:在表單中,使用者可以使用複選框選擇其感興趣的產品或服務。每個複選框都獨立於清單中的所有其他複選框,因此選取一個複選框並不會取消選取其他複選框。
  • 狀態切換:在設定表單中,使用者可以使用獨立複選框啟用或關閉某個功能。
  • 資料搜集:在調查表單中,使用者可以使用複選框選擇其興趣或偏好。

使用規範

當您取用複選框元件進行設計時,應考慮以下原則:

  • 以設置為取用目的:僅使用複選框來更改設置,而不是作為使某些事情發生的操作按鈕。
  • 文字易讀性:複選框文字應保持清晰簡潔、易於理解,請避免使用冗長或語意模糊的用詞。
  • 文字語氣:請對複選框標籤使用積極主動的措辭,以便清楚地表明用戶打開複選框後會發生什麼,請勿使用否定用詞。
  • 提供群組標題 (選擇性):與同一頁面上的其他選項群組清楚地分開。
  • 提供用戶回饋:當使用者選取或取消選取複選框時,應提供清晰的回饋。例如,複選框應變色或顯示勾號。
  • 其他:在空間有限的情況下,可以使用垂直排列的複選框。

設計範例

  1. 外框 (Box):複選框的邊界。
  2. 勾選標記 (Checkmark):表示選項被勾選的符號。
  3. 不定標記 (Indeterminate Mark):表示選項的部分子選項被選擇,或選項處於不確定狀態的符號。
  4. 標籤 (Label):選項內容。
回頁首