命令連結
注意
此設計指南是針對 Windows 7 所建立,尚未針對較新版本的 Windows 進行更新。 大部分的指導方針仍以原則方式套用,但簡報和範例不會反映 我們目前的設計指導方針。
使用命令連結,使用者會選取主要指令的單一回應,然後繼續進行工作中的下一個步驟。
命令連結具有全新的輕量型外觀,可允許描述性標籤,並以標準箭號或自訂圖示顯示,以及選擇性的補充說明。
一組典型的命令連結。
命令連結類似于 選項按鈕 ,用來從一組互斥的相關選擇中選取。 如同選項按鈕,命令連結一律會在集合中呈現,永遠不會個別呈現。 在外觀中,命令連結具有類似于一般 連結的輕量型外觀,沒有框架或其他強式點擊 可供性。 命令連結也類似于 命令按鈕,因為它們可以是預設的「命令按鈕」,而且可以指派存取金鑰。 如同 認可按鈕,按一下即可關閉對話方塊的視窗 () ,或移至精靈和頁面流程) 的下一個頁面 (。
這是正確的控制項嗎?
若要決定使用時機,請考量下列問題:
選項是否回應主要指令,並與視窗或頁面的主要用途相關? 使用者是否必須回應他們執行其他動作,而不只是流覽至不同的頁面? 如果沒有,請使用另一個控制項,例如命令按鈕或連結。 命令連結不適用於次要或選擇性選擇,或純導覽。
雖然個人化主控台專案看起來像是使用命令連結,但選項是一般連結,因為此中樞頁面適用于純導覽。
控制項是否用來從一組互斥回應中選擇一個回應? 如果不是,請使用其他控制項。 若要讓使用者選擇個別命令,請使用命令按鈕或連結。
對於對話方塊,按一下控制項是否關閉視窗? 如果沒有,請使用不需要關閉視窗的控制項,例如選項按鈕、命令按鈕或連結。
不正確:
命令連結無法用於屬性視窗或索引標籤式對話方塊,因為按一下控制項會關閉視窗。
對於精靈和頁面流程,按一下下一頁而不需承諾嗎? 請勿使用命令連結認可至工作;請改用認可按鈕。 因為命令連結看起來像連結,而使用者會將連結與頁面流程內的流覽建立關聯,所以連結不適合 認可頁面 ,因為使用者應該一律能夠返回。
對於精靈和頁面流程,其他頁面是否使用命令連結? 若是如此,且所有其他因素都相等,則偏好命令連結以取得頁面之間的一致性。
兩到五之間的回應數目嗎? 永遠不應該有單一命令連結。 因為命令連結是大型控制項,而使用的螢幕空間會與選項數目成正比,所以請將回應數目保留為五個或更少。 如需六個或多個選項,請使用選項按鈕、一般連結或單一選取 清單檢視。
在此範例中,Microsoft Windows 中的 AutoPlay 功能會使用清單檢視。
選項按鈕和認可按鈕的組合是否為更好的選擇? 當下列任一項成立時,選項按鈕是更好的選擇:
您想要大部分使用者選取的強預設選項。 使用者不太可能變更預設選項按鈕,而不是預設命令連結,特別是在精靈中,使用者習慣按一下 [下一步] 以接受適當的預設值。 另一方面,如果您想要鼓勵使用者做出明確選擇,命令連結是較佳的選擇。
使用者可能需要與選擇互動 (,才能在做出決策之前查看其他資訊) 。 例如,選取選項按鈕可能會動態顯示選項的描述。
在此範例中,選取選項按鈕會顯示選項的描述。
頁面上有次要或相關的選項。 命令連結通常會影響頁面,讓您輕鬆忽略其他所有專案。 此外,按一下命令連結之後,就無法選取次要選項。
不正確:
在此範例中,有兩種不同的方式可以回應主要指令。 命令連結不會用於第一個回應,因為很難選取次要選項。
正確:
在此範例中,選項按鈕會讓回應清楚,同時允許使用者選取次要選項。
對於對話方塊,一組認可按鈕是否為較佳的選擇? 當選項需要較長、更說明的回應和補充說明時,命令連結會比較好,但如果有一些簡單的選項,則一組認可按鈕是較佳的選擇。
不正確:
在此範例中,使用簡單命令的命令連結會使對話方塊變得不必要複雜。
正確:
在此範例中,使用簡單的認可按鈕會直接進入點。
不過,使用文字來說明認可按鈕時,一律會選擇更清楚的命令連結。
不正確:
在此範例中,文字是用來說明認可按鈕。
正確:
在此範例中,命令連結是自我說明的。
注意
命令連結需要 Windows Vista 或更新版本,因此不適用於舊版 Windows。 您可以使用一般連結做為替代專案。
在此範例中,具有圖示的一般連結和補充說明可用來替代 Windows XP 中的命令連結。
設計概念
只是因為命令連結可讓您使用更具描述性的標籤和選擇性補充說明,並不表示您應該使用。 請考慮下列範例:
不正確:
此對話方塊非常過度通訊。
此對話方塊會採用簡單的問題,並不必要的使它與命令連結文字複雜。 使用者不想要閱讀這類簡單問題的所有文字。
我們可以套用三個命令連結指導方針來簡化此對話方塊:
- 請勿使用補充說明,這是命令連結的文字重新整理。 只有在您無法建立命令連結自我說明時,才使用補充說明。 提供一個命令連結的補充說明並不表示您必須為所有命令提供它們。
- 選取最安全 (,以防止資料或系統存取) 遺失,且最安全的回應為預設值。 如果安全性和安全性不是因素,請選取最可能或方便的回應。
- 提供明確的 [取消] 按鈕。 請勿針對此目的使用命令連結。
藉由套用這些指導方針,我們可以排除不必要的補充說明、讓預設值做出最方便的回應,並提供明確的 [取消] 按鈕。
較佳:
使用更簡單的命令連結改善版本。
雖然此版本並未明確說明不會儲存為遺失,但少數使用者會根據這項資訊來變更其決策,使其成為良好的取捨。
藉由分析命令連結是否甚至是此案例中要使用的正確控制項,即可讓這個對話方塊變得更好。 認可按鈕實際上是較佳的選擇,因為不需要較長、更詳細的回應。
最好:
正確的版本會使用認可按鈕直接進入點。
命令連結有許多優點,但使用時不小心會導致過度通訊。 針對對話方塊,請考慮先使用認可按鈕,只有在認可按鈕未順利執行工作時,才使用命令連結。
適當地使用時,命令連結應該簡化並厘清您的 UI。 如果結果相反,請回頭檢閱替代方案,並專注于您真正需要溝通的內容。
如果您只執行一件事... 請勿使用命令連結進行過度通訊。 命令連結應該簡化並厘清通訊,而不是使它更為複雜。
使用模式
命令連結有數種使用模式:
使用狀況 | 範例 |
---|---|
頁面回應 命令連結可用來回應主要指令,並前進到下一頁。 | 使用此模式時,命令連結會取代下一個按鈕,但仍有取消按鈕。 頁面回應不表示承諾。 因為命令連結看起來像連結,而使用者會將連結與頁面流程內的導覽建立關聯,所以連結不適用於認可頁面。 使用者應該一律能夠回復。 在此範例中,命令連結可用來提供主要指令的描述性回應。 雖然可以在這裡使用選項按鈕,但命令連結可讓使用者按一下即可回應。 |
對話方塊回應 命令連結可用來回應主要指令,並關閉對話方塊。 | 使用此模式時,命令連結會取代認可按鈕 (,例如確定) ,但仍有取消按鈕。 不同于頁面流程,一旦完成之後,就無法返回以對話方塊為基礎的回應。 因此,對話方塊命令連結表示承諾。 在此範例中,命令連結可用來提供主要指令的描述性回應。 雖然可以在這裡使用選項按鈕,但命令連結可讓使用者按一下即可選擇。 |
詳細回應 包含詳細資訊的頁面或對話方塊回應。 | 有時候,使用者可能需要更詳細的資訊來選擇其回應。 在此範例中,會使用詳細的命令連結,讓使用者可以做出明智的決策。 縮圖和檔案詳細資料可協助使用者決定。 |
指導方針
互動
- 如果按一下命令連結的結果不是立即顯示忙碌指標。 如果沒有意見反應,使用者可能會假設按一下未發生,然後再按一次。
簡報
一律會在一組兩個或多個命令中顯示命令連結。 邏輯上,沒有理由詢問只有一個答案的問題。
不正確:
在此範例中,對話方塊似乎提供使用者選擇,但只有指示。 這應該是參考對話方塊。
先呈現最常用的命令連結。 產生的順序應該大致遵循使用的可能性,但也有邏輯流程。
- 例外: 導致先執行所有動作的命令連結。
提供明確的 [取消] 按鈕。 請勿針對此目的使用命令連結。 通常使用者發現他們不想執行工作。 使用命令連結取消會要求使用者仔細讀取所有命令連結,以判斷哪一個表示取消。 擁有明確的 [取消] 按鈕可讓使用者有效率地取消工作。
不正確:
在此範例中,[不要結束命令] 連結應該是 [取消] 按鈕。
如果提供明確的 [取消] 按鈕離開單一命令連結,請同時提供要取消的命令連結和 [取消] 按鈕。 這麼做可讓您清楚瞭解使用者有選擇。 在與第一個回應有何不同方面,將此命令連結片語,而不是「取消」或某些變化。
在此範例中,第二個命令連結表示使用者有選擇,但全部都是取消。 不過,它會以與第一個命令連結不同的方式來加以片語。
如果您無法將環境傳回其先前的狀態,請使用 Close 而非 Cancel,而不會有任何副作用。
不要顯示停用的命令連結。 如果命令連結不適用於目前的內容,請改為將其移除。 如果移除所有未套用的命令連結都會離開單一命令連結,請排除視窗或頁面,或在需要明確使用者同意時顯示 確認 。
圖示
所有命令連結都需要圖示。 圖示可協助使用者區分命令連結與一般連結和使用者介面文字。
僅針對命令連結使用箭頭圖示。 一般連結不應該使用箭號圖示,除非它們用來取代 Windows XP 中的命令連結。
使用安全性防護圖示來指出回應需要立即提高許可權。 如需使用安全性防護圖示的其他指導方針,請參閱 使用者帳戶控制。
只有當自訂圖示可協助使用者以視覺方式識別和區分選項時,才使用自訂圖示。 如果自訂圖示無法立即辨識或有意義,請勿使用。
不正確:
在此範例中,無法立即辨識自訂圖示。
針對自訂圖示,請使用 16x16 或 32x32 圖元圖示。 如果有足夠空間,則會使用較大的圖示,並從較大的大小視覺上獲益。 如果您需要安全性防護覆迭,請使用 32x32 或 48x48 圖元圖示。
此範例使用 32x32 圖元自訂圖示。
此範例使用 48x48 圖元自訂圖示,並具有安全性防護防護覆迭。
避免將自訂圖示與視窗或頁面上的標準箭號圖示混合。 如果您在介面上使用自訂圖示,請嘗試使用所有自訂圖示。 不過,偏好使用標準箭號圖示,而非無意義的自訂圖示。
預設值
- 選取最安全 (,以防止資料或系統存取) 遺失,且最安全的回應為預設值。 如果安全性和安全性不是因素,請選取最可能或方便的回應。
- 如果可行,請讓第一個回應成為預設選項, 因為使用者通常會預期該順序不是邏輯的。
- 對於對話方塊,除非有簡單的復原動作的方式,否則請勿將破壞性動作設為預設命令連結。
建議的大小和間距
標籤
注意
因為命令連結是主要指令的回應,所以您應該先製作 良好的主要指令 ,再判斷其回應。
命令連結標籤
選擇簡潔的標籤,以清楚傳達並區分命令連結的功能。 它應該是自我說明的,並對應至主要指令。 將標籤放在回應之間的差異上。 使用者不一定必須瞭解命令連結實際上的意義,或它與其他命令連結有何不同。
不正確:
在此範例中,第二個和第三個回應之間的差異為何? 您不想要有 [取消] 按鈕嗎?
焦點命令連結標籤,協助使用者做出正確的決策。 省略不會影響選擇的詳細資料。 標籤不一定是發生情況的完整規格。
使用動詞命令啟動命令連結。 不過,請勿使用 click,因為標籤應該傳達命令連結的功能,而不是其運作方式。
- 例外: 如果所有命令連結都是以相同的動詞或片語開頭,請消除備援動詞或片語。
一般而言, 使用正片語 (提供) 執行動作的選擇。 負片語 (如果標籤更容易理解,則提供不做) 的選擇。
使用平行片語和單行標籤。 長標籤不建議閱讀,而且不應該必要。 此外,中等大小的標籤更容易在檔中參考。
使用句型大寫。
除非標籤是問題,否則請勿使用結束標點符號。
指派唯一存取金鑰。 如需指導方針,請參閱 鍵盤。
請勿使用省略號。 省略號表示可能需要更多資訊才能執行動作。 正確使用的命令連結不需要省略號,因為它們會立即生效。
如果強烈建議回應,請將「建議 () 」新增至標籤。 請務必將 新增至標籤,而不是補充說明。
如果回應僅適用于進階使用者,請考慮將「 (進階) 」新增至標籤。 請務必將 新增至標籤,而不是補充說明。
提示: 您可以想像 friend 指出主要指令,並以命令連結回應,來評估命令連結。 如果以命令連結回應是非自然或不穩定的,請修改命令連結,而且可能是主要指令。
補充說明
如果命令連結需要進一步說明, 請提供補充說明。 補充說明說明為何使用者可能想要選擇回應,或選擇回應時會發生什麼情況。
在此範例中,補充說明描述選項的影響。
請勿使用命令連結的文字重新整理補充說明。 只有在您無法建立命令連結自我說明時,才使用補充說明。 提供一個命令連結的補充說明並不表示您必須為所有連結提供它們。
專注于協助使用者做出正確決策的補充說明。 省略不會影響選擇的詳細資料。 補充說明不一定是發生什麼情況的完整規格。
使用平行片語和最多三行文字。 冗長的補充說明不建議閱讀,不應必要。
使用完整的句子和結束標點符號。
命令連結群組標籤
- 請勿使用群組標籤。 主要指示可作為命令連結的群組標籤。
文件
參考命令連結時:
- 使用確切的標籤文字,包括其大寫,但不包含便捷鍵底線。
- 如果標籤包含物件名稱,請省略物件名稱或使用預留位置文字。
- 若要描述使用者互動,請使用 click。
- 可能的話,請使用粗體文字格式化標籤。 否則,只有在需要防止混淆時,才將標籤放在引號中。
例子: 若要複製圖片,請按一下 [ 複製並取代]。
按一下 [ 重設網路介面卡]。 (針對標示為「重設網路介面卡 配接器名稱」的命令連結。)