共用方式為


實作資訊架構的建議

適用於此 Power Platform Well-Architected 的體驗最佳化檢查清單建議:

XO:03 實作一致的資訊架構。 使尋找資訊和功能變得容易。 提供上下文線索和視覺效果指示來指引使用者。 對類別、瀏覽和其他資訊元素使用一致且使用者友善的標籤。

本指南介紹了為您的工作負載設計有效資訊架構的建議。

關鍵設計原則

資訊架構是指系統內容和功能的組織和結構。 它會影響使用者感知、理解和瀏覽系統的方式。 一個架構良好的系統應該有一個資訊架構,優先考慮使用者需求和工作,而不是系統的內部邏輯或技術限制。 這種方法可確保用戶能夠輕鬆高效地查找和訪問他們需要的資訊和功能。

與瀏覽結構保持一致

一致的瀏覽增強了工作負載體驗中的使用者導向,促進了頁面或畫面之間的平滑過渡。 瀏覽應該是清晰、直觀和可預測的。 在整個工作負載中使用相同的瀏覽元素 (功能表、索引標籤、軌跡瀏覽和按鈕),並將它們放置在一致的位置。 確保導航反映了內容的層次結構和關聯,並且用戶可以輕鬆感知其當前位置和潛在目的地。

使用一致且使用者友善的標籤

標籤是用於識別和解釋內容和功能 (如標頭、標題、功能表、按鈕和連結) 的術語。 清晰一致的標籤可幫助使用者瞭解並輕鬆流覽工作負載體驗並有效地執行任務。 標籤在語氣、語言和格式上應保持一致,並使用使用者熟悉和喜歡的術語。 例如,如果使用術語「帳戶」來指代使用者的設定檔和設定,請在工作負載的整個體驗中一致地使用該術語,並避免使用「設定檔」或「設定」等同義詞。

瀏覽元素應具有清晰的描述性標籤,以傳達每個元素的目的和目的地。 使用者應該能夠理解每個元素的作用以及它指向何處,而無需點擊或點選它。 例如,標記為「產品」的功能表項目所提供的資訊比標記為「功能表 1」的功能表項目更多。

提供上下文線索和視覺指示器來指引使用者

上下文線索和視覺指示器是幫助使用者理解內容和功能的含意和功能的元素。 範例包括圖示、標籤、顏色、字體和影像。 它們在風格、大小和含意上應保持一致,並符合使用者的期望和慣例。 例如,如果您使用放大鏡圖示來表示搜索功能,請在整個產品中始終使用它,並確保每次使用時的行為方式相同。

使用漸進式揭露

漸進式揭露透過最大限度地減少對次要或不相關資訊和功能的干擾,讓使用者專注於主要任務和目標。 根據需要使用隱藏、摺疊、展開或顯示內容和功能等技術,在正確的時間提供適量的資訊和功能。 避免過多或過少的資訊和功能使用戶不知所措或分散使用者的注意力。 讓使用者可以控制他們想要查看或互動的細節和複雜程度。

漸進式揭露的典型範例是精靈模式。 精靈是一個逐步程序,可讓使用者按規定的順序輸入或查看資訊,且後續步驟可能取決於先前步驟中輸入的資訊。 與一次顯示所有欄位和資訊相比,將複雜的流程分解為更小的、連續的步驟可以減少使用者的認知負擔。 此方法以更易於管理和使用者友善的格式提供相同的內容。

對資訊和功能進行分類

透過將資訊和功能組織到有意義且符合邏輯的群組中,使用者可以更輕鬆地尋找和存取工作負載的資訊和功能。 根據使用者的需求、工作和目標,將內容和功能分組,並標記到有意義且符合邏輯的類別中。 使用互斥且完整詳盡的類別,其中每個項目都僅屬於一個類別,並且所有項目都包含在類別中。 請務必使用連貫一致的類別,並且每個類別中的項目具有共同的特徵或標準。

將資訊和功能分組到階層中

根據使用的重要性、頻率或順序,依照階層順序排列和顯示內容和功能。 使用自上而下或自下而上的方法,具體取決於使用者的喜好設定和行為。 使用淺階層或深層階層,具體取決於內容和功能的數量和複雜性。 使用視覺提示和指示器 (如大小、顏色、形狀或位置) 來顯示階層式關聯性和層級。

Power Platform 簡易化

模型導向應用程式瀏覽可讓您設定各個層級的頁面分組。 應用程式設計師可讓您管理應用程式中的表單、檢視和自訂頁面。

畫布應用程式由畫面組成,並使用原生元件實現瀏覽。 例如,您可以使用資源庫垂直配置容器來建立元素清單做為節點,其中每個節點都包含一個可點擊元素,例如用於在畫面之間瀏覽按鈕。 請考慮使用自訂元件來實作顯示在每個畫面上的可重用全域瀏覽元件。

Creator Kit 中的瀏覽控制是主要瀏覽的好選擇。 索引標籤清單通常用於輔助瀏覽,以切換畫面的內容。 使用連結新式控制項啟動網頁或畫布應用程式。 透過將可點擊的瀏覽圖示 (或 Fluent 圖示) 覆蓋在容器中的標題上,可以將資源的通用瀏覽放置在全球應用程式標題中。

若要實現精靈模式,請使用 Creator Kit 的 SubwayNav 元件

在畫布應用程式中瀏覽

體驗最佳化檢查清單