用戶利用選擇框，可以進(jìn)行“選擇/不選擇”這兩種意義截然相反的操作。復(fù)選框的標(biāo)簽為選中狀態(tài)下的意義，未選中狀態(tài)下的意義必須與此明確對立相反。因此，復(fù)選框只能用來表示打開/關(guān)閉或選擇/不選擇標(biāo)簽選項(xiàng)。

一組典型的復(fù)選框

何時使用該控件？

思考以下問題：

• 控件要用來表示打開/關(guān)閉或選擇/不選擇一個標(biāo)簽選項(xiàng)嗎？如果不是，使用別的控件。
• 選擇和不選狀態(tài)表示的是截然相反的含義嗎？如果不是，使用 radio buttons 單選按鈕
  或 drop-down list 下拉列表
  來獨(dú)立控制各標(biāo)簽狀態(tài)。
• 復(fù)選框組是否由一組相互獨(dú)立的選項(xiàng)構(gòu)成，并允許用戶選擇零個或多個選項(xiàng)？如果不是，考慮使用單選按鈕或樹狀圖等控制單個選項(xiàng)的控件。
• 復(fù)選框組是否由一組相互依存的選項(xiàng)構(gòu)成，并需要用戶選擇一個或多個選項(xiàng)？這種情況下，使用復(fù)選框組，并在用戶選擇項(xiàng)為空的情況下報(bào)錯。
• 選項(xiàng)少于等于10個嗎？為了使屏幕效果與選項(xiàng)集合成比例，控制復(fù)選框在10個以內(nèi)。如果多于10個，使用多選列表框
  。
• 單選按鈕會不會更適用于當(dāng)前情況？當(dāng)復(fù)選框只能用來表示打開或關(guān)閉某一個選項(xiàng)的情況下，單選按鈕可以用來表達(dá)其他不同的選項(xiàng)。如果兩種方法都可用：
  1.當(dāng)復(fù)選框勾選與不勾選的意義并不明顯截然相反時，使用單選按鈕。
  
  不勾選landscape的含義不十分明確，所以選擇復(fù)選框不合適

正確示例，在該例中，選項(xiàng)標(biāo)簽并不是相反的意思，所以按鈕選項(xiàng)更合適。

2.在 wizard pages 引導(dǎo)頁面上，在復(fù)選框也適用的情況下，使用單選按鈕能使選項(xiàng)標(biāo)簽意義更明確。
3.當(dāng)屏幕有足夠空間、而內(nèi)容也需要重點(diǎn)突出展示時候，使用單選按鈕。除此以外，還是使用復(fù)選框或下拉菜單。

錯誤示例，內(nèi)容不太重要，不需要用選項(xiàng)按鈕來展示

正確示例，這里使用復(fù)選框展示內(nèi)容更高效

• 保持形態(tài)一致，如果頁面上有其他復(fù)選框，也可繼續(xù)沿用復(fù)選框形態(tài)。
• 選項(xiàng)展示的是項(xiàng)目選項(xiàng)，而不是數(shù)據(jù)內(nèi)容嗎？ 選項(xiàng)的取值不應(yīng)該來自于標(biāo)簽文本或其他數(shù)據(jù)源。如果要對選項(xiàng)取數(shù)值，用下拉菜單或者多選菜單multiple-selection list.

應(yīng)用范例

復(fù)選框有以下幾種應(yīng)用類型：

• 單獨(dú)選項(xiàng) 單個復(fù)選框用來作獨(dú)立選項(xiàng)的選擇動作
  
  示例
• 獨(dú)立選項(xiàng)(不選或多選) 一組復(fù)選框用來作任意數(shù)量子集選擇。和單選按鈕這樣的單選控件不同，在一組復(fù)選框里用戶可以選擇任意數(shù)量的選項(xiàng)。

用來表示一組獨(dú)立選項(xiàng)的復(fù)選框

• 依存選項(xiàng)（一個或多個）一組復(fù)選框用來作大于等于一個的子集選擇
  用戶需要選擇一個或多個與選項(xiàng)組有依存關(guān)系的選擇項(xiàng)。因?yàn)镸icrosoft Windows沒有直接支持這種輸入類型的控件，所以最好的解決方案就是使用復(fù)選框組控件，并在選項(xiàng)為空時報(bào)錯。

示例，至少需要選擇一項(xiàng)

• 除了選擇和清除選擇,復(fù)選框也有一個混合態(tài)：選項(xiàng)設(shè)置對一些對象來說有效用，但不是全部對象。

示例，一個混合態(tài)的復(fù)選框，表明部分文件只讀

設(shè)計(jì)指南

通用原則

