應用程式列的指導方針和檢查清單 (Windows 市集應用程式)

使用 Windows 市集應用程式的應用程式列時,請遵循這些指導方針。

藍圖: 這個主題與其他主題的相關性?請參閱:

使用者經驗指導方針

應用程式列在使用者需要命令時提供簡單存取命令的方式。使用者可以撥動螢幕底部的邊緣讓應用程式列出現,也可以與內容互動讓應用程式列消失。應用程式列也可以用來顯示使用者內容專用的命令或選項,如相片選取或繪圖模式。

如果您的命令必須經由使用者來完成工作流程 (例如購滿產品),請將這些命令放在畫布上,而非應用程式列。

應用程式列中命令的指導方針

將命令放置在應用程式列上時,請遵循這些指導方針。

  • 請將不同命令群組分隔在應用程式列的兩端。

    如果您有不同的命令集 (例如建立新內容的命令集,以及篩選檢視的命令集), 則可將其中一組放在應用程式列的右邊,另一組放在左邊。

    如果您的命令集多於兩組,請利用分隔符號 予以區隔。

  • 在整個應用程式中,維持命令的位置一致。

    雖然每個頁面都應該只包含與該頁面相關的命令,但是如果頁面之間有任何共用的命令,則其位置應該儘可能相同,以便使用者預測命令出現之處。

  • 遵循定位慣例。
    • 將 [新建]/[新增]/[建立] 按鈕 (+ 圖示) 放在最右邊。
    • 將檢視切換按鈕群組在一起,然後放在最左邊。
    • 將 [接受]、[是]、[確定] 命令放在 [拒絕]、[否]、[取消] 命令左邊。
  • 選取項目時,將命令以內容方式顯示在應用程式列上,並自動顯示應用程式列。

    因為大多數使用者慣用右手,所以當使用者選取應用程式頁面上的項目時,可將與該項目相關的所有命令顯示於應用程式列左邊。這樣使用者的手就不會遮住命令。

  • 當顯示內容命令時將應用程式列的關閉模式設定為相黏。

    如果應用程式列上有內容命令,請在該內容存在時將模式設為相黏,這樣列就不會在使用者與應用程式互動時自動隱藏。不再顯示內容時,請關閉相黏模式。

    例如,您會在使用者選取影像時顯示相片操控的內容命令,但是也想讓使用者繼續使用影像,例如旋轉或裁剪影像。在此情況下,除非使用者透過邊緣撥動取消選取影像或關閉應用程式列,否則一定會看到列。

  • 如果命令太多,請使用功能表及飛出視窗。

    如果您無法將所有命令放入應用程式列中做為個別按鈕,則可將相似的命令設為群組,並放入可從應用程式列按鈕存取的功能表中。

    應用程式列功能表

    針對命令使用邏輯群組,例如在 [回覆] 功能表中放入 [回覆]、[全部回覆] 和 [轉寄]。

    不要為其他無關的命令建立 [其他] 或 [進階] 之類的功能表。這些一般命令類型會讓應用程式感覺更複雜,並且只有一小部分的使用者會探索這些功能表。如果您覺得不夠用,但沒有任何可用的邏輯群組,請考慮簡化應用程式。

  • 務必針對貼齊和直向檢視來設計應用程式列。

    確認應用程式列命令可在貼齊及直向檢視中正確顯示。

    如需詳細資訊,請參閱如何在不同的檢視中使用應用程式列

  • 針對水平捲動進行設計。

    如果應用程式頁面底部包含水平捲動區域,則可在應用程式列以相黏模式顯示時,降低捲動區域的高度。否則,應用程式列可能會遮住捲軸,導致使用者必須另外關閉應用程式列,才能繼續捲動。您應該嘗試讓捲軸的下邊緣遠離應用程式列的上邊緣。

  • 請為命令、功能表和飛出視窗使用預設樣式。

    使用者會習慣於按鈕的定位與大小,所以如果要自訂應用程式列,建議自訂背景、圖示及標籤的色彩,但不要自訂按鈕的大小或邊距。預設的配置是專為支援觸控所設計,在受支援的所有螢幕寬度內,剛好可以放入十個命令。變更配置可能會出現非預期的行為。

    如需詳細資訊,請參閱快速入門:設定應用程式列按鈕的樣式

  • 使用底部應用程式列放置命令,以及瀏覽列放置瀏覽。

    一般而言,會在目前頁面上執行動作的命令,通常可以放在底部應用程式列。使用瀏覽列放置可將使用者移至另一個頁面的瀏覽元素。

  • 命令應使用內建圖示。

    如需詳細資訊,請參閱快速入門:設定應用程式列按鈕的樣式

  • 不要在應用程式列中放置重要命令。

    不要將命令放在可讓應用程式在應用程式列中展現風格的重要位置。例如,在相機應用程式中,請將「拍照」命令放在應用程式頁面上,而非應用程式列中。您可以為應用程式頁面新增按鈕,或是簡單地讓使用者點選預覽來拍照。

  • 請勿將登入、登出或其他帳戶管理命令放在應用程式列中。

    所有帳戶管理命令,例如登入、登出、帳戶設定或建立帳戶,都應該放在 [設定] 飛出視窗中。如果讓使用者登入特定頁面是非常重要的,請在應用程式頁面上提供登入按鈕。

  • 不要在應用程式列中放置文字的剪貼簿命令。

    將 [剪下]、[複製] 以及 [貼上] 命令放置到應用程式頁面上的操作功能表,而不是應用程式列。

  • 不要在應用程式列中放置應用程式設定。

    所有應用程式設定命令 (像是預設值及喜好設定) 都應該位於 [設定] 飛出視窗中。較少使用的管理命令 (例如用於清除歷程記錄的命令) 最好也放在 [設定] 飛出視窗中。

