共用方式為


Windows 7 功能區

注意

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

功能區是一種新式方式,可協助使用者有效率且直接使用命令,只需最少的點選次數,就不需要依賴試用和錯誤,而不需要參考 [說明]。

功能區是一個命令列,會將程式的功能組織成視窗頂端的一系列索引標籤。 使用功能區可增加特性和函式的可探索性、讓您更快速地學習整個程式,並讓使用者更充分地掌控其程式體驗。 功能區可以取代傳統的功能表列和工具列。

功能區的螢幕擷取畫面

典型的功能區。

功能區索引標籤是由群組所組成,這些群組是一組已加上標籤的密切相關命令。 除了索引標籤和群組之外,功能區還包含:

  • [應用程式] 按鈕,顯示涉及對檔或工作區執行某些動作的命令功能表,例如檔案相關命令。
  • 快速存取工具列,這是顯示常用命令的小型可自訂工具列。
  • 核心索引標籤是一律顯示的索引標籤。
  • 關聯式索引標籤,只有在選取特定物件類型時才會顯示。 一律顯示的索引標籤稱為核心索引標籤。
  • 索引標籤集是單一物件類型的關聯式索引標籤集合。 例如,物件可以有多個類型 (,因此具有圖片的資料表標頭) 有三種類型,所以一次可以顯示多個內容相關的索引標籤集。
  • 強制回應索引標籤,這是以特定暫存模式顯示的核心索引標籤,例如預覽列印。
  • 資源庫,這是以圖形方式呈現的命令或選項清單。 以結果為基礎的資源庫說明命令或選項的效果,而不是命令本身。 功能區內資源庫會顯示在功能區內,而不是快顯視窗。
  • 增強的工具提示,可簡潔地說明其相關聯的命令,並提供快速鍵。 它們也可能包含說明的圖形和參考。 增強的工具提示可減少命令相關說明的需求。
  • 對話方塊啟動器,這是某些群組底部的按鈕,這些群組會開啟包含與群組相關功能的對話方塊。

功能區最初是 Microsoft Office 2007 引進。 若要瞭解 Office 為何需要使用功能區,以及使用功能區解決的許多問題,請參閱 功能區的本文

注意

功能表工具列命令按鈕圖示 相關的指導方針會顯示在不同的文章中。

這是正確的使用者介面嗎?

若要決定使用功能區,請考慮下列問題:

程式類型

  • 您要設計何種類型的程式? 程式類型是功能區適當性的良好指標。 功能區適用于檔建立和撰寫程式,以及檔檢視器和瀏覽器。 功能區可能適用于其他類型的程式,但其他類型的命令呈現可能更適合。 一般而言,輕量型程式應該會有輕量型命令簡報。

可探索性和學習問題

  • 使用者是否有找不到命令的問題? 使用者是否要求已在程式中的功能? 若是如此,使用功能區可讓命令更容易找到,方法是擁有相關命令的自我說明標籤和群組。 使用功能區也會比功能表列和工具列更適合未來成長。
  • 使用者是否無法瞭解程式的命令? 他們通常會使用「試用和錯誤」來選取正確的命令,或判斷命令的運作方式嗎? 如果是的話,使用功能區搭配以資源庫和即時預覽為基礎的結果導向命令,可讓命令更容易瞭解。

命令特性

  • 命令是否顯示在數個位置? 如果您的程式已經存在,功能表列、工具列、工作窗格和工作區域本身是否呈現命令? 若是如此,使用功能區會將命令統一到單一位置,使其更容易找到。
  • 命令是否適用于整個視窗,或僅適用于特定窗格? 功能區最適合套用至整個視窗或特定物件的命令。 就地命令適用于個別視窗窗格。
  • 可以直接呈現大部分的命令嗎? 也就是說,使用者是否可以使用單鍵與其互動? 如果從功能表和對話方塊存取常用的命令,可以重構為直接嗎? 雖然某些命令可以使用功能表和對話方塊來呈現,但以這種方式呈現大部分的命令會破壞功能區的效率,可能讓功能表列成為較佳的選擇。

