命令連結

注意

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

使用命令連結,使用者會選取主要指令的單一回應,然後繼續進行工作中的下一個步驟。

命令連結具有全新的輕量型外觀,可允許描述性標籤,並以標準箭號或自訂圖示顯示,以及選擇性的補充說明。

一般命令連結對話方塊的螢幕擷取畫面

一組典型的命令連結。

命令連結類似于 選項按鈕 ,用來從一組互斥的相關選擇中選取。 如同選項按鈕,命令連結一律會在集合中呈現,永遠不會個別呈現。 在外觀中,命令連結具有類似于一般 連結的輕量型外觀,沒有框架或其他強式點擊 可供性。 命令連結也類似于 命令按鈕,因為它們可以是預設的「命令按鈕」,而且可以指派存取金鑰。 如同 認可按鈕,按一下即可關閉對話方塊的視窗 () ,或移至精靈和頁面流程) 的下一個頁面 (。

注意

連結版面配置的相關指導方針會在個別的文章中呈現。

這是正確的控制項嗎?

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

  • 選項是否回應主要指令,並與視窗或頁面的主要用途相關? 使用者是否必須回應他們執行其他動作,而不只是流覽至不同的頁面? 如果沒有,請使用另一個控制項,例如命令按鈕或連結。 命令連結不適用於次要或選擇性選擇,或純導覽。

    個人化控制台專案的螢幕擷取畫面

    雖然個人化主控台專案看起來像是使用命令連結,但選項是一般連結,因為此中樞頁面適用于純導覽。

  • 控制項是否用來從一組互斥回應中選擇一個回應? 如果不是,請使用其他控制項。 若要讓使用者選擇個別命令,請使用命令按鈕或連結。

  • 對於對話方塊,按一下控制項是否關閉視窗? 如果沒有,請使用不需要關閉視窗的控制項,例如選項按鈕、命令按鈕或連結。

    不正確:

    索引標籤式防火牆設定對話方塊的螢幕擷取畫面

    命令連結無法用於屬性視窗或索引標籤式對話方塊,因為按一下控制項會關閉視窗。

  • 對於精靈和頁面流程,按一下下一頁而不需承諾嗎? 請勿使用命令連結認可至工作;請改用認可按鈕。 因為命令連結看起來像連結,而使用者會將連結與頁面流程內的流覽建立關聯,所以連結不適合 認可頁面 ,因為使用者應該一律能夠返回。

  • 對於精靈和頁面流程,其他頁面是否使用命令連結? 若是如此,且所有其他因素都相等,則偏好命令連結以取得頁面之間的一致性。

  • 兩到五之間的回應數目嗎? 永遠不應該有單一命令連結。 因為命令連結是大型控制項,而使用的螢幕空間會與選項數目成正比,所以請將回應數目保留為五個或更少。 如需六個或多個選項,請使用選項按鈕、一般連結或單一選取 清單檢視

    含有命令清單的對話方塊螢幕擷取畫面

    在此範例中,Microsoft Windows 中的 AutoPlay 功能會使用清單檢視。

  • 選項按鈕和認可按鈕的組合是否為更好的選擇? 當下列任一項成立時,選項按鈕是更好的選擇:

    • 您想要大部分使用者選取的強預設選項。 使用者不太可能變更預設選項按鈕,而不是預設命令連結,特別是在精靈中,使用者習慣按一下 [下一步] 以接受適當的預設值。 另一方面,如果您想要鼓勵使用者做出明確選擇,命令連結是較佳的選擇。

    • 使用者可能需要與選擇互動 (,才能在做出決策之前查看其他資訊) 。 例如,選取選項按鈕可能會動態顯示選項的描述。

      具有選項按鈕的對話方塊螢幕擷取畫面

      在此範例中,選取選項按鈕會顯示選項的描述。

    • 頁面上有次要或相關的選項。 命令連結通常會影響頁面,讓您輕鬆忽略其他所有專案。 此外,按一下命令連結之後,就無法選取次要選項。

      不正確:

      具有混合控制項的對話方塊螢幕擷取畫面

      在此範例中,有兩種不同的方式可以回應主要指令。 命令連結不會用於第一個回應,因為很難選取次要選項。

      正確:

      具有相同控制項的對話方塊螢幕擷取畫面

      在此範例中,選項按鈕會讓回應清楚,同時允許使用者選取次要選項。

  • 對於對話方塊,一組認可按鈕是否為較佳的選擇? 當選項需要較長、更說明的回應和補充說明時,命令連結會比較好,但如果有一些簡單的選項,則一組認可按鈕是較佳的選擇。

    不正確:

    具有儲存和未儲存的對話方塊螢幕擷取畫面

    在此範例中,使用簡單命令的命令連結會使對話方塊變得不必要複雜。

    正確:

    此螢幕擷取畫面顯示具有 [儲存]、[不要儲存] 和 [取消] 認可按鈕的對話方塊。

    在此範例中,使用簡單的認可按鈕會直接進入點。

    不過,使用文字來說明認可按鈕時,一律會選擇更清楚的命令連結。

    不正確:

    具有不必要的文字的對話方塊螢幕擷取畫面

    在此範例中,文字是用來說明認可按鈕。

    正確:

    不需要更多文字的標籤螢幕擷取畫面

    在此範例中,命令連結是自我說明的。

注意

命令連結需要 Windows Vista 或更新版本,因此不適用於舊版 Windows。 您可以使用一般連結做為替代專案。

具有圖示和文字的一般連結螢幕擷取畫面

在此範例中,具有圖示的一般連結和補充說明可用來替代 Windows XP 中的命令連結。

設計概念

只是因為命令連結可讓您使用更具描述性的標籤和選擇性補充說明,並不表示您應該使用。 請考慮下列範例:

不正確:

含有太多文字的對話方塊螢幕擷取畫面

此對話方塊非常過度通訊。

此對話方塊會採用簡單的問題,並不必要的使它與命令連結文字複雜。 使用者不想要閱讀這類簡單問題的所有文字。

我們可以套用三個命令連結指導方針來簡化此對話方塊:

  • 請勿使用補充說明,這是命令連結的文字重新整理。 只有在您無法建立命令連結自我說明時,才使用補充說明。 提供一個命令連結的補充說明並不表示您必須為所有命令提供它們。
  • 選取最安全 (,以防止資料或系統存取) 遺失,且最安全的回應為預設值。 如果安全性和安全性不是因素,請選取最可能或方便的回應。
  • 提供明確的 [取消] 按鈕。 請勿針對此目的使用命令連結。

藉由套用這些指導方針,我們可以排除不必要的補充說明、讓預設值做出最方便的回應,並提供明確的 [取消] 按鈕。

較佳:

具有命令和標籤的對話方塊螢幕擷取畫面

使用更簡單的命令連結改善版本。

雖然此版本並未明確說明不會儲存為遺失,但少數使用者會根據這項資訊來變更其決策,使其成為良好的取捨。

藉由分析命令連結是否甚至是此案例中要使用的正確控制項,即可讓這個對話方塊變得更好。 認可按鈕實際上是較佳的選擇,因為不需要較長、更詳細的回應。

最好:

具有認可按鈕的對話方塊螢幕擷取畫面

正確的版本會使用認可按鈕直接進入點。

命令連結有許多優點,但使用時不小心會導致過度通訊。 針對對話方塊,請考慮先使用認可按鈕,只有在認可按鈕未順利執行工作時,才使用命令連結。

適當地使用時,命令連結應該簡化並厘清您的 UI。 如果結果相反,請回頭檢閱替代方案,並專注于您真正需要溝通的內容。

如果您只執行一件事... 請勿使用命令連結進行過度通訊。 命令連結應該簡化並厘清通訊,而不是使它更為複雜。

使用模式

命令連結有數種使用模式:

使用狀況 範例
頁面回應 命令連結可用來回應主要指令,並前進到下一頁。 使用此模式時,命令連結會取代下一個按鈕,但仍有取消按鈕。
頁面回應不表示承諾。 因為命令連結看起來像連結,而使用者會將連結與頁面流程內的導覽建立關聯,所以連結不適用於認可頁面。 使用者應該一律能夠回復。
顯示 [連線到網際網路] 對話方塊的螢幕擷取畫面,其中包含 [無線]、[寬頻 (PPPoE) ],以及 [撥號] 命令連結。
在此範例中,命令連結可用來提供主要指令的描述性回應。 雖然可以在這裡使用選項按鈕,但命令連結可讓使用者按一下即可回應。
對話方塊回應 命令連結可用來回應主要指令,並關閉對話方塊。 使用此模式時,命令連結會取代認可按鈕 (,例如確定) ,但仍有取消按鈕。
不同于頁面流程,一旦完成之後,就無法返回以對話方塊為基礎的回應。 因此,對話方塊命令連結表示承諾。
具有命令連結的對話方塊螢幕擷取畫面
在此範例中,命令連結可用來提供主要指令的描述性回應。 雖然可以在這裡使用選項按鈕,但命令連結可讓使用者按一下即可選擇。
詳細回應 包含詳細資訊的頁面或對話方塊回應。 有時候,使用者可能需要更詳細的資訊來選擇其回應。
複製檔案對話方塊和縮圖的螢幕擷取畫面
在此範例中,會使用詳細的命令連結,讓使用者可以做出明智的決策。 縮圖和檔案詳細資料可協助使用者決定。

指導方針

互動

  • 如果按一下命令連結的結果不是立即顯示忙碌指標。 如果沒有意見反應,使用者可能會假設按一下未發生,然後再按一次。

簡報

  • 一律會在一組兩個或多個命令中顯示命令連結。 邏輯上,沒有理由詢問只有一個答案的問題。

    不正確:

    具有一個命令連結的對話方塊螢幕擷取畫面

    在此範例中,對話方塊似乎提供使用者選擇,但只有指示。 這應該是參考對話方塊。

  • 先呈現最常用的命令連結。 產生的順序應該大致遵循使用的可能性,但也有邏輯流程。

    • 例外: 導致先執行所有動作的命令連結。
  • 提供明確的 [取消] 按鈕。 請勿針對此目的使用命令連結。 通常使用者發現他們不想執行工作。 使用命令連結取消會要求使用者仔細讀取所有命令連結,以判斷哪一個表示取消。 擁有明確的 [取消] 按鈕可讓使用者有效率地取消工作。

    不正確:

    對話方塊的螢幕擷取畫面,其中包含 [不要結束] 連結

    在此範例中,[不要結束命令] 連結應該是 [取消] 按鈕。

  • 如果提供明確的 [取消] 按鈕離開單一命令連結,請同時提供要取消的命令連結和 [取消] 按鈕。 這麼做可讓您清楚瞭解使用者有選擇。 在與第一個回應有何不同方面,將此命令連結片語,而不是「取消」或某些變化。

    兩個連結和取消按鈕的螢幕擷取畫面

    在此範例中,第二個命令連結表示使用者有選擇,但全部都是取消。 不過,它會以與第一個命令連結不同的方式來加以片語。

  • 如果您無法將環境傳回其先前的狀態,請使用 Close 而非 Cancel,而不會有任何副作用。

  • 不要顯示停用的命令連結。 如果命令連結不適用於目前的內容,請改為將其移除。 如果移除所有未套用的命令連結都會離開單一命令連結,請排除視窗或頁面,或在需要明確使用者同意時顯示 確認

圖示

  • 所有命令連結都需要圖示。 圖示可協助使用者區分命令連結與一般連結和使用者介面文字。

  • 僅針對命令連結使用箭頭圖示。 一般連結不應該使用箭號圖示,除非它們用來取代 Windows XP 中的命令連結。

  • 使用安全性防護圖示來指出回應需要立即提高許可權。 如需使用安全性防護圖示的其他指導方針,請參閱 使用者帳戶控制

  • 只有當自訂圖示可協助使用者以視覺方式識別和區分選項時,才使用自訂圖示。 如果自訂圖示無法立即辨識或有意義,請勿使用。

    不正確:

    具有自訂圖示的兩個命令連結螢幕擷取畫面

    在此範例中,無法立即辨識自訂圖示。

  • 針對自訂圖示,請使用 16x16 或 32x32 圖元圖示。 如果有足夠空間,則會使用較大的圖示,並從較大的大小視覺上獲益。 如果您需要安全性防護覆迭,請使用 32x32 或 48x48 圖元圖示。

    具有圖示的三個命令連結螢幕擷取畫面

    此範例使用 32x32 圖元自訂圖示。

    具有較大圖示的兩個命令連結螢幕擷取畫面

    此範例使用 48x48 圖元自訂圖示,並具有安全性防護防護覆迭。

  • 避免將自訂圖示與視窗或頁面上的標準箭號圖示混合。 如果您在介面上使用自訂圖示,請嘗試使用所有自訂圖示。 不過,偏好使用標準箭號圖示,而非無意義的自訂圖示。

預設值

  • 選取最安全 (,以防止資料或系統存取) 遺失,且最安全的回應為預設值。 如果安全性和安全性不是因素,請選取最可能或方便的回應。
  • 如果可行,請讓第一個回應成為預設選項, 因為使用者通常會預期該順序不是邏輯的。
  • 對於對話方塊,除非有簡單的復原動作的方式,否則請勿將破壞性動作設為預設命令連結

命令連結調整大小和間距的螢幕擷取畫面

標籤

注意

因為命令連結是主要指令的回應,所以您應該先製作 良好的主要指令 ,再判斷其回應。

命令連結標籤

  • 選擇簡潔的標籤,以清楚傳達並區分命令連結的功能。 它應該是自我說明的,並對應至主要指令。 將標籤放在回應之間的差異上。 使用者不一定必須瞭解命令連結實際上的意義,或它與其他命令連結有何不同。

    不正確:

    備援命令連結的螢幕擷取畫面

    在此範例中,第二個和第三個回應之間的差異為何? 您不想要有 [取消] 按鈕嗎?

  • 焦點命令連結標籤,協助使用者做出正確的決策。 省略不會影響選擇的詳細資料。 標籤不一定是發生情況的完整規格。

  • 使用動詞命令啟動命令連結。 不過,請勿使用 click,因為標籤應該傳達命令連結的功能,而不是其運作方式。

    • 例外: 如果所有命令連結都是以相同的動詞或片語開頭,請消除備援動詞或片語。
  • 一般而言, 使用正片語 (提供) 執行動作的選擇。 負片語 (如果標籤更容易理解,則提供不做) 的選擇。

  • 使用平行片語和單行標籤。 長標籤不建議閱讀,而且不應該必要。 此外,中等大小的標籤更容易在檔中參考。

  • 使用句型大寫。

  • 除非標籤是問題,否則請勿使用結束標點符號。

  • 指派唯一存取金鑰。 如需指導方針,請參閱 鍵盤

  • 請勿使用省略號。 省略號表示可能需要更多資訊才能執行動作。 正確使用的命令連結不需要省略號,因為它們會立即生效。

  • 如果強烈建議回應,請將「建議 () 」新增至標籤。 請務必將 新增至標籤,而不是補充說明。

  • 如果回應僅適用于進階使用者,請考慮將「 (進階) 」新增至標籤。 請務必將 新增至標籤,而不是補充說明。

提示: 您可以想像 friend 指出主要指令,並以命令連結回應,來評估命令連結。 如果以命令連結回應是非自然或不穩定的,請修改命令連結,而且可能是主要指令。

補充說明

  • 如果命令連結需要進一步說明, 請提供補充說明。 補充說明說明為何使用者可能想要選擇回應,或選擇回應時會發生什麼情況。

    描述選項結果的文字螢幕擷取畫面

    在此範例中,補充說明描述選項的影響。

  • 請勿使用命令連結的文字重新整理補充說明。 只有在您無法建立命令連結自我說明時,才使用補充說明。 提供一個命令連結的補充說明並不表示您必須為所有連結提供它們。

  • 專注于協助使用者做出正確決策的補充說明。 省略不會影響選擇的詳細資料。 補充說明不一定是發生什麼情況的完整規格。

  • 使用平行片語和最多三行文字。 冗長的補充說明不建議閱讀,不應必要。

  • 使用完整的句子和結束標點符號。

命令連結群組標籤

  • 請勿使用群組標籤。 主要指示可作為命令連結的群組標籤。

文件

參考命令連結時:

  • 使用確切的標籤文字,包括其大寫,但不包含便捷鍵底線。
  • 如果標籤包含物件名稱,請省略物件名稱或使用預留位置文字。
  • 若要描述使用者互動,請使用 click。
  • 可能的話,請使用粗體文字格式化標籤。 否則,只有在需要防止混淆時,才將標籤放在引號中。

例子: 若要複製圖片,請按一下 [ 複製並取代]。

按一下 [ 重設網路介面卡]。 (針對標示為「重設網路介面卡 配接器名稱」的命令連結。)