共用方式為


微調控制項

注意

此設計指南是針對 Windows 7 所建立,尚未針對較新版本的 Windows 進行更新。 大部分的指導方針仍以原則方式套用,但簡報和範例不會反映 我們目前的設計指導方針

透過微調控制項,使用者可以按一下箭號按鈕,以累加方式變更其相關聯 數值文字方塊中的值。 微調方塊一詞是指文字方塊及其相關聯微調控制項的組合。

微調控制項和文字方塊的螢幕擷取畫面

典型的微調方塊。

使用者通常會偏好微調控制項,因為它們可以進行變更,而不需要從滑鼠移動手部。 當微調控制項與文字方塊配對時,使用者可以直接在文字方塊中輸入或貼上輸入,因此使用微調控制項是選擇性的。

雖然微調控制項用於數值輸入,但輸入不一定是純整數。 輸入可以是十進位數,而且可以有負號、分隔符號 (,例如冒號或連字號) ,以及單位修飾詞。

注意

與文字方塊版面配置相關的指導方針會顯示在不同的文章中。

 

這是正確的控制項嗎?

若要決定使用時機,請考量下列問題:

  • 控制項是否用於數值輸入? 如果沒有,請使用另一個控制項,例如 下拉式清單滑杆,從固定的值集中選取。 使用捲軸進行捲動。

  • 使用者是否將此值視為相對數量,而不是數值? 如果是,請改用滑杆。 僅針對確切的已知數值使用微調方塊。 例如,使用者想要將音訊音量設定為低或中,而不是設定值為 2 或 5。

  • 控制項是否與文字方塊配對? 如果沒有,請勿使用 。 除了文字方塊以外,微調控制項不應該單獨或搭配其他類型的控制項使用。

    不正確:

    微調控制項、圖形、無文字方塊的螢幕擷取畫面

    在此範例中,微調控制項是用來控制動態圖形。

  • 連續值範圍是否有效? 如果沒有,請改用有效值的下拉式清單。

    下拉式清單的螢幕擷取畫面

    在此範例中,並非所有磁片磁碟機號碼都有效,因此下拉式清單是較佳的選擇。

  • 使用微調控制項是否實用? 使用微調控制項對於:

    • 輸入小數位,通常低於 100。
    • 對現有或預設值進行小型變更。

    雖然微調控制項可用於任何數值輸入,但在這些數位輸入以外的情況下,它們效率不佳。

  • 微調控制項是否有説明? 控制項是否用於使用者可能使用滑鼠的內容? 如果沒有,請考慮微調控制項選擇性。

  • 同層級控制項下拉式清單嗎? 如果有其他下拉式清單,請考慮使用下拉式清單進行一致性。

    具有下拉式清單的對話方塊螢幕擷取畫面

    在此範例中,可以使用微調方塊,但下拉式清單用於一致性。

  • 觸控或手寫筆使用者是否為主要目標? 如果是,請考慮改用下拉式清單。 微調控制項中的箭號按鈕太小,無法有效率地搭配觸控或手寫筆使用。

如果可以滑杆或微調方塊,請在下列情況下使用微調方塊:

  • 螢幕空間很小。
  • 使用者可能偏好使用鍵盤。

如果是下列情況,請使用滑桿:

  • 使用者可受益於立即回應。

指導方針

一般

  • 每當其實用且實用時,請使用微調控制項。 請參閱 這是正確的控制項嗎?

    • 例外: 若要與相同使用者介面上的其他文字方塊保持一致, (UI) ,即使它們不一定可行,仍使用微調控制項。

    正確:

    月、日、年微調控制項的螢幕擷取畫面

    在此範例中,微調控制項會與年份控制項搭配使用,以確保一致性,即使它不一定可行也一樣。

    不正確:

    IP 位址微調控制項的螢幕擷取畫面

    在此範例中,微調控制項無法使用。

  • 一律讓微調控制項成為文字方塊的「朋友」。 這麼做會將微調控制項放在文字方塊內。

    正確:

    在文字方塊內放置微調控制項的螢幕擷取畫面

    不正確:

    在文字方塊外放置微調控制項的螢幕擷取畫面

    在正確的範例中,微調控制項會放在其相關聯的文字方塊內。

  • 停用其相關聯的文字方塊時,請停用微調控制項。 微調控制項是補充輸入法,絕不是唯一的輸入方法。

  • 定義頂端按鈕,以將值增加一個單位,而底部按鈕則會減少一個單位。 一般而言,單位是一個,但它應該是值中最小的常見變更。 在理想情況下,微調控制項應該涵蓋所有有效的值,而且應該比在文字中輸入更方便。

    「邊界」微調控制項的螢幕擷取畫面

    在此範例中,按一下微調控制項會以 .1 變更值,這是值中最小的常見變更。 使用較小的單位會涵蓋有效值的範圍,但讓微調控制項無法使用。

  • 使用微調控制項將輸入限制為有效值。 使用微調控制項絕不會產生不正確的值。

  • 在有效值範圍的結尾,重新開機範圍。 微調控制項隱喻是使用者正在旋轉值的滾輪,因此這個類似滾輪的行為。

    • 例外: 如果產生的值確實不正確,請勿重新開機範圍。

      「複本數目」微調控制項的螢幕擷取畫面

      在此範例中,按一下向下箭號按鈕並不會藉由移至最大值) 重新開機範圍 (,因為該值確定不正確。

  • 使用文字而非特殊數值。 允許使用者微調這些特殊值,而不需要知道這些值並輸入它們。

    「 (後睡眠從未) 」微調控制項的螢幕擷取畫面

    在此範例中,Never 是特殊值,但使用者可以微調它。

  • 如果值具有分隔符號,相關聯的文字方塊應該有多個輸入焦點。 這麼做可讓數值區段個別操作。

    時間微調控制項的螢幕擷取畫面,已選取分鐘數

    在此範例中,微調控制項會影響小時、分鐘、秒和 A.M./P.M.的值,無論哪一個都有焦點。

  • 如果值具有單位,請使用微調控制項來變更這些單位。

    已選取 'a.m.' 的時間微調控制項螢幕擷取畫面

    在此範例中,微調控制項可用來變更單位。

標籤

  • 套用 文字方塊標籤 指導方針,以標記相關聯的文字方塊。 微調控制項永遠不會直接加上標籤。

文件

參考微調控制項時:

  • 請勿參考使用者檔中的微調控制項。 相反地,請參閱相關聯文字方塊的標籤。
  • 請參閱程式設計和其他技術檔中的微調控制項和微調方塊。

範例:在 [ 日期] 方塊中,輸入或選取您想要變更的日期部分。

詞彙