命令縮放比例

  • 是否有少量的命令? 在單一簡單工具列上,是否可以輕鬆地呈現最常使用的命令? 如果新增核心和關聯式索引標籤會導致簡單的 [常用] 索引標籤單獨用來執行最常見的工作,就值得使用功能區。 如果沒有,使用功能區的優點可能無法證明其少量命令的額外權數。
  • 是否有大量的命令? 使用功能區需要七個以上的核心索引標籤嗎? 使用者是否會持續變更索引標籤來執行一般工作? 如果是的話,使用不需要變更索引標籤) 和 調色盤視窗 的工具列 ( (可能需要變更索引標籤,但一次可能會有數個開啟,) 可能是更有效率的選擇。
  • 大部分時候,使用者是否通常會使用少量的命令? 如果是,他們可以在 [常用] 索引標籤上放置這類命令,有效率地使用功能區。不斷變更的索引標籤會使功能區太沒有效率。
  • 程式是否受益于讓程式的內容區域盡可能大? 如果是,使用功能表列和單一工具列比功能區更有空間。 不過,如果您的程式需要三列以上的工具列或使用工作窗格,則使用功能區會更有空間效率。
  • 使用者通常會在程式的大型時段內在特定區域中工作一段時間嗎? 如果是,它們會受益于迷你工具列、調色盤視窗和直接命令的鄰近性。 從工作區域到功能區的來回行程會太沒有效率。
  • 為了提高效率和彈性,使用者是否需要對命令簡報內容、位置或大小進行重大變更? 如果是,可自訂且可延伸的工具列和調色盤視窗是較佳的選擇。 請注意,某些類型的工具列可以取消停駐,變成調色盤視窗,而且調色盤視窗可以移動、調整大小和自訂。

最後,請考慮此最終問題:改善 可探索性、輕鬆學習、效率和生產力是否值得額外空間的成本,以及索引標籤組織命令的需求? 如果是,使用功能區是絕佳的選擇。 如果您不確定,請考慮可用性測試功能區型設計,並將其與最佳替代方案進行比較。

功能區是一種全新且吸引人的命令簡報形式,以及現代化程式的絕佳方式。 但就像它們一樣引人注目,並不是每個程式的正確選擇。

不正確:

具有計算機的功能區螢幕擷取畫面

請勿這麼做!

七個最重要的事項

  1. 選擇適合您程式類型的命令解決方案。 使用功能區應該讓程式感覺更簡單、更有效率且更容易使用,永遠不會相反。 如果使用功能區並不適合,請考慮改用豐富的命令。
  2. 請勿對建立有效功能區的挑戰不高。 請勿預期它是現有功能表列和工具列的簡單埠。 而且不要授與使用功能區自動讓您的程式變得更好。 願意認可命令重新設計所需的時間和精力,是決定使用功能區的重要因素。
  3. 讓命令可供探索。 選擇索引標籤設計,在您的命令與它們所在的描述性標籤索引標籤之間具有清楚、明顯、唯一的對應。 使用者應該能夠快速且放心地判斷哪個索引標籤具有他們正在尋找的命令,而且很少選擇錯誤的索引標籤。
  4. 讓命令成為一目了然。 使用者應該從其標籤、圖示、工具提示和預覽中瞭解命令的效果。 他們不需要實驗或閱讀說明主題,以查看命令的運作方式。
  5. 讓使用命令更有效率:
    • 使用者應該在 [首頁] 索引標籤上花費大部分的時間。
    • 使用者很少必須變更一般工作期間的索引標籤。
    • 當視窗最大化且使用者位於正確的索引標籤上時,最常使用的命令具有最視覺的強調,而且使用者可以按一下即可叫用它們。 使用者可以在索引標籤上執行所有其他命令,最多按四次。
    • 使用者不應該開啟對話方塊,才能在一般工作中提供命令和變更屬性。
  6. 協助使用者放心地選擇命令和選項,並將試用版和錯誤的需求降到最低。 請視需要使用結果導向命令,通常以資源庫和即時預覽的形式使用。
  7. 請確定功能區會從最大的視窗大小調整到最小。

設計概念

調整現有程式中的功能區

雖然您可能只是將現有程式的傳統功能表列和工具列設計重構為功能區格式,但這樣做會遺漏大部分使用功能區的值。 功能區在用來呈現立即的結果導向命令時,最常以資源庫和即時預覽的形式呈現。 結果導向命令可讓命令更容易瞭解,且使用者更有效率且更具生產力。 您最好完全重新設計如何在程式中執行命令,而不是重構現有的命令。

請勿對建立有效功能區的挑戰不高。 而且不要授與使用功能區自動讓您的程式變得更好。 建立有效的功能區需要大量時間和精力。 願意認可這類命令重新設計所需的時間和精力,是決定使用功能區的重要因素。

功能區的本質

相較于傳統的功能表列和工具列,功能區具有下列特性:

  • 所有命令的單一使用者介面 (UI) 。 功能表列全面且容易學習,工具列有效率且直接,但為何不要使用更多螢幕空間來建立可完成所有這些作業的單一命令 UI? 只有一個 UI 時,功能區不需要使用者找出哪些 UI 具有他們正在尋找的命令。
  • 可見和自我說明。 功能表列命令可透過其標籤自我說明,但大部分時間都會隱藏在檢視中。 為了節省螢幕空間,工具列按鈕主要是以圖示來表示,而不是標籤 (,雖然某些工具列按鈕同時使用) ,而且當圖示不具說明性時取決於工具提示。 不過,使用者通常只會知道最常使用命令的圖示。
  • 藉由呈現具有標記圖示的大部分命令,功能區命令都是可見且自解的,並且只使用工具提示來提供補充資訊。 不需要前往其他位置 (,例如說明) 以瞭解命令。
  • 加上標籤的群組。 雖然功能表類別已加上標籤,但下拉式功能表中的群組不會,而且只會以未標記的分隔符號來指出。 工具列內的群組也會以未標記的分隔符號表示。
  • 藉由組織標籤群組中的命令,功能區可讓您更輕鬆地尋找命令並判斷其用途。
  • 強制回應,但不是階層式。 功能表列會藉由建立命令階層來調整。 具有許多專案的功能表可以使用一或多個子功能表層級來提供更多命令。
  • 功能區命令需要比工具列命令更多的空間,因此會使用索引標籤來調整。 這種索引標籤的使用會讓功能區變成強制回應,要求使用者偶爾變更模式來尋找命令。 不過,在索引標籤中,大部分的命令都是直接命令,或使用單一分割按鈕或功能表按鈕,而不是階層。
  • 直接和立即。 如果使用單鍵 (叫用命令,即直接叫用命令,而不流覽功能表) ,如果立即生效, (即立即生效,則不需要對話方塊來收集其他輸入) 。 功能表列命令一律是間接的,通常不是立即的。 就像工具列一樣,大部分的功能區命令都是設計成直接且立即的,使用以單鍵叫用最常使用的命令,而且不需要對話方塊收集其他輸入。
  • 寬敞。 功能表列和工具列主要是設計成有空間效率。 為了提供其優點,功能區可能會耗用更多垂直空間,大約相當於功能表列加上三列工具列。 因為少數程式有三個以上的工具列資料列,功能區通常會耗用比傳統 UI 更多的空間來使用命令。
  • 具有 [應用程式] 按鈕和 [快速存取工具列]。 功能區一律會顯示 [應用程式] 按鈕和 [快速存取工具列]。 這麼做可讓使用者存取檔案相關且常用命令,而不需要變更索引標籤,並提升程式之間的一致性。
  • 最小自訂。 雖然功能表列具有固定的簡報,但許多工具列都是相當可自訂的,可讓使用者設定位置、大小和內容。 功能區本身無法自訂,但快速存取工具列提供有限的自訂。
  • 改善鍵盤協助工具。 功能表列具有絕佳的鍵盤協助工具,因為按下 ALT 鍵會直接提供功能表列輸入焦點。 不過,工具列沒有這類機制,因為它們會與視窗的內容共用鍵盤流覽。 因此,使用者必須使用 Tab 鍵 (流覽至工具列,該索引鍵會提供最後一個定位停駐點) ,然後使用方向鍵流覽至特定命令。

相較之下,功能區透過 按鍵提示提供增強的鍵盤協助工具,通常有三個步驟的程式:

  • 按 ALT 鍵進入按鍵提示模式。

  • 按字元來選擇索引標籤、[應用程式] 按鈕或 [快速存取工具列] 中的命令。

  • 在索引標籤內,按一或兩個字母來選擇命令。

    此方法具有高度視覺效果。 它也更具彈性,可讓其更妥善調整,並擁有更多的助憶鍵存取金鑰指派。

    請勿混淆便捷鍵與快速鍵。 雖然便捷鍵和快速鍵都提供 UI 的鍵盤存取,但它們有不同的用途和指導方針。 如需詳細資訊,請參閱 鍵盤

豐富命令的本質

豐富的命令是指功能區所使用的命令呈現和互動,而不需要使用功能區容器。 豐富的命令具有下列特性:

  • 加上標籤。 所有命令都會提供自我說明的標籤,但只有在圖示非常已知且空間處於進階狀態時,才會有例外狀況。

    正確:

    字元格式功能區的螢幕擷取畫面

    這些命令非常已知,因此不需要標籤。

    不正確:

    具有很少使用圖示的功能區螢幕擷取畫面

    這些無法理解的圖示需要豐富命令的標籤。

  • 施 膠。 相較于統一的大小調整,命令會相對於其使用頻率和重要性來調整大小。 除了讓最常使用的命令更容易尋找和按一下之外,它也會讓它們更容易 接觸

    一個大型和三個小按鈕的螢幕擷取畫面

    在此範例中,最常使用的按鈕大於其他按鈕。

  • 動態調整大小。 豐富的命令控制項會自行調整大小,以充分利用可用空間,而不是使用固定大小,並在大小太小時截斷或使用溢位。

    具有相同大小按鈕的寬功能區螢幕 快照,具有混合按鈕的小型功能區螢幕擷取畫面

    在此範例中,命令按鈕會調整大小,以在可用空間中正常運作。

  • 分割按鈕。 分割按鈕是在需要時合併命令一組變化的好方法,同時維持最常使用命令的直接性。

    另存成命令及其選項的螢幕擷取畫面

    在此範例中,[另存新檔] 命令會使用分割按鈕,其中主按鈕會執行最常見的變化,而功能表部分會顯示具有命令變化的功能表。

  • 豐富的下拉式功能表和資源庫。 下拉式功能表、下拉式清單和資源庫會採用其通訊所需的空間,並區分選擇的效果,通常使用圖形和文字描述。 類別可用來組織大型選項組。

    具有圖示的下拉式功能表選項螢幕擷取畫面

    在這些範例中,按一下功能表按鈕會顯示顯示其效果的選項清單。

  • 即時預覽。 每當使用者將滑鼠停留在格式化選項上方時,程式就會使用實際內容顯示結果與該格式設定的外觀。

    格式化選項結果的螢幕擷取畫面

    即時預覽會顯示在暫留時套用格式化選項的結果。

  • 增強的工具提示。 這些命令會簡潔地說明其相關聯的命令,並提供快速鍵。 它們也可能包含說明 (的圖形和參考,不過它們大部分不需要命令相關的說明) 。

    含有文字和圖形的大型工具提示螢幕擷取畫面

    增強的工具提示會簡潔地說明其相關聯的命令。

雖然功能區可能不適合所有程式,但所有程式都可能受益于豐富的命令。

功能區一律有 [應用程式] 按鈕和 [快速存取工具列]

[應用程式] 按鈕和 [快速存取工具列] 提供在任何內容中有用的命令,因此可減少變更索引標籤的需求。 雖然這三個元件在邏輯上無關,但功能區必須一律有 [應用程式] 按鈕和 [快速存取工具列]。 假設命令可以移至功能區或 [應用程式] 按鈕,您可能會想知道要放置命令的位置。 選擇不是任意的。

[應用程式] 按鈕可用來呈現命令功能表,這些命令牽涉到或處理檔案,例如傳統上在 [檔案] 功能表中執行的命令,以建立、開啟及儲存檔案、列印及傳送和發佈檔。

相較之下,功能區本身適用于影響視窗內容的命令。 範例包括用來讀取、修改或使用內容的命令,或變更檢視。

如果您使用功能區,即使您的程式未涉及檔或檔案,也必須使用 [應用程式] 按鈕。 在這種情況下,請使用 [應用程式] 功能表來呈現列印、程式選項和結束程式的命令。 雖然這類程式不需要 [應用程式] 按鈕,但使用它可跨程式提供一致性。 使用者不需要搜捕儲存和復原命令或程式選項,因為它們一律位於相同的位置。

即使功能區只使用一個索引標籤,也需要快速存取工具列。同樣地,雖然這類程式不需要快速存取工具列 (,因為所有命令都已存在於單一索引標籤上) ,但擁有可自訂的快速存取工具列可在程式之間提供一致性。 例如,如果使用者習慣按一下 Print 命令,他們應該能夠在任何使用功能區的程式中執行這項操作。

組織和可探索性

藉由提供索引標籤和群組,功能區可讓您組織命令以協助探索性。 挑戰在於,如果組織執行效能不佳,可能會大幅損害可探索性。 命令之間應該有清楚、明顯且唯一的對應,以及它們所在的描述性標籤索引標籤和群組。

使用者會在使用功能區一段時間後形成功能區的心意模型。 如果該心意模型對使用者而言不合理、效率不佳或不正確,將會導致混淆和挫折。 在設計功能區時,您最重要的目標是協助快速且放心地尋找命令。 如果您未完成此動作,您的功能區設計將會失敗。 達成此目標需要仔細設計、使用者測試和反復專案。 請勿假設它很容易。

以下是一些要避免的常見陷阱:

  • 避免泛型索引標籤和組名。 良好的索引標籤或組名必須正確描述其特定內容,最好使用以工作和目標為基礎的語言。 避免泛型索引標籤和組名,以及以技術為基礎的名稱。 例如,建立和撰寫程式的檔中幾乎任何命令都可能屬於標示為 [編輯]、[格式]、[工具]、[選項]、[進階] 等索引標籤的索引標籤。 依賴特定的描述性標籤,而不是記憶。
  • 避免過度特定的索引標籤和組名。 雖然我們想要讓索引標籤和組名成為特定名稱,但不應該如此具體,使用者會受到其內容所驚歎。 使用者通常會尋找使用刪除程式的專案,因此避免他們忽略您的索引標籤或群組,因為名稱會造成誤導。
  • 請避免相同命令的多個路徑,特別是當路徑非預期或命令需要多次按一下即可叫用時。 透過多個路徑尋找命令可能很方便。 但請記住,當使用者找到他們正在尋找的內容時,就會停止尋找。 使用者很難假設他們找到的第一個路徑是唯一的路徑,如果該路徑沒有效率或非預期,這是嚴重問題。 此外,擁有重複的命令可讓使用者更難找到他們正在掃描的其他命令。

框線命令間接路徑的螢幕擷取畫面

在此範例中,您可以透過 [頁面框線] 命令變更段落框線,即使 [首頁] 索引標籤上有更直接的路徑也一樣。如果尋找段落框線的使用者要輪轉這個非預期的路徑,他們可能會輕易地假設它是唯一的路徑。

  • 避免任意放置命令。 假設您認為您有良好的索引標籤和群組設計,但發現數個命令都不適合。 機會是,您的索引標籤和群組設計不如您所想,而且您需要繼續精簡。 請勿藉由放置不屬於的命令來解決此問題。 如果您這麼做,使用者可能必須檢查每個索引標籤,才能找到它們,然後立即忘記他們的位置。
  • 避免以行銷為基礎的放置。 假設您有新版本的程式,而行銷小組真的想要推廣其新功能。 可能想要將它們放在 [首頁] 索引標籤上,但如果損及整體可探索性,這樣做是昂貴的錯誤。 請考慮您產品的未來版本,以及持續變更的組織將造成多少挫折。

索引標籤

最好的第一個步驟是檢閱 標準功能區索引標籤。 如果您的程式命令自然地對應至標準索引標籤,請根據這些標準來建立您的索引標籤組織。 另一方面,如果您程式的命令不會自然地對應,請勿嘗試強制它。 判斷更自然的結構,並務必執行許多使用者測試,以確定您已正確執行。

針對非標準索引標籤,請考慮下列問題:

  • 每個索引標籤名稱都應該描述其內容。 選擇特定但不是太特定的有意義名稱。 使用者絕對不會受到其內容所驚歎。
  • 每個索引標籤名稱都應該反映其用途。 請考慮與命令相關聯的目標或工作。
  • 每個索引標籤名稱應該與所有其他索引標籤名稱清楚不同。

[首頁] 索引標籤是這些考慮的例外狀況。 雖然您不需要擁有 [首頁] 索引標籤,但大部分的程式都應該有。 [常用] 索引標籤是第一個索引標籤,其中包含最常使用的命令。 如果您經常使用的命令無法放入其他索引標籤,[常用] 索引標籤是它們的正確位置。

如果您無法判斷有意義的描述性索引標籤名稱,可能是因為索引標籤的設計不正確。 如果您的功能區組織只是無法運作,請重新考慮您的索引標籤設計。

群組

將命令分割成群組,將命令分成相關集合。 群組標籤說明其命令的常見用途。

決定群組及其呈現時,需要考慮各種因素:

  • 標準群組。 雖然程式間命令有顯著的差異,但有許多程式通用 的標準群組 。 讓這些命令以相同的名稱和類似的位置出現,可大幅改善可探索性。
正確 錯誤
與編輯群組分隔的縮放螢幕擷取畫面
編輯命令群組包含所有編輯命令,但不包含 Zoom 命令。
編輯群組中包含的縮放螢幕擷取畫面
Zoom 命令不是編輯命令,而是位於編輯群組中。
  • 粒度。 有些結構很好,但太多結構會使命令難以找到。 如果組名是泛型,您可能沒有足夠的細微性。 如果每個群組只有一或兩個命令,您可能會有太多 (,雖然在群組內沒有任何其他命令的情況下擁有功能區內資源庫是可接受的) 。
正確 錯誤
與編輯群組分隔的縮放螢幕擷取畫面
編輯命令群組包含所有編輯命令
編輯群組分割成兩個群組的螢幕擷取畫面
編輯命令群組已分割成太細微的區段。 請避免只有一或兩個命令的群組。
  • 名稱。 良好的組名會說明其命令的目的。 如果您的組名沒有,請重新考慮名稱或群組。 如果您無法判斷有意義的描述性名稱,可能是因為群組設計不正確。
正確 錯誤
命令的螢幕擷取畫面分成四個群組
使用足以描述群組中所含命令的特定組名。
具有數個命令的格式群組螢幕擷取畫面
此組名太過模糊,無法提供協助。 更好的方法是將這些命令重新組織成更特定的群組。
  • 順序。 人員以從左至右的順序讀取 (在西部文化) ,因此您可能會認為最左邊的群組最明顯。 不過,醒目提示的索引標籤名稱和視窗內容通常會作為 焦點,因此索引標籤中央的群組通常會收到比最左邊群組更多的注意。 將最常使用的群組放在最明顯的位置,並確定索引標籤上的群組有邏輯流程。

最左邊剪貼簿群組的螢幕擷取畫面

在此範例中,[字型] 和 [段落] 群組比剪貼簿群組更明顯,因為它們是從檔往上移動時,眼球會先看到的內容。

[檢閱] 索引標籤上追蹤群組的螢幕擷取畫面

在此範例中,追蹤群組會收到最注意的一部分,因為醒目提示的 [檢閱] 索引標籤會作為焦點。

  • 均勻。 當命令簡報看起來相同時,很難辨識命令。 使用具有不同圖形和色彩的圖示、格式不同的群組,以及大小不同的命令,讓使用者更容易辨識命令群組。 只有當功能區相應縮小為較小的大小時,命令才應該有統一的大小調整。
正確 錯誤
具有不同大小圖示的群組螢幕擷取畫面
使用各種圖示大小來改善可辨識性
具有相同大小圖示的群組螢幕擷取畫面
這些命令看起來太類似,因為它們的大小都相同。

預覽

您可以使用各種類型的預覽來顯示命令的結果。 藉由使用實用的預覽,您可以改善程式的效率,並減少試用和錯誤學習方法的需求。 即時預覽也會邀請實驗,並鼓勵創意。

以下是一些您可以使用的不同預覽類型:

  • 實際靜態圖示和圖形。 提供命令效果實際指示的靜態影像。 這些可用於資源庫、下拉式功能表和增強的工具提示。

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

在此範例中,[字型] 下拉式清單會使用字型本身顯示每個字型名稱。

浮水印縮圖庫的螢幕擷取畫面

在此範例中,實際縮圖是用來顯示不同的浮水印。

  • 動態圖示和圖形。 已修改以反映目前狀態的圖示和圖形。 這類圖示特別適用于資源庫,以及將預設效果變更為與最後一個動作相同的分割按鈕。

段落樣式庫的螢幕擷取畫面

在此範例中,Microsoft Word會變更 Styles 資源庫以反映目前的樣式。

文字格式設定命令按鈕的螢幕擷取畫面

在此範例中,Word變更 [文字醒目提示色彩] 和 [字型色彩] 命令,以指出其目前的效果。

  • 即時預覽。 當使用者將滑鼠停留在格式化選項上方時,即時預覽會顯示結果與該格式設定的外觀。 即時預覽可協助使用者根據使用者的實際內容更有效率且自信地進行選擇。

頁面色彩命令色彩選取器的螢幕擷取畫面

在此範例中,[頁面色彩] 命令會顯示暫留時色彩選項的效果,以執行即時預覽。

即時預覽是一項功能強大的功能,可真正改善使用者的生產力,但即使是簡單的靜態預覽,也可以是一大協助。

調整功能區

調整工具列很簡單:如果視窗太窄而無法顯示工具列,則工具列會顯示適合的內容,並讓其他專案可透過溢位按鈕存取。 豐富的命令目標是充分利用可用空間,因此調整功能區需要更多設計工作。 沒有預設功能區大小,因此您不應該設計具有特定寬度的功能區。 您必須使用各種不同的寬度來設計版面配置,並瞭解其中任一個可能是大部分的使用者會看到。 調整是功能區設計的基本部分,而不是最後一個步驟。 設計索引標籤時,請為每個群組指定不同的版面配置, (最多三個) 以及可以一起使用的組合。 功能區會顯示符合目前視窗大小的最大有效組合。

溢位功能表中格式命令的螢幕擷取畫面 工具列會使用溢位按鈕進行調整。

具有各種寬度的功能區螢幕擷取畫面 沒有預設的功能區大小。 最小大小是單一快顯群組圖示。

指導方針

一般

  • 請勿將功能區與視窗內的功能表列和工具列結合。 功能區必須用來取代功能表列和工具列。 不過,功能區可能會與調色盤視窗和導覽元素結合,例如 [上一頁] 和 [轉寄] 按鈕和網址列。
  • 一律將功能區與 [應用程式] 按鈕和 [快速存取工具列] 結合。
  • 選取最左邊的索引標籤, (通常是 [首頁]) 程式啟動時。 不要讓最後一個選取的索引標籤保存在程式實例上。
  • 第一次啟動程式時,以正常狀態顯示功能區 (未最小化) 。 使用者通常會維持預設設定不變,因此將程式啟動時的功能區最小化可能會導致所有命令效率較低。 此外,一開始顯示已最小化的功能區可能會造成干擾。
  • 讓功能區狀態保存在程式實例上。 例如,如果使用者將功能區最小化,應該會在下次執行程式時將其最小化。 但同樣地,不要讓最後一個選取的索引標籤以這種方式保存。

使用索引標籤

一般而言,擁有較少的索引標籤比較好,因此請移除不有助於達成這些目標的索引標籤。

  • 只要可行,請使用標準索引標籤。 使用標準索引標籤可大幅改善可探索性,特別是跨程式。 請參閱本文稍後 的標準功能區索引標籤
  • 如果適當,請為第一個索引標籤 [首頁] 加上標籤。 [常用] 索引標籤應該包含最常使用的命令。 如果您經常使用的命令無法放入其他索引標籤,[常用] 索引標籤是它們的正確位置。
  • 如果下列專案,請新增索引標籤:
    • 其命令與特定工作緊密相關,而且可由索引標籤標籤正確描述。 新增索引標籤有助於讓其命令更容易找到,而不是更困難。
    • 其命令大多與其他索引標籤上的工作無關。 新增索引標籤不應該在一般執行的工作期間需要更多索引標籤切換。
    • 索引標籤有足夠的命令可證明有額外的外觀。 沒有只有幾個命令的索引標籤。 例外: 如果索引標籤與特定工作緊密相關,並新增索引標籤可大幅簡化過度複雜 [常用] 索引標籤,請考慮使用幾個命令來新增索引標籤。
  • 針對其餘索引標籤,請先放置最常使用的索引標籤,同時在索引標籤上維持邏輯順序。
  • 優化索引標籤設計,讓使用者快速且放心地尋找命令。 所有其他考慮都是次要的。
  • 請勿提供 [說明] 索引標籤。 請改用全程式說明和增強的工具提示來提供協助。
  • 使用最多七個核心索引標籤。 如果有超過七個,很難判斷哪個索引標籤有命令。 雖然具有許多命令的應用程式可接受七個核心索引標籤,但大部分的程式都應該以四個或更少的索引標籤為目標。

內容索引標籤

  • 使用內容索引標籤來顯示只有在使用者選取特定物件類型時才相關的命令集合。 如果只有少數常用的命令,則使用一般索引標籤可能會比較方便且更穩定,而且只要在不適用時停用命令即可。
  • 剪下和複製命令的螢幕擷取畫面變暗
    最好停用一般命令,例如剪下和複製,而不是使用關聯式索引標籤。
  • 只包含特定物件類型特有的命令。 如果使用者不需要先選取物件,就不要將命令放在內容索引標籤上。
  • 包含使用特定物件類型時經常使用的命令。 將常用的一般內容命令放在操作功能表和迷你工具列上,以避免在一般執行的工作期間切換索引標籤。 或者,如果這樣做會避免經常切換索引標籤,請考慮在內容索引標籤上備援地放置一般命令。 但不要過度執行此動作 - 請勿嘗試在處理 物件時包含使用者可能需要的每個命令。
  • 設計索引標籤上框線命令的螢幕擷取畫面
    在此範例中,Borders 命令包含在 [設計] 索引標籤上,以避免在一般執行的工作期間經常切換索引標籤。\
  • 選擇與目前顯示的內容型索引標籤不同的內容索引標籤色彩。 相同的索引標籤集稍後可以使用不同的色彩來達成此目的,但盡可能嘗試跨調用使用一致的色彩指派。
  • 選取內容索引標籤會自動 協助探索性、改善穩定性的感知,並減少切換索引標籤的需求。 自動選取內容索引標籤,
    • 使用者插入 物件。 在此情況下,請選取集合中的第一個內容索引標籤。
    • 使用者按兩下物件。 在此情況下,請選取集合中的第一個內容索引標籤。
    • 使用者已選取內容索引標籤,按一下物件,然後立即按一下相同類型的物件。 在此情況下,返回先前選取的內容索引標籤。
  • 移除作用中索引標籤的內容索引標籤時,請將 [首頁] 索引標籤或第一個索引標籤設為使用中索引標籤。 這麼做看起來最穩定。
  • 使用強制回應索引標籤來顯示以特定暫存模式套用的命令集合,而且不會套用任何核心索引標籤。 如果某些核心索引標籤適用,請改用內容索引標籤,並停用不適用的命令。 由於強制回應索引標籤非常有限,因此只有在沒有更好的替代方案時,才應該使用它們。
  • 預覽列印索引標籤的螢幕擷取畫面
    預覽列印是常用的強制回應索引標籤。
  • 若要關閉強制回應索引標籤,請將 [關閉 < 模式 > ] 命令放在索引標籤上的最後一個命令。 使用 [關閉] 圖示讓命令更容易找到。 在 命令中提供模式,以防止對關閉的內容造成混淆。
  • 關閉預覽列印按鈕的螢幕擷取畫面
    在此範例中,明確地將 Close 命令加上標籤,以模式移除任何正在關閉的疑問。
  • 若要關閉強制回應索引標籤,請重新定義視窗標題列上的 [關閉] 按鈕,以關閉模式,而不是程式。 使用者測試已顯示許多使用者預期此行為。

標準功能區索引標籤

每當可行時,請將程式命令對應至這些標準索引標籤,以其標準外觀順序指定。

一般索引標籤

  • 家。 包含最常使用的命令。 如果使用,它一律是第一個索引標籤。
  • 插入 包含將內容和物件插入檔中的命令。 如果使用,它一律是第二個索引標籤。
  • 版面配置。 包含會影響頁面配置的命令,包括主題、頁面設定、頁面背景、縮排、間距和位置。 (請注意,縮排和間距群組可以改為在 [首頁] 索引標籤上,如果有足夠空間,) 如果使用的話,它一律是第三個索引標籤。
  • 檢討。 包含用來新增批註、追蹤變更及比較版本的命令。
  • 檢視表。 包含會影響檔檢視的命令,包括檢視模式、顯示/隱藏選項、縮放、視窗管理,以及傳統上在 Windows 功能表類別中找到的命令宏。 如果使用,除非顯示 [開發人員] 索引標籤,否則它是最後一個一般索引標籤。
  • 開發人員。 只包含開發人員所使用的命令。 如果使用,預設會隱藏它,並在顯示時隱藏最後一個一般索引標籤。

大部分的程式不需要 [檢閱和開發人員] 索引標籤。

標準內容索引標籤

  • 格式化。 包含與變更所選物件類型格式相關的命令。 通常適用于 物件的一部分。
  • 設計。 包含通常位於資源庫中的命令,以將樣式套用至選取的物件類型。 通常適用于整個 物件。
  • 版面配置。 包含變更複雜物件結構的命令,例如資料表或圖表。

如果您有與格式、設計和版面配置相關的內容命令,但不適用於多個索引標籤,只要提供 [格式] 索引標籤即可。

標準群組

  • 只要可行,請使用標準群組。 具有相同名稱和類似位置的常見命令可大幅改善可探索性。 請參閱本文稍後 的標準功能區群組
  • 如果下列狀況,請新增群組
    • 其命令與強式相關,而且可由群組標籤正確描述。 新增群組應該有助於讓命令更容易找到,而不是更困難。
    • 其命令與其他群組中的命令有較弱的關聯性。 雖然索引標籤上的所有命令都應該與它們有強關聯性,但某些命令關聯性比其他命令更強。
    • 此群組有足夠的命令可證明有額外的外觀。 目標為大多數群組的 3-5 個命令。 避免只有 1-2 個命令的群組,雖然可以接受在功能區內資源庫沒有任何其他命令。 擁有許多具有單一命令的群組,建議太多結構或缺少命令一致性。
  • 不要透過新增不需要的群組來過度組織
  • 如果下列狀況,請考慮分割群組
    • 已解除組織命令群組的螢幕擷取畫面
      此群組有許多不同大小且需要組織的命令。
    • 兩個長段落組名的螢幕擷取畫面
      此群組具有可大幅受益于擁有額外標籤的命令。
  • 將最常使用的群組放在最醒目的位置,並確定索引標籤上的群組有邏輯順序。
  • 優化群組設計,讓使用者快速且放心地尋找命令。 所有其他考慮都是次要的。
  • 請勿將包含單一按鈕的群組調整為快顯群組圖示。 相應減少時,請將它們保留為單一按鈕。
  • 使用最多七個群組。 如果有七個以上的群組,判斷哪一個群組具有命令會變得更困難。

標準功能區群組

每當可行時,請將程式的命令對應至這些標準群組,這些群組會以其標準外觀順序在相關聯的索引標籤內提供。

主要索引標籤

  • 剪貼簿
  • 字型
  • Paragraph
  • 編輯中

插入索引標籤

  • Tables
  • 插圖

[版面配置] 索引標籤

  • 佈景主題
  • 版面設定
  • 排列

[檢閱] 索引標籤

  • 校訂
  • 註解

檢視索引標籤

  • 檔檢視
  • 顯示/隱藏
  • 縮放
  • 時間範圍

命令

  • 功能區上行號命令的螢幕擷取畫面
    藉由公開所有常用的命令,利用功能區的可探索性和延展性。 適當時,將常用命令從對話方塊移至功能區,特別是已知很難找到的命令。 在理想情況下,使用者應該能夠執行一般工作,而不需使用任何對話方塊。

  • 請勿使用功能區的延展性來證明新增不必要的複雜度。 繼續練習限制不會將命令新增至功能區,因為您可以這麼做。 讓整體命令體驗保持簡單。 以下是簡化簡報的方式:

    • 迷你工具列和操作功能表
      的螢幕擷取畫面使用操作功能表和迷你工具列進行就地、內容相關的命令。
    • 在對話方塊中移動 (或保留很少使用的命令) 。 使用對話方塊啟動器來存取這些命令。 您仍然可以搭配功能區使用對話方塊! 只要嘗試減少在一般工作期間使用它們的需求。
    • 消除備援、很少使用的功能。

簡報

  • 只在一個索引標籤上顯示每個命令。請避免相同命令的多個路徑,特別是當命令需要多次按一下即可叫用時。 透過多個路徑尋找命令可能很方便。 但請記住,當使用者找到所尋找的內容時,他們就會停止尋找。 使用者很難假設他們找到的第一個路徑是唯一的路徑,如果路徑效率不佳,這是嚴重問題。 例外: 如果這樣做可防止變更常見內容工作的索引標籤,內容索引標籤可能會複製 [首頁] 和 [插入] 索引標籤中的幾個命令。

  • 在群組中,將命令放在其邏輯順序中,同時提供最常使用命令的喜好設定。 整體來說,命令應該有一個邏輯流程,讓它們更容易找到,同時仍會先顯示最常使用的命令。 一般而言,具有 32x32 圖元圖示的命令會出現在具有 16x16 圖元圖示的命令之前,以協助跨群組掃描。

  • 避免在常用命令旁邊放置破壞性命令。 如果命令的效果廣泛,而且無法輕易復原,或是效果無法立即復原,則命令會被視為破壞性。

  • 使用分隔符號來表示強相關的命令,例如一組互斥選項。

  • 字型和段落群組的螢幕擷取畫面
    請考慮針對不需要標籤的強式相關已知命令集使用工具列樣式群組。 這麼做可讓您在精簡空間中呈現許多命令,而不會影響可探索性和容易學習。 為了如此已知,經常會使用這類命令、立即辨識,因此通常位於 [首頁] 索引標籤上。

  • 使用 32x32 圖元圖示來取得最常使用且重要的標示命令。 縮小群組時,請讓這些命令最後一個轉換成 16x16 圖元圖示。

  • 避免任意的命令放置。 請仔細考慮您的索引標籤和群組設計,以確保使用者不會浪費時間檢查每個索引標籤,以尋找他們想要的命令。

  • 避免以行銷為基礎的放置。 有關新功能促銷的行銷目標通常會隨著時間而改變。 請考慮您產品的未來版本,以及持續變更組織會造成多少挫折。

互動

  • 停用不適用於目前內容的命令,或直接導致錯誤。 如果有説明,請使用 增強的工具提示 來說明為何停用命令。 請勿隱藏這類命令,因為這樣做可能會導致功能區版面配置變更,使功能區簡報不穩定。

  • 請勿動態更新命令標籤。 同樣地,這樣做可能會導致索引標籤版面配置變更,因而造成不穩定的外觀。 相反地,請設計命令,使其使用常數標籤。

    正確 錯誤
    插入筆記和刪除附注的螢幕擷取畫面
    當命令無法使用時,請停用命令
    插入筆記的螢幕擷取畫面,沒有刪除筆記
    請勿隱藏命令,即使命令無法使用也一樣
  • 偏好直接控制項。 如果使用單鍵 (叫用命令,則命令是直接的,不需要流覽功能表) 。 不過,除了功能區內資源庫之外,直接控制項不支援 Live 預覽,因此 Live 預覽的需求也是一個因素。

  • 使用即時預覽 來指出當命令在一組相關的格式設定選項之間時的選項效果,而即時預覽很重要且實用,特別是如果使用者可能選擇錯誤的選項,則更是如此。

    • 如果經常使用 命令,請使用功能區內資源庫進行直接存取。
    • 如果命令不常使用,請使用下拉式資源庫。
  • 使用下列控制項以下列喜好設定順序公開直接命令

    • 命令按鈕、核取方塊、選項按鈕和就地資源庫。 這些一律是直接的。
    • 分割按鈕。 直接用於最常見的命令,但對於命令變化而言是間接的。
    • 功能表按鈕。 這些是間接的,但有許多容易找到的命令。
    • ) 微調控制項 (文字方塊。 文字輸入通常需要比其他控制項類型更多的心力。
  • 只有功能表按鈕
    的功能區螢幕擷取畫面如果您的功能區大部分是由全大小顯示的功能表按鈕所組成,您也可以使用功能表列。

  • 偏好立即命令。分割列印按鈕及其子功能表的螢幕擷取畫面
    如果命令立即生效, (即立即生效,而不需對話方塊來收集其他輸入) 。 如果命令可能需要輸入,請考慮使用分割按鈕、按鈕部分的立即命令,以及需要子功能表輸入的命令。

資源庫

如果使用下列專案,請使用資源庫

  • 有一組定義完善的相關選擇,使用者通常會從中選擇。 可能會有未系結的變化數目,但可能的選項應該妥善包含。 如果選擇沒有強關聯,請考慮使用不同的資源庫。
  • 選擇最能以視覺化方式表示,例如格式化功能。 使用縮圖可讓您更輕鬆地流覽、瞭解和做出選擇。 雖然可以標記選項,但選取專案會以視覺化方式進行,而且不應該需要文字標籤才能瞭解選擇。
  • 這些選項會顯示以單鍵立即達成的結果。 不應該有任何後續操作對話方塊,以進一步厘清使用者的意圖,或一組步驟來達成指示的結果。 如果使用者可能想要調整選擇,請之後再這麼做。

如果使用下列專案,請使用功能區內資源庫

  • 選擇經常使用。 這些選項需要空間,而且值得從其他命令取用的空間。
  • 針對一般使用方式,不需要分組或篩選呈現的選項。
  • 選項可以有效地顯示在功能區的高度內, (為 48 圖元) 。

資源庫中的縮圖

選擇執行作業的最小標準資源庫縮圖大小

  • 針對功能區內資源庫,請使用 16x16、48x48 或 64x48 圖元的縮圖。
  • 對於下拉式資源庫,請使用 16x16、32x32、48x48、64x48、72x96、96x72、96x96 或 128x128 圖元的縮圖。
  • 所有資源庫專案都應該具有相同的縮圖大小。

針對功能區內資源庫:

  • 至少顯示三個選項;如果有空間,則更多。 如果沒有足夠的空間在一般視窗大小中顯示至少三個選項,請改用下拉式資源庫。
  • 展開功能區內資源庫,以利用可用空間。 使用額外的空間來顯示更多專案,並讓他們更容易按一下即可選擇。

針對下拉式資源庫:

  • 從下拉式方塊、下拉式清單、分割按鈕或功能表按鈕顯示資源庫。
  • 如果使用者按一下主視窗以關閉下拉式資源庫,只要關閉資源庫,而不需選取或修改主視窗的內容。
  • 如果資源庫有許多選擇,而且很少使用某些選擇,請專注于常用的選項來簡化預設資源庫。 針對其餘命令,請在資源庫下拉式清單底部提供適當的命令。
    • 如果命令顯示更多變化的清單,請將它命名為「更多 singular feature name 選項...」
    • 如果命令顯示一個對話方塊,可讓使用者建立自己的自訂選項,請將它命名為 「Custom feature name ...」
  • 如果這麼做,請將選擇組織成群組,讓流覽更有效率。
  • 符號庫和篩選準則的螢幕擷取畫面
    如果資源庫有許多專案,請考慮新增篩選,以協助使用者更有效率地尋找選擇。 若要避免混淆,一開始會顯示未篩選的資源庫。 不過,大部分的資源庫不應該需要篩選,因為它們不應該有太多選擇,而且使用群組應該就足夠。

命令預覽

  • 使用預覽來顯示命令的效果,而不需要使用者先執行命令。 藉由使用實用的預覽,您可以改善程式的效率與容易學習,並減少試用和錯誤的需求。 如需不同類型的命令預覽,請參閱本文的設計概念一節中的 預覽
  • 針對即時預覽,請確定可以套用預覽,以及在 500 毫秒內還原的目前狀態。 這麼做需要能夠快速套用格式設定變更,並以可中斷的方式套用。 使用者必須能夠快速評估不同的選項,即時預覽才能獲得其完整權益。
  • 避免在預覽中使用文字。 否則,預覽影像必須當地語系化。

圖示

  • 下拉式清單和核取方塊的螢幕擷取畫面
    提供所有功能區控制項的圖示,但下拉式清單、核取方塊和選項按鈕除外。 大部分命令都需要 32x32 和 16x16 圖元圖示, (快速存取工具列) 只會使用 16x16 圖元圖示。 資源庫通常會使用 16x16、48x48 或 64x48 圖元圖示。

  • 提供唯一圖示。 請勿針對不同的命令使用相同的圖示。

  • 請確定功能區圖示在功能區背景色彩上清楚可見。 一律評估內容和高對比模式的功能區圖示。

  • 選擇清楚傳達其效果的圖示設計, 特別是針對最常使用的命令。 設計完善的功能區具有自我說明圖示,可協助使用者有效率地尋找及瞭解命令。

  • 選擇可辨識和辨識的圖示, 特別是針對最常使用的命令。 請確定圖示具有獨特的圖形和色彩。 這麼做可協助使用者快速尋找命令,即使他們不記得圖示符號也一樣。

    正確 錯誤
    藍色眼球手寫筆和黃色鉛筆的螢幕擷取畫面
    使用圖形和色彩讓圖示更容易區分。
    藍色眼球手寫筆和藍色鉛筆的螢幕擷取畫面
    相同色彩的圖示很難區分
  • 快顯容器中批註命令的螢幕擷取畫面
    請考慮在 32x32 圖元視覺容器內的群組中放置最醒目命令的 16x16 圖元圖示來建立快顯群組圖示。 您不需要為快顯群組建立不同的圖示。

  • 文字格式設定命令按鈕的螢幕擷取畫面
    如果很有用,請變更圖示以反映目前的狀態。 這樣做特別適用于預設效果可能會變更的分割按鈕。

  • 請確定功能區圖示符合標準樣式圖示指導方針。 不過,功能區圖示會直接顯示,而不是以檢視方塊顯示。

正確 錯誤
二維命令圖示的螢幕擷取畫面
使用二維圖示。
三維命令圖示的螢幕擷取畫面
請勿使用三維圖示。

增強的工具提示

  • 所有功能區命令都應該有增強的工具提示 ,以提供命令名稱、快速鍵、描述和選擇性補充資訊。 避免只是重新整理標籤的工具提示。

    不正確:

    重複命令名稱的工具提示螢幕擷取畫面

    在此範例中,工具提示只會重新整理命令標籤。

  • 實際時,請使用簡潔的描述完全描述命令。 只有在確實需要進一步說明時,才能連結到說明。

    不正確:

    刪除命令的工具提示螢幕擷取畫面

    在此範例中,命令不需要 [說明]。

  • 有説明時,請使用預覽來說明命令的效果。

    插入圖表的工具提示和圖形螢幕擷取畫面

    在此範例中,工具提示影像說明命令的效果。

如需標籤指導方針,請參閱 增強的工具提示標籤

存取金鑰和按鍵提示

按鍵提示是用來顯示直接在功能區上顯示之命令的存取金鑰的機制。

下拉式功能表命令的存取鍵會以底線字元表示。 它們與功能表存取鍵不同,有下列方式:

  • 您可以使用兩個字元存取金鑰。 例如,FP 可用來存取格式繪製器命令。

  • 存取金鑰指派會使用提示而非底線來顯示,因此字元寬度和下階不是進行指派的因素。

  • 將存取金鑰指派給所有功能區索引標籤和命令。 唯一可能的例外狀況是來自舊版增益集的命令。

  • 針對 [應用程式] 按鈕和 [快速存取工具列]:

    • 將 F 指派給 [應用程式] 按鈕。 由於 [應用程式] 按鈕與傳統 [檔案] 功能表相似,所以會使用此指派。
    • 功能區上命令按鍵提示的螢幕擷取畫面
      針對 [快速存取工具列] 和最近使用的檔案清單,請以數值方式指派存取金鑰。
  • 顯示索引標籤按鍵提示的螢幕擷取畫面
    針對索引標籤:

    • 將 H 指派給首頁。
    • 從最常使用的索引標籤開始,指派標籤的第一個字母。
    • 對於無法指派給第一個字母的任何索引標籤,請選擇標籤中的特殊同音或 vowel。
    • 對於用來支援功能表列的程式,請致力於維持最實用範圍的存取金鑰相容性。 避免指派不同的意義,以從舊版功能表類別存取金鑰。 例如,如果程式的舊版功能表列版本有 [編輯] 功能表,請努力使用對等索引標籤的 E 存取鍵。如果沒有對等的索引標籤,請勿將 E 存取金鑰指派給任何索引標籤,以避免混淆。
  • 顯示功能區按鍵提示的螢幕擷取畫面
    針對功能區命令、功能表和子功能表:

    • 指派索引標籤內的唯一存取鍵組合。您可以在不同的索引標籤內重複使用便捷鍵組合。
    • 盡可能為常用的命令指派標準存取金鑰。 請參閱 標準存取金鑰資料表
    • 針對其他命令:
      • 對於最常使用的命令,請選擇標籤第一個或第二個字開頭的字母,最好是第一個字母。
      • 對於較不常使用的命令,請選擇標籤中特殊同音或 vowel 的字母,例如 「Exit」 中的 「x」。
      • 針對最常使用的命令和對話方塊啟動器,請視需要使用兩個字母。
      • 針對功能表和子功能表,請使用單一字母來減少完整命令所需的按鍵數目。
      • 請勿使用從 J、Y 或 Z 開始的存取金鑰,因為它們用於內容索引標籤、未指派的按鍵提示和快顯群組。
  • 快顯群組按鍵提示的螢幕擷取畫面
    針對快顯群組:

    • 使用以 Z 開頭的雙字母存取金鑰。
    • 從最常使用的群組開始,將第二個存取金鑰字母指派給標籤的第一個字母。
    • 針對任何剩餘的群組,選擇標籤中的特殊同音或 vowel。

如需快速鍵指導方針,請參閱 鍵盤

應用程式按鈕

  • 使用 [應用程式] 按鈕來呈現涉及對 檔案執行動作或檔案的命令功能表。 範例包括傳統上移至 [檔案] 功能表中的命令,以建立、開啟及儲存檔案、列印及傳送和發佈檔。

  • 使用功能區時,一律提供 [應用程式] 按鈕。 如果程式未使用檔案,請使用 [應用程式] 按鈕來存取程式選項和 Exit 命令。 應用程式按鈕一律會顯示它們永遠不會只是裝飾性的命令功能表。

  • 適當時,請使用下列標準應用程式功能表命令:

    • 新增
    • Open
    • 儲存
    • 另存新檔...
    • 列印...
    • 快速列印
    • 預覽列印
    • 關閉
    • 選項
    • 結束
  • 保留只屬於該應用程式功能表的命令。 請勿將它們備援放在任何索引標籤中。

  • 針對每個功能表項目,提供:

    • 具有命令名稱的標籤。
    • 32x32 圖元圖示。
    • 簡短描述。 請確定可以使用最多兩行文字來顯示描述。
  • 工具提示檔快速鍵的螢幕擷取畫面
    使用工具提示來記錄快速鍵。 不同于一般功能表,應用程式功能表不會使用標籤來記錄快速鍵。

快速存取工具列

  • 使用 [快速存取工具列] 來提供常用命令的存取權。 命令可以是來自 [應用程式] 按鈕或功能區。
  • 使用功能區時,一律提供快速存取工具列。 即使功能區有單一索引標籤,也請這麼做;這會跨程式提供一致性。
  • 使用 [應用程式] 功能表中常用命令預先填入快速存取工具列。 如果您的程式支援儲存和復原,請提供 [儲存] 和 [復原],如果支援且經常使用,請開啟和列印。
  • 針對 [自訂快速存取工具列] 功能表,提供最多 12 個最常使用的立即命令。 立即命令不需要額外的輸入才會生效,因此非常適合快速存取工具列。 雖然這些命令可以是任何立即命令,但偏好不在 [常用] 索引標籤上的命令,因為使用者較可能選擇這些命令。
  • 針對 [自訂快速存取工具列] 功能表,如果有一對相關的命令,請提供兩者,不論頻率為何。 常見的配對包括 Open/Close、Back/Forward 和 Undo/Redo。
  • 針對 [自訂快速存取工具列] 對話方塊,提供新增任何命令的方式。 提供顯示最常使用命令的常用命令篩選準則,並預設選取此篩選。

對話方塊啟動器

  • 字型對話方塊和字型群組的螢幕擷取畫面
    如果有不常使用的命令和設定的相關對話方塊,請提供具有對話方塊啟動器的群組。 對話方塊應該包含群組中的所有命令,而其他命令則不是一組完全不同的命令,或與群組相同的命令。

  • 請勿使用對話方塊啟動器直接執行命令。 對話方塊啟動器必須顯示對話方塊。

  • 請勿使用對話方塊啟動器來存取常用命令和設定。 相較于直接在功能區上的命令,對話方塊命令和設定相對無法探索。

  • 比對對話方塊的名稱與組名。 它不需要完全相符,但名稱應該夠類似,讓使用者不會因為結果而感到意外。

    不正確:

    提醒音效對話方塊的螢幕擷取畫面

    當提醒音效是提醒選項時,使用對話方塊啟動器來設定提醒音效是非預期的。

  • 只顯示與群組相關的命令和設定。 如果對話方塊顯示其他專案,使用者可能會認為這些其他命令和設定的這個路徑是唯一的路徑。

    不正確:

    字型對話方塊的螢幕擷取畫面

    在此範例中,[字型] 對話方塊會顯示 [字元間距] 設定,與相關聯的索引標籤無關。

標籤

索引標籤標籤

  • 標記所有索引標籤。
  • 只要可行, 請使用標準功能區索引標籤
  • 偏好簡潔的單字標籤。 雖然可接受多字標籤,但需要更多空間,而且難以當地語系化。
  • 選擇有意義的索引標籤名稱,以清楚且精確地描述其內容。 名稱應為特定名稱,但不是過度特定名稱。 索引標籤名稱應該足以預測,讓使用者不會意外收到其內容。 請注意,[常用] 索引標籤通常會命名,因為它用於最常使用的命令。
  • 請勿 使用組名,例如 「Basic」 和 「Advanced」。他們要求使用者判斷他們尋找的命令是否為基本或進階。
  • 選擇反映其用途的索引標籤名稱。 請考慮與索引標籤相關聯的目標或工作。
  • 選擇與所有其他索引標籤名稱清楚不同的索引標籤名稱。
  • 針對索引標籤使用名詞或動詞。 索引標籤名稱不需要平行片語,因此不論它是否為名詞或動詞,都選擇最佳標籤。
  • 請勿使用以 「-ing」 ) 結尾 (名稱。 請改用衍生 gerund 的動詞。 (例如,使用 「Draw」 而非 「Drawing」.)
  • 請避免使用相同初始字母的索引標籤名稱,特別是連續的索引標籤。 當功能區相應減少時,這些索引標籤名稱會有相同的截斷文字。
  • 偏好單一名稱。 不過,如果單一名稱很抱歉,您可以使用純清名稱。
  • 使用標題樣式大寫。
  • 請勿使用結束標點符號。

關聯式索引標籤和索引標籤集標籤

  • 結束內容相關的索引標籤集標籤與「工具」。 這樣做有助於識別關聯型索引標籤的目的。
  • 使用標題樣式大寫。
  • 請勿使用結束標點符號。

群組標籤

  • 除非群組具有單一命令且群組和命令標籤相同,否則為所有群組加上標籤。

  • 請隨時使用標準功能區群組。

  • 偏好簡潔的單字標籤。 雖然可接受多字標籤,但它們需要更多空間,而且難以當地語系化。

  • 選擇清楚且精確地描述其內容的有意義組名。 名稱應為特定名稱,而非泛型。

  • 選擇反映其用途的組名。 請考慮與群組中命令相關聯的目標或工作。

  • 避免使用以 「-ing」 ) 結尾 (名稱。 不過,如果使用衍生自 gerund 的動詞會令人混淆,您可以使用 gerund。 例如,使用 「編輯」和「校訂」,而不是「編輯」和「證明」。

  • 請勿使用與索引標籤名稱相同的組名。 使用群組所在的索引標籤名稱不提供任何資訊,而使用不同的索引標籤名稱會令人困惑。

  • 偏好單一名稱。 不過,如果單一名稱很抱歉,您可以使用純清名稱。

  • 使用句型大寫。

  • 請勿使用結束標點符號。

命令標籤

  • 標記所有命令。 擁有明確的文字標籤可協助使用者尋找及瞭解命令。 例外: 如果命令的圖示非常已知且空間在進階階段,則可以解除標記命令。 最有可能是未標記的命令會位於 [常用] 索引標籤上。在此情況下,請將其 Name 屬性指派給適當的文字標籤。 這可讓螢幕助讀程式等輔助技術產品為使用者提供圖形的替代資訊。
  • 針對命令按鈕,請使用簡潔且清楚的標籤。 可能的話,請使用單字;最多四個字。
  • 對於下拉式清單,如果清單一律有值,請使用目前的值作為標籤。
  • 搜尋通訊錄提示的螢幕擷取畫面
    如果 可編輯的下拉式清單 沒有值,請使用 提示
  • 不明確或不常使用的下拉式清單需要明確的標籤。 將冒號放在標籤的結尾。
  • 螢幕擷取畫面:[秒]<Br。 >針對文字方塊,請使用明確的標籤。將冒號放在標籤的結尾。
  • 使用句型大寫。 這樣做更適合 Windows 音調
  • 使用命令式動詞開機磁碟區標。 除非它與索引標籤或組名相同,或一般動詞,例如 Show、Create、Insert 或 Format。
  • 請勿使用結束標點符號。
  • 若要節省空間,請勿將省略號放在功能區命令標籤上。 不過,省略號是由 [應用程式] 按鈕和下拉式功能表中的命令使用。

增強的工具提示標籤

  • 如有需要,請使用標題來提供命令名稱和其快速鍵。
  • 針對標題,請勿使用結束標點符號。
  • 使用動詞啟動描述。 使用描述來協助使用者判斷特定功能是否為他們正在尋找的功能。 描述應該片語,以完成「如果您想要的話,這是使用的正確功能...」一句。
  • 讓描述保持簡短。 直接前往該點。 冗長的文字不建議閱讀。
  • 貼上分割按鈕和兩個工具提示的螢幕擷取畫面
    對於分割按鈕,請使用不同的工具提示來說明分割按鈕功能表。
  • 使用選擇性補充描述來說明如何使用 控制項。 如果控制項本身沒有指出狀態,此文字可以包含控制項狀態的相關資訊, (包括停用它的原因) 。 保持此文字簡短,並使用說明主題取得更詳細的說明。
  • 含有圖形和文字的工具提示螢幕擷取畫面 如需描述和補充描述,請使用具有結束標點符號的完整句子。
  • 使用句型大寫。

應用程式按鈕標籤

文件

參考功能區時:

  • 請參閱功能區及其元件做為功能區、索引標籤、群組和控制項。 這些詞彙未大寫。
  • 請參閱圓形按鈕做為 [應用程式] 按鈕,以及它所包含的功能表做為 [應用程式] 功能表。
  • 請參閱工具列作為快速存取工具列。
  • 依標籤和單字索引標籤參照索引標籤。使用確切的標籤文字,包括其大小寫。
  • 依其標籤參照命令。 依工具提示名稱參考未標記的命令。 使用確切的標籤文字,包括其大小寫,但不包含省略號。 請勿包含單字按鈕或命令。
  • 若要描述使用者互動,請使用按一下索引標籤和控制項。 針對可編輯的下拉式清單使用 Enter。 請勿使用選擇、選取或挑選。
  • 請參閱無法使用的專案,而不是暗灰色、已停用或灰色。 在程式設計檔中,使用 disabled。
  • 可能的話,請使用粗體文字格式化標籤。 否則,只有在需要以避免混淆時,才將標籤放在引號中。

範例:

  • 在 [ 首頁] 索引 標籤上,按一下 [ 貼上特殊]。
  • 在 [ 首頁] 索引 標籤的 [ 字型 ] 方塊中,輸入 「Segoe UI」。
  • 在 [ 檢閱] 索引標籤上,按一下 [ 顯示標記],然後按一下 [ 檢閱者]。
  • 在 [ 格式] 索引標籤的 [圖片工具]中,按一下 [ 壓縮圖片]。