在 Windows 市集應用程式中導航的基礎知識

確保使用者能夠隨時快速而輕鬆地訪問所需內容是任何新型應用程式的一個必不可少的特徵 。這意味著，在使用者需要進行導航之前，導航方式不得幹擾使用者操作，並且不得強制使用者做 出難以逆轉的選擇。這是一種稱為“內容在版式上方”的 UI 設計技術。強制實施此設計模 式的最佳方法是將大多數導航直接置入到內容中。可以在 Windows 市集應用程式中輕鬆 實現這一點，因為它們遵循此導航設計原則。

Windows 市集應用程式導航概述

在 Windows 市集應用程式中，開發人員將導航置入到內容中，以便在使用者費力 閱讀內容時通過使用其中一種導航模式獲得平穩而流暢的體驗：

分層

平面

拆分/單頁應用程式 (SPA)

Visual Studio 2012 通過一組基本應用程式模板來支援所有三種導航模型： 網格、拆分 和導航（僅 HTML）。在 HTML 應用程式中，每個模板均有一個 navigator.js 檔案，該檔案 中包含執行頁面間導航的代碼和管理後退按鈕的代碼。在 XAML 應用程式中，導航已內建到 事件模型中。

分層導航模式

關係資料非常適合分層導航。這是因為，通常 您必須按某種特定順序遍曆關係內容（例如，在主/詳細資料方案中），否則將沒有任何意義 。但事實並非始終如此，平面導航在這裡就派上用場了（稍後將對此進行詳細介紹）。雖然 相關資料可存在於多個層級中，但根據可用性研究，將三個以上的層級直接置入導航系統中 會導致使用者很難使用該資料。在仔細研究導航可用性之後，Windows 設計語言團隊建立了包 含以下三種導航層級的分層導航系統：

中心： 這是資料（包括前面和中心的主要資料）的啟動階段。它通常是一個主專案（如音 樂藝術家）列表。從該列表中，使用者可以深入瞭解每位藝術家的具體資訊。正式發布的 Visual Studio 2013（目前為預覽版）將引入一種用於建立可靠導航方案的新“中心”模板 。

部分： 這是一個二級視圖，其中包含使用者在“中心”頁面選擇的某個特定組的所有成員 。例如，瀏覽某位特定藝術家的所有專輯就屬於部分導航。

詳細資料： 這包含某個特定項的基本詳細資料 - 例如，有關專輯中某首特定歌曲或相集 中某張照片的資訊。

圖 1、圖 2 和圖 3 中的 CNN 應用程式的上下文中分別顯示了這三種樣式的樣本。

圖 1“中心”導航 層級

圖 2“部分”導航 層級