處理滑鼠右鍵

為了讓應用程式的 UI 與其他 Windows 市集應用程式保持一致,使用者按一下滑鼠右鍵時要能夠觸發您所提供的應用程式列。如果您的應用程式必須將滑鼠右鍵用於其他目的 (例如遊戲中的次要武器或 3D 檢視器的虛擬軌跡球),則應用程式可以略過會引發應用程式列的事件。但是您仍應該在遊戲的控制模型中考慮使用應用程式列或類似操作功能表的角色,因為它是 Windows 市集應用程式體驗的重要一環。

設計應用程式的控制項時,請遵守下列指導方針:

  • 如果應用程式需要將滑鼠右鍵用於重要功能,請直接用於該功能。請勿啟用對工作流程而言不重要的操作式 UI 或應用程式列。
  • 如果 Microsoft DirectX 介面的有些區域不需要使用應用程式特定的操作式右鍵動作 (例如框線功能表),請在使用者於這些區域按滑鼠右鍵時顯示應用程式列。
  • 如果畫布的每一處都需要滑鼠右鍵支援,請考慮在使用者於像素的最上方水平列、最下方水平列或這兩者按滑鼠右鍵時,顯示應用程式列。
  • 如果這些解決方案都無法解決問題,請將自訂控制項放在 DirectX 介面上,讓滑鼠手勢能夠開啟應用程式列。
  • 使用 MouseDevice 類別事件 (例如 MouseMoved) 來實作您自己的操作功能表行為。
  • 使用觸控時,長按 (或按住不放) 就等於按一下滑鼠右鍵。以類似方法處理這兩個事件。若要處理這個事件並為其定義自訂行為,請登錄 Holding 事件。若要啟用按住,請設定 GestureSettings 屬性,支援透過觸控按住以及畫筆和手寫筆輸入。若要啟用滑鼠的按住行為,請設定 GestureSettings 屬性中的 HoldWithMouse
  • 請勿對應用程式中的 Win+Z 按鍵組合提供其他替代行為。開發應用程式列或類似的操作功能表,然後在使用者按下 Windows 鍵搭配 Z 鍵時予以顯示。登錄 KeyDownAcceleratorKeyActivated 事件來判斷按下這兩個按鍵的時間。

相關主題

快速入門:新增應用程式列
快速入門:設定應用程式列按鈕的樣式
如何在不同的檢視中使用應用程式列
AppBar

 

 

顯示:
© 2015 Microsoft