• 把相關(guān)聯(lián)的復(fù)選框項(xiàng)打組。把相關(guān)聯(lián)的復(fù)選框合并為項(xiàng)數(shù)在10以內(nèi)的組，不相關(guān)的放到一邊。有必要的話可使用復(fù)合選框組。

示例

• 思考需不需要用組框來組織復(fù)選框組。畢竟這樣會需要很大空間。
• 按照邏輯來排列組織復(fù)選框選項(xiàng)，例如把意義相關(guān)的選項(xiàng)放在一起，把常見選項(xiàng)放在前面，接下來放置次常見選項(xiàng)。不要按照字母表順序放置選項(xiàng)，這種做法對不同語言的版本沒有通用性。
• 縱向排列復(fù)選框。橫向排列的復(fù)選框難以閱讀。

正確示例

錯誤示例

• 不要用混合態(tài)來代表除了選中和非選中之外的第三種狀態(tài)。混合態(tài)表示該選項(xiàng)選中且僅對部分子集有效。它只是子集狀態(tài)的表現(xiàn)，用戶無法直接設(shè)置一個混合態(tài)。混合態(tài)不能當(dāng)做一個選項(xiàng)的第三種狀態(tài)來進(jìn)行獨(dú)立設(shè)置，如果要表示第三態(tài)，使用選項(xiàng)按鈕表示或下拉菜單選擇來實(shí)現(xiàn)。

錯誤示例。這個選項(xiàng)的本意是要表示Theme service未安裝

正確示例。用戶可以選擇三種狀態(tài)中的任意一種

• 點(diǎn)擊混合態(tài)復(fù)選框會依次循環(huán)全選、清除全選和初始混合態(tài)。因?yàn)榛旌蠎B(tài)復(fù)選框?qū)τ脩艨赡茈y以理解或比較陌生，所以必須使得用戶能夠以這樣的方式回到初始混合態(tài)。不然就只能清除任務(wù)重新來過了。
• 不要用復(fù)選框來作為進(jìn)程指示。用 progress indicator 進(jìn)度指示器
  來完成該任務(wù)。

錯誤示例，復(fù)選框不能用來指示進(jìn)程

正確示例，使用標(biāo)準(zhǔn)的進(jìn)度條來顯示程序進(jìn)度

• 用正確的選擇狀態(tài)來顯示不能操作的選項(xiàng)。盡管用戶無法操作，但禁用的選擇框也傳達(dá)了信息 ，所以它們表達(dá)的含義應(yīng)與狀態(tài)一致。

錯誤示例

• 不要用復(fù)選框來：
  1.陳述命令。
  2.展示其他窗口，例如打開用來獲取更多輸入信息的對話框。
  3.動態(tài)展示和選中控件相關(guān)聯(lián)的其他控件（屏幕閱讀器監(jiān)控不到此類事件）。

不再顯示

• 在沒有更好的解決方法的情況下，給出“不要再展示該‘對象’”的復(fù)選框，來允許用戶阻止再次彈出的對話框。嘗試預(yù)先判斷用戶是否需要該對話提示，如無必要，就不做展示。
  查看更多指導(dǎo)示例，請參見對話框Dialog Boxes.

從屬控件

• 將從屬控件放在復(fù)選框右邊或下方（縮進(jìn)后對齊復(fù)選框標(biāo)簽文字）。標(biāo)簽文字以冒號結(jié)束。

示例

• 可編輯的文本框和下拉列表如果也共享復(fù)選框的標(biāo)簽，選中即激活控件。當(dāng)用戶輸入或者粘貼內(nèi)容到輸入?yún)^(qū)，也自動選中相應(yīng)的選項(xiàng)。這樣可以簡化交互。

示例，輸入標(biāo)題或footer也自動勾選上該選項(xiàng)

• 如果復(fù)選框下設(shè)置有選擇按鈕或其他選擇框，在上級復(fù)選框選擇完畢之前要禁用次級選框的操作。這樣能防止次級控件可能造成的歧義。
• 將次級控件集成為復(fù)選框，按標(biāo)簽順序臨近排列在主選擇框附近。
• 如果選擇主選項(xiàng)意味著也選擇了其下的次級選項(xiàng)，要明確地在次級選項(xiàng)的選擇框中顯示出來。

錯誤示例，主選項(xiàng)選擇了，次級選框卻未選擇

正確示例

• 在一定情況下，考慮用不互斥的的復(fù)選框代替設(shè)置起來更為復(fù)雜的獨(dú)立互斥的選項(xiàng)組。盡管選項(xiàng)之間都是獨(dú)立的，但有時候過于嚴(yán)格限定的控件、例如單選按鈕設(shè)置起來邏輯過于冗余。

