Windows 7 中的命令按鈕
注意
此設計指南已針對 Windows 7 建立,但尚未更新較新版本的 Windows。 大部分指引仍適用原則,但簡報和範例不會反映我們 目前的設計指導方針。
在 Windows 7 中使用命令按鈕,用戶會起始立即動作。
一般命令按鈕。
當使用者按下 Enter 鍵時,會叫用預設命令按鈕。 開發人員會指派它,但當使用者索引標籤到它時,任何命令按鈕會變成預設值。
注意
與 版面配置 相關的指導方針會顯示在個別的文章中。
這是正確的控制項嗎?
若要決定,請考慮下列問題:
- 命令按鈕是用來起始立即動作嗎? 如果沒有,請使用另一個控制項。
- 連結會是更好的選擇嗎? 若有下列狀況,請使用連結:
- 動作是流覽至另一個頁面、視窗或 [說明] 主題。 例外狀況:精靈導覽會使用 [上一步] 和 [下一步] 命令按鈕。
- 命令內嵌在文字本文中。
- 此命令本質上是次要的。 也就是說,它與視窗的主要用途無關。 在此情況下,輕量型命令按鈕或連結會是適當的。
- 此命令是功能表或相關連結群組的一部分。
- 標籤是冗長的,由五個以上的單字組成,因此提供命令按鈕一個尷尬的外觀。
- 單選按鈕和一般命令按鈕的組合會是更好的選擇嗎? 通常單選按鈕會與一般命令按鈕搭配使用(確定、取消),以取代一組特定的命令按鈕,而下列任一項都成立:
有五個以上的可能動作。
用戶必須先檢視其他資訊,才能做出決策。
用戶必須先與選擇互動(或許要查看其他資訊),才能做出決定。
用戶會將選項視為選項,而不是不同的命令。
正確:
在此範例中,單選按鈕會與 [確定] 和 [取消] 按鈕結合,以提供選項的其他資訊。
不對:
在此範例中,單靠命令按鈕就能讓用戶難以做出明智的決策。
設計概念
使用省略號
雖然命令按鈕用於立即動作,但可能需要更多資訊來執行動作。 在按鈕標籤尾新增省略號,以指出需要其他資訊的命令(包括確認)。
在這裡範例中,列印...命令會顯示 [列印] 對話框,以收集詳細資訊。
相反地,在此範例中,Print 命令會將檔的單一複本列印到預設印表機,而不需要任何進一步的用戶互動。
正確使用省略號很重要,表示用戶可以在執行動作之前做出進一步的選擇,甚至完全取消動作。 省略號所提供的視覺提示可讓使用者不需擔心即可探索您的軟體。
這並不表示每當動作顯示另一個視窗時,您應該使用省略號。 只有在需要其他資訊才能執行動作時,才使用省略號。 因此, 隱含動詞是「顯示另一個視窗」的任何命令按鈕都不會採用省略號,例如使用 [關於]、[進階]、[說明] 命令(或任何其他連結至說明主題的命令)、[選項]、[屬性] 或 [設定]。
一般而言,省略號會用於使用者介面中,以表示不完整。 顯示其他視窗的命令未完成;它們必須顯示另一個視窗,而且不需要其他資訊才能執行其動作。 在省略號很少值的情況下,此方法可消除螢幕雜亂。
注意: 判斷命令按鈕是否需要省略號時,請勿使用 將許可權 提升為因素。 提高許可權不是執行命令所需的資訊(而是許可權),而且需要提高許可權時會以安全性防護來指出。
如果你只做一件事... 使用簡潔、特定、自我解釋的標籤,清楚描述命令按鈕所執行的動作,並在適當時使用省略號。
使用模式
命令按鈕有數種使用模式:
使用方式 | 範例 |
---|---|
標準命令按鈕 您可以使用標準命令按鈕來起始立即動作。 |
標準命令按鈕。 |
預設命令按鈕 視窗中的預設命令按鈕表示使用者按下 Enter 鍵時將會啟動的命令按鈕。 |
默認命令按鈕。 當使用者索引標籤到命令按鈕時,任何命令按鈕會變成預設值。 如果輸入焦點位於不是命令按鈕的控件上,則具有預設按鈕屬性的命令按鈕會變成預設值。 視窗中只有一個命令按鈕可以是預設值。 |
輕量型命令按鈕 輕量型命令按鈕 類似於標準命令按鈕,但其按鈕框架只會在滑鼠暫留時顯示。 |
在此範例中,命令具有非常輕量的外觀(類似於 連結),直到使用者將滑鼠停留在命令上方,此時會使用按鈕框架繪製。 您可以在使用標準命令按鈕的情況下使用輕量型命令按鈕,但您想要避免一律顯示按鈕框架。 輕量型命令按鈕很適合您想要強調和使用連結的命令。 |
功能表按鈕 當您需要一組相關命令的功能表時,請使用功能表按鈕。 |
具有一組相關命令的功能表按鈕。 當功能表列不想要時,請使用功能表按鈕,例如在對話框、工具列或其他沒有功能表列的視窗中。 單一向下指的三角形表示按下按鈕將會下拉功能表。 |
分割按鈕 使用分割按鈕 來合併命令的一組變化,尤其是在大部分時間使用其中一個命令時。 |
折疊的分割按鈕。 就像功能表按鈕一樣,單一向下指向三角形表示按鍵最右邊的部分將會下拉功能表。 已卸除的分割按鈕。 在此範例中,會使用分割按鈕來合併開啟命令的六個變化。 一般開啟命令大部分時間都會使用,因此使用者通常不需要查看其他命令。 使用分割按鈕可節省大量的螢幕空間,同時提供強大的選擇。 不同於功能表按鈕,按下按鈕的左側部分會直接在標籤上執行動作。 分割按鈕在具有特定工具的下一個動作可能與最後一個動作相同的情況下有效。 在此情況下,標籤會變更為最後一個動作,如同使用色彩選擇器: 在此範例中,標籤會變更為最後一個動作。 |
流覽按鈕 使用瀏覽按鈕 來顯示對話方塊,以協助用戶選取有效的值。 |
流覽按鈕所啟動的對話框可協助用戶選取檔案、資料夾、計算機、使用者、色彩等等。它們通常會與不受限制的控件結合,例如文本框。 它們通常會標示為流覽、其他或更多,且一律有省略號,表示需要更多資訊。 具有瀏覽按鈕的文字框。 對於有許多流覽按鈕的視窗,您可以使用簡短版本: 簡短瀏覽按鈕。 |
漸進式洩漏按鈕 使用漸進式洩漏按鈕 來顯示或隱藏不常使用的選項。 |
隱藏不常使用的選項,直到需要這些選項稱為漸進式洩漏為止。 雙形箭號用來表示漸進式洩漏,並指向要顯示或隱藏的方向: 按兩下按鈕之後,其標籤會變更,表示下一次按兩下一次按兩下將會有相反的效果: 如需詳細資訊和範例,請參閱 漸進式洩漏控件。 |
方向按鈕 使用方向按鈕 來指出動作的發生方向。 |
在此情況下,會使用單角括弧,而不是雙形箭號: 方向按鈕表示動作的方向。 |
指導方針
一般
- 如果按下命令按鈕的結果不是瞬間,則顯示忙碌指標。 若沒有意見反應,使用者可能會假設單擊未發生,然後再按一次。
- 如果相同的命令按鈕出現在多個視窗中, 請嘗試使用相同的標籤文字和存取鍵,並在實際運作時在每個視窗的相同位置找到它。
- 對於具有文字標籤的命令按鈕,請使用最小按鈕寬度和標準命令按鈕高度。 如需詳細資訊,請參閱 建議的大小和間距。
- 針對每個視窗 ,命令按鈕的寬度相同。 如果這是不切實際的,請將命令按鈕的不同寬度數目限制為兩個。
- 當另一個控件與命令按鈕互通時,例如文本框與 [流覽] 按鈕, 將命令按鈕放在三個位置之一來表示關聯性:
- 和 靠右對齊另一個控件。
- 下方和靠左對齊另一個控件。
- 垂直置中於互操作的控制件之間(例如兩個互操作清單框之間的 [新增] 和 [移除] 按鈕)。
- 如果多個命令按鈕與相同的控件互操作, 請將它們垂直堆疊到右邊,並與另一個控件靠上對齊,或水準將它們靠左對齊在控件下方。
- 當命令按鈕屬於其他控制項時, 請使用上述位置並停用次級命令按鈕,直到選取上層控件為止。
- 請勿使用具有文字標籤 的窄、短或高命令按鈕,因為它們看起來不專業。 嘗試使用預設寬度和高度。
正確:
在此範例中,按鈕大小是標準且看起來很專業。
不對:
在此範例中,按鈕太小。
不對:
在此範例中,按鈕在標籤周圍有太多空間。
- 避免在命令按鈕上合併文字標籤和圖形。 結合文字和圖形通常會新增不必要的視覺雜亂,而且不會改善使用者的理解。 只有當圖形有助於理解時,請考慮合併文字和圖形,例如當它是命令的標準符號,或協助用戶可視化命令的結果時。 否則,偏好使用文字,但使用文字或圖形。
正確:
在此範例中,箭頭圖形可協助用戶可視化命令的結果。
正確:
在此範例中,標準符號會與文字結合,以協助理解
不對:
在此範例中,cancel 圖形不會將任何新增至文字。
- 請勿使用命令按鈕來設定狀態。 請改用單選按鈕或複選框。 命令按鈕僅適用於起始動作。
分割按鈕
- 將最有可能的命令設為預設行為。 如果有一個以上的可能命令,請選擇不需要其他資訊的命令。
- 如果最有可能的命令是最後一個用戶選取專案,請將按鈕標籤變更為最後一個選取範圍。
- 在功能表中使用粗體文字顯示預設命令。 這麼做可讓使用者更輕鬆地尋找預設命令,特別是當預設命令為動態或分割按鈕使用圖形而非文字標籤時。
預設值
- 在每個對話框上加入預設命令按鈕。 選取最安全的命令(以避免遺失資料或系統存取),並將最安全的命令設為預設值。 如果安全性和安全性不是因素,請選取最有可能或方便的命令。
- 除非有簡單的方法來復原命令,否則請勿將破壞性動作設為預設命令按鈕 。
建議的大小調整和間距
建議使用命令按鈕的大小和間距。
標籤
為每個命令按鈕加上標籤。
如果按鈕只有圖形標籤,請將其 Name 屬性指派給適當的文字標籤。 這可讓輔助技術產品,例如螢幕助讀程式為使用者提供圖形的替代資訊。
此範例顯示圖形按鈕;在內部,這些按鈕會標示為 [上一步]、[下一步] 和 [複製]。
針對簡短流覽按鈕(標示為 “...”),內部標籤應該是 [流覽]。
-
例外狀況:
- 請勿將訪問鍵指派給 [確定] 和 [取消] 按鈕,因為 Enter 是預設按鈕的存取金鑰(通常是 [確定] 按鈕),而 Esc 是 [取消] 的存取金鑰。 這麼做可讓其他存取密鑰更容易指派。
- 請勿將訪問鍵指派給簡短瀏覽按鈕(標示為 “...”),因為它們無法唯一指派。
偏好特定標籤而不是泛型標籤。 在理想情況下,使用者不應該讀取任何其他內容才能了解標籤。 用戶比靜態文字更有可能讀取命令按鈕標籤。
- 例外狀況: 如果取消的意義明確,請勿重新命名 [取消] 按鈕。 用戶不應該讀取所有按鈕,以判斷哪個按鈕取消動作。 不過,如果不清楚正在取消哪些動作,請重新命名 Cancel,例如,有數個擱置的動作時。
可以接受:
在此範例中,OK 和 Cancel 是可接受的,但不可指定標籤。
更好:
在此範例中,Burn CD 比 OK 更具體。
不正確:
在此範例中,應該使用 Cancel,而不是不要燒毀 CD。
使用命令式動詞啟動標籤,並清楚描述按鈕執行的動作。 請勿使用結尾標點符號。
- 例外狀況: 下列標準標籤不帶動詞:進階、上一頁、詳細數據、轉寄、少、更多、新增、下一步、否、確定、選項、上一頁、屬性、設定及是。
雖然偏好使用簡短標籤,但使用足夠的文字來充分說明命令。 當物件從內容中看不出時,請使用直接物件(動詞之後的名詞)。 在理想情況下,使用者不應該讀取任何其他內容才能了解標籤。
可以接受:
在此範例中,如果簡短卷標在內容中的意義顯而易見,便可接受。
更好: (如果新增不清楚)
在此範例中,將名詞新增至動詞可協助使用者理解。
最佳: (如果新增或新增專案不清楚)
在此範例中,標籤是自我解釋的。
使用 句子樣子大寫。 這麼做更適用於 Windows 音調 Windows 音調 ,以及使用命令按鈕的簡短片語。
- 例外狀況: 對於舊版應用程式,如有必要,您可以使用 標題樣式大寫,以避免混合大寫 樣式。
現在請勿在命令按鈕標籤中使用,因為可以授與命令的立即性。
- 例外狀況: 必要時,請立即使用 來區分啟動工作的命令與立即執行工作的命令。
在此範例中,按下命令按鈕會移至允許使用者下載的視窗或頁面。
在此範例中,按下命令按鈕會執行下載。
工作流程中只有一個命令現在應該加上標籤。 因此,例如, 「立即 下載」命令不應該接著另一個 [立即 下載] 命令。
如果命令按鈕標籤暗示不會發生動作,請勿在命令按鈕標籤中使用。 例如,除非稍後安裝該命令,否則請勿使用 [稍後安裝] (與 [立即安裝] 相反。 請改用 [不要安裝] 或 [取消]。
不正確:
在此範例中,[稍後重新啟動] 不正確地表示命令會在稍後自動重新啟動。
僅針對與進階使用者相關的選項使用 [進階] 按鈕,或需要進階用戶知識。 請勿將 [進階] 按鈕用於被視為技術進階的功能。 例如,印表機的裝訂功能不是進階選項,而是其色彩管理系統。
不正確: (如果選項真的不是進階的)
在此範例中,進階具有誤導性。
正確:
在此範例中,標籤更具體且精確。
對於開啟其他視窗的命令按鈕,請選擇使用部分或所有次要視窗標題列文字的標籤。 例如,標示為 [流覽] 的命令按鈕可能會開啟名為 [瀏覽資料夾] 的對話方塊。 在整個工作中使用相同的術語有助於保持用戶導向。
提出問題時,請使用符合問題的標籤。 請勿使用 [確定]/[取消] 回答 [是/否] 問題。
正確:
在此範例中,按鈕會回答問題。
不正確:
在此範例中,按鈕不會回答問題。
如果命令需要執行其他資訊,請使用省略號結束標籤。
- 例外狀況: 圖形標籤不會採用省略號。
正確: (如果顯示[列印選項] 對話框)
在此範例中,按下按鈕之後,會顯示 [列印選項] 對話框,並需要使用者的詳細資訊。
當動作成功完成只是顯示另一個視窗時,請勿使用省略號。 下列命令永遠不會採用省略號:About、Advanced、Options、Properties、Help。
不正確:
在此範例中,按下按鈕之後,會顯示 [選項] 對話方塊,但不需要使用者的詳細資訊。
如果模棱兩可(例如,命令標籤缺少動詞),請根據最有可能的使用者動作來決定。 如果只要檢視視窗是常見的動作,請勿使用省略號。
正確:
更多色彩...
版本資訊
在第一個範例中,使用者最有可能選擇色彩,因此使用省略號是正確的。 在第二個範例中,使用者最有可能檢視版本資訊,因此不需要省略號。
針對瀏覽按鈕,當視窗中有兩個以上的瀏覽按鈕時,請使用簡短瀏覽按鈕(標示為 “...”“。 當您想要在方格中顯示瀏覽按鈕時,請一律使用簡短版本。
針對方向按鈕,請使用單一角括弧,並將它指向動作發生的方向。
下表顯示一些常見的命令按鈕標籤及其使用方式。
按鈕標籤 | 意義 | 存取金鑰 |
---|---|---|
上一步 |
在精靈和工作流程中,移至上一頁。 |
'B' |
流覽。。。 |
顯示對話框以尋找檔案或物件。 |
'B' 或 'r' |
選項 |
顯示使用者可自定義程式的選項。 |
'O' |
暫停 |
在進行中對話框中,暫停工作。 |
'P' |
個人化 |
使用程式自定義對用戶個人識別至關重要的核心體驗。 |
'P' |
喜好設定 |
請勿使用。 請改用 [選項]。 |
不適用。 |
屬性 |
顯示物件的屬性和設定。 |
'P' 或第一個 'r' |
儲存 |
儲存一組設定,或使用其目前名稱儲存盤案或物件。 |
'S' |
另存新檔... |
使用指定的名稱儲存盤案或物件。 |
第二個 'a' |
設定 |
請勿使用。 請改用 [選項]。 |
不適用。 |
疑難排解 |
請勿使用。 請改用特定的 [說明] 連結。 |
不適用。 |
如需認可按鈕標籤的指導方針(確定、取消、是/否、關閉、停止、套用、下一步、完成、完成),請參閱 使用者介面文字。
文件集
參考命令按鈕時:
- 使用確切的標籤文字,包括其大寫,但不包含訪問鍵底線或省略號。 請勿包含單字按鈕。
- 若要描述用戶互動,請使用 click。
- 可能的話,請使用粗體文字格式化標籤。 否則,只有在需要防止混淆時,才將標籤放在引號中。
範例:按兩下 [列印 ] 列印檔。