用戶使用滑動條在一系列連續(xù)值中進(jìn)行選擇?；瑒訔l包含一個表示范圍的數(shù)值欄、一個指示當(dāng)前值的指針，以及一個可選的刻度標(biāo)記。

一個典型的滑動條

何時使用該控件

如果希望用戶能夠設(shè)置確定的連續(xù)值(如音量或亮度)或離散值范圍(如屏幕分辨率設(shè)置)，請使用滑塊。

當(dāng)用戶能理解當(dāng)前的值是相對數(shù)量而不是絕對數(shù)值的時候，使用滑動條是一個很好的選擇。例如調(diào)節(jié)音量時，用戶在意的是將音量調(diào)到低或者中等，而不會關(guān)注音量是2還是5。

考慮以下幾點(diǎn)：

• 需要設(shè)置的是否是相對的值？如果不是，使用單選按鈕、下拉控件或者單選列表。
• 需要設(shè)置的是否是一個明確的數(shù)字值？如果是，使用數(shù)字文本框。
• 變更設(shè)置時的即時反饋是否對用戶有幫助？如果這樣，使用滑動條。例如在選擇顏色時，用戶如果能實(shí)時看到色相、純度和明度的變化效果，選擇起來會更直觀。
• 可設(shè)置值是否超過四個？如果沒有，使用單選按鈕。
• 用戶可以對值進(jìn)行更改嗎？滑動條的作用是供用戶交互操作使用。如果用戶不能自行更改值的話，使用只讀的文本框代替。

當(dāng)使用滑動條和數(shù)字文本框都可以時，以下情況傾向于使用數(shù)字文本框：

• 屏幕空間有限
• 用戶更傾向于使用鍵盤
  以下情況則使用滑動條：
• 變更設(shè)置的即時反饋對用戶有幫助

設(shè)計指南

• 使用更自然的方向。例如，若滑動條代表的值在現(xiàn)實(shí)世界中就是豎向表示的（例如溫度），則使用豎直方向滑動條。

• 根據(jù)目標(biāo)用戶的文化背景設(shè)置滑動條方向。例如，西方文化圈的閱讀順序是從左至右，所以對于水平滑塊來說，最小值放置在最左邊，最大值放置在最右邊。而對于閱讀順序從右至左的國家和地區(qū)，則需要相反設(shè)置。

• 合理設(shè)置控件尺寸，保證用戶能方便地設(shè)置到理想的值上。對于離散值的設(shè)置，確保用戶能使用鼠標(biāo)選擇到想要的值。

• 如果值的范圍很大，而且用戶很有可能去選擇在范圍某一端的數(shù)值，考慮將滑塊標(biāo)尺設(shè)置為非線性的。例如，時間刻度尺可以設(shè)置為1分鐘，1小時、1天或1個月。

• 如果可行，在用戶做出選擇時或之后立即給予反饋。例如，microsoftwindows音量控制器在音量調(diào)整后會立即發(fā)出嗶嗶聲以表示調(diào)整結(jié)果。

• 使用標(biāo)簽文字顯示值的范圍。

例外: 如果滑塊是垂直方向的，頂部的標(biāo)簽是最大值、最高、更多，或者類似文字，你可以省略其他的標(biāo)簽，因為意思很清楚。

示例

• 當(dāng)用戶需要知道設(shè)置的大概數(shù)值時，使用刻度標(biāo)尺。

• 當(dāng)用戶需要知道設(shè)置的確切數(shù)值時，使用刻度標(biāo)尺以及表明值范圍的文字標(biāo)簽。當(dāng)用戶需要知道設(shè)置值的單位以保證設(shè)置正確時，一定要使用文字標(biāo)簽進(jìn)行說明。
  

  該例中，文字標(biāo)簽顯示了用戶選擇的確切數(shù)值

• 在水平方向的滑動條中，刻度標(biāo)尺放置在滑動條下方。對豎向的滑動條，從左到右閱讀習(xí)慣的國家和地區(qū)，刻度標(biāo)尺放在滑動條右邊；從右至左的地區(qū)則相反。

• 將值標(biāo)簽完全放置于滑動條下方，以明確邏輯關(guān)系。
  

  錯誤示例：沒有完全放置于滑動條下方的值標(biāo)簽文字會引起歧義

• 禁用滑動條時，也要同時禁用所有相關(guān)的標(biāo)簽。

• 對一個設(shè)置，不要同時使用滑動條和數(shù)字文本框。選擇更合適的那個使用。
  例外情況: 當(dāng)用戶既需要即時反饋，又需要設(shè)置精確數(shù)值的能力時，同時使用這兩個控件。

• 不要使用滑動條作為進(jìn)程指示器。

• 不要更改滑動指針的默認(rèn)尺寸。
  

  錯誤示例：指針過小
  
  
  正確示例：默認(rèn)尺寸

• 不要對每個刻度都標(biāo)注數(shù)值標(biāo)簽。

建議尺寸和間距

滑動條的建議尺寸和間距

標(biāo)簽

滑動條標(biāo)簽

• 使用以冒號結(jié)尾的靜態(tài)文本標(biāo)簽，或者使用沒有結(jié)尾標(biāo)點(diǎn)符號的分組框標(biāo)簽。
• 為每個標(biāo)簽分配一個唯一的訪問鍵。
• 使用句式大小寫規(guī)則。
• 滑動條標(biāo)簽放置在滑動條的左邊，或在滑動條的上方與其或其最左邊范圍的標(biāo)識符左對齊。

范圍標(biāo)簽

• 除了垂直方向的滑動條不需要，橫向滑動條的的兩端都需要標(biāo)出范圍。
• 如果可能的話，每個標(biāo)簽只使用單詞表達(dá)。
• 不要在結(jié)尾使用標(biāo)點(diǎn)符號。
• 確保這些標(biāo)簽是描述性、并且結(jié)構(gòu)是平行的。例如: 最大 / 最小值，多 / 少，低 / 高，柔和 / 響亮。
• 使用句式大小寫規(guī)則。
• 不要給范圍標(biāo)簽分配存取鍵。

數(shù)值標(biāo)簽

• 如需要展示數(shù)值標(biāo)簽，將它放置于滑動條下方。

• 將文本相對于控件居中并包含單位(例如像素)。

  
  
  示例：數(shù)值標(biāo)簽相對控件居中

說明

在提到滑動條時：

• 使用確切的標(biāo)簽文本，包括其大小寫，并包括單詞 slider | 滑動條文字描述。 不要包含訪問鍵下劃線或冒號。
• 要描述用戶交互，請使用 move（滑動）。
• 如果可能，使用粗體文本格式化標(biāo)簽。 否則，只有在需要時才將標(biāo)簽加上引號，以防混淆。
  示例：要提高屏幕分辨率，請將屏幕分辨率滑動條向右滑動。