準(zhǔn)確但是較為復(fù)雜的選項(xiàng)設(shè)置

更好的選項(xiàng)設(shè)置方式

注意：這條規(guī)則僅適用于比較少見的極端情況，也就是更多的選項(xiàng)只是讓情況更復(fù)雜而不是更清晰。就如上例，用戶不太可能會既勾選主選項(xiàng)又勾選副選項(xiàng)。當(dāng)可以這樣勾選時，選項(xiàng)就明顯是獨(dú)立而有意義的。

默認(rèn)值

如果復(fù)選框需要用戶進(jìn)行選擇，默認(rèn)設(shè)置到最為安全和隱私的狀態(tài)。如果安全和隱私不是需要考慮的最重要的因素，選擇最有可能或最合適的值作為默認(rèn)值。

建議尺寸和間距

如圖所示

標(biāo)簽文字

復(fù)選框標(biāo)簽

• 每個復(fù)選框都必須有標(biāo)簽
• 為每個標(biāo)簽選項(xiàng)分配讀取鍵access key ，分配規(guī)則，參見 Keyboard.
• 使用句式大小寫規(guī)則。
• 用短語或祈使語氣書寫標(biāo)簽，不要加句號。
• 例外情況：如果標(biāo)簽中還有次級控件，以冒號結(jié)束標(biāo)簽。
• 標(biāo)簽當(dāng)描述勾選復(fù)選框后的選擇狀態(tài)。
• 復(fù)選框組的標(biāo)簽描述最好句式相近，長度相仿。
• 復(fù)選框組的標(biāo)簽描述重在不同和獨(dú)特的點(diǎn)。如果所有選項(xiàng)都包含相同說明文字標(biāo)簽，把相同部分提取出來作為組的總標(biāo)簽。
• 使用正向積極行動意義的詞匯。不要讓用戶勾選一個選框以避免這個操作。
• ** 例外情況：“不再顯示”選項(xiàng)框**
• 標(biāo)簽只用于描述選項(xiàng)。標(biāo)簽要簡潔明了，利于表達(dá)信息。如果選項(xiàng)需要進(jìn)一步的解釋，用一個裝載靜態(tài)文字的控件以完整句子形式展示。

備注 注意為復(fù)選框組中的一個選項(xiàng)作解釋并不意味著也要解釋其他所有選項(xiàng)。盡量在標(biāo)簽中展示相關(guān)信息，只在必要時補(bǔ)充解釋。不要只是為了視覺上的一致性重復(fù)陳述標(biāo)簽內(nèi)容。

附有解釋說明的標(biāo)簽示例

• 如果強(qiáng)烈建議用戶選擇某選項(xiàng)，考慮在標(biāo)簽正文、而不是標(biāo)簽說明文字后加上"(推薦)"字樣。
• 如果不可避免使用多行文本標(biāo)簽，第一行要對齊選擇框。

• 不要在標(biāo)簽的句子或短語中放置需要填寫值的次級控件。因?yàn)榫涫胶臀姆〞S著應(yīng)用語言的不同而不同，這樣的設(shè)計(jì)沒有普適性。

  
  
  錯誤示例：帶有文本框的復(fù)選框標(biāo)簽

復(fù)選框組標(biāo)簽

• 組標(biāo)簽的作用不是提示如何做選擇，而是說明組選項(xiàng)的含義。默認(rèn)情況為用戶知道如何做選擇操作。例如，不要在組標(biāo)簽里寫“選擇下列任意選項(xiàng)”這樣的文字。
• 標(biāo)簽以冒號結(jié)束。
• 不要為標(biāo)簽分配存取鍵。這樣做沒必要，也會對其他的存取鍵設(shè)置造成困難。

• 對于可以多選幾個獨(dú)立選擇項(xiàng)的情況，在標(biāo)簽里最好給出說明。

  
  
  在上圖中，用戶可能會認(rèn)為只能選擇一個選項(xiàng)。

在標(biāo)簽中說明選擇規(guī)則，這是更好的做法。

說明

在提到復(fù)選框時，請注意：

• 使用確切的標(biāo)簽文本，包括其大小寫，但不包括訪問鍵下劃線或冒號。也要包含“復(fù)選框”這個文字說明。

• 將復(fù)選框引用為復(fù)選框（check box），而不是options、checkbox或僅僅是box，因?yàn)閷τ诒镜鼗淖值那闆r，單獨(dú)的選項(xiàng)框（box）表意是不明確的。

• 要描述用戶交互，請使用 select選擇 和 clear清除。

• 如果可能，使用粗體文本格式化標(biāo)簽。 否則，只有在需要時才將標(biāo)簽加上引號，以防混淆。
  例如：選擇下劃線復(fù)選框。