Doporučení pro implementaci informační architektury
Platí pro toto doporučení kontrolního seznamu optimalizace prostředí pro Power Platform Well-Architected:
| XO:03 | Implementace konzistentní architektury informací. Usnadněte si vyhledávání informací a funkcí. Poskytněte kontextová vodítka a vizuální indikátory, které uživatele vedou. Používejte konzistentní a uživatelsky přívětivé popisky pro kategorie, navigaci a další informační prvky. |
|---|
Tato příručka popisuje doporučení pro návrh efektivní informační architektury pro vaši úlohu.
Klíčové strategie návrhu
Informační architektura odkazuje na organizaci a strukturu obsahu a funkcí systému. Ovlivňuje, jak uživatelé vnímají, chápou a procházejí systémem. Dobře navržený systém by měl mít informační architekturu, která upřednostňuje potřeby a úkoly uživatelů před vnitřní logikou nebo technickými omezeními systému. Tento přístup zajišťuje, že uživatelé mohou snadno a efektivně najít informace a funkce, které potřebují, a získat k nim přístup.
Buďte v souladu s navigačními strukturami
Konzistentní navigace zlepšuje orientaci uživatele v rámci úlohy a usnadňuje plynulé přechody mezi stránkami nebo obrazovkami. Navigace musí být jasná, intuitivní a předvídatelná. Používejte stejné navigační prvky – nabídky, karty, navigaci a tlačítka – v celé úloze a umisťujte je na konzistentní místa. Ujistěte se, že navigace odráží hierarchii a vztahy vašeho obsahu a uživatelé mohou snadno vnímat svou aktuální polohu a potenciální cíle.
Používejte konzistentní a uživatelsky přívětivé popisky
Popisky jsou termíny používané k identifikaci a vysvětlení obsahu a funkcí, jako jsou nadpisy, názvy, nabídky, tlačítka a odkazy. Jasné a konzistentní popisky pomáhají uživatelům porozumět úloze a snadno se v ní orientovat a efektivně provádět své úkoly. Popisky by měly být konzistentní co do tónu, jazyka a formátu a měly by používat výrazy, které uživatelé znají a preferují. Pokud například výraz „účet“ používáte k označení profilu a nastavení uživatele, používejte ho konzistentně v celé úloze a nepoužívejte synonyma jako „profil“ nebo „nastavení“.
Navigační prvky by měly mít jasné a popisné popisky, které sdělují účel a cíl každého prvku. Uživatelé by měli být schopni pochopit, co každý prvek dělá a kam vede, aniž by na něj museli klikat nebo klepat. Například položka nabídky označená jako „Produkty“ poskytuje více informací než položka označená jako „Nabídka 1“.
Poskytněte kontextová vodítka a vizuální indikátory, které uživatele vedou
Kontextová vodítka a vizuální indikátory jsou prvky, které uživatelům pomáhají pochopit význam a funkci vašeho obsahu a funkcí. Příklady zahrnují ikony, popisky, barvy, písma a obrázky. Měly by být konzistentní ve stylu, velikosti a významu a měly by odpovídat očekáváním a zvyklostem uživatele. Pokud například používáte ikonu lupy k reprezentaci vyhledávací funkce, používejte ji konzistentně v celém produktu a ujistěte se, že se chová stejně při každém použití.
Používejte progresivní informování
Postupné informování udržuje uživatele zaměřené na primární úkoly a cíle tím, že minimalizuje rozptylování od sekundárních nebo irelevantních informací a funkcí. Poskytněte správné množství informací a funkcí ve správný čas pomocí technik, jako je skrytí, sbalení, rozšíření nebo odhalení obsahu a funkcí podle potřeby. Vyhněte se zahlcování nebo rozptylování uživatele příliš velkým nebo příliš malým množstvím informací a funkcí. Umožněte uživatelům ovládat úroveň detailů a složitosti, které chtějí vidět nebo s nimi pracovat.
Typickým příkladem progresivního odhalování je vzor průvodce. Průvodce je proces krok za krokem, který uživatelům umožňuje zadávat nebo zobrazovat informace v předepsaném pořadí a ve kterém mohou následující kroky záviset na informacích zadaných v předchozích. Rozdělení složitých procesů na menší, postupné kroky snižuje kognitivní zátěž uživatele ve srovnání s odhalením všech polí a informací najednou. Tento přístup poskytuje stejný obsah ve srozumitelnějším a uživatelsky přívětivějším formátu.
Kategorizujte informace a funkce
Uspořádání informací a funkcí do smysluplných a logických skupin uživatelům usnadňuje vyhledávání a přístup k informacím a funkcím vaší úlohy. Seskupte a označte obsah a funkce do smysluplných a logických kategorií na základě potřeb, úkolů a cílů uživatelů. Používejte kategorie, které se vzájemně vylučují a jsou souhrnně vyčerpávající, kde každá položka patří do jedné a pouze jedné kategorie a všechny položky jsou zahrnuty do kategorií. Ujistěte se, že používáte kategorie, které jsou koherentní a konzistentní a že položky v každé kategorii mají společnou charakteristiku nebo kritérium.
Seskupte informace a funkce do hierarchií
Uspořádejte a zobrazte obsah a funkce v hierarchickém pořadí na základě důležitosti, frekvence nebo sekvence použití. Použijte přístup shora dolů nebo zdola nahoru v závislosti na preferencích a chování uživatelů. Použijte mělkou nebo hlubokou hierarchii v závislosti na množství a složitosti obsahu a funkčnosti. Použijte vizuální vodítka a indikátory, jako je velikost, barva, tvar nebo poloha, abyste zobrazili hierarchické vztahy a úrovně.
Usnadnění díky Power Platform
Modelem řízená navigace aplikací vám umožňuje konfigurovat seskupení stránek v různých úrovních. Návrhář aplikace vám poskytuje možnost spravovat formuláře, zobrazení a vlastní stránky v rámci aplikace.
Aplikace plátna se skládají z obrazovek s navigací dosaženou pomocí nativních komponent. Můžete například použít galerii nebo kontejner s vertikálním rozložením k vytvoření seznamů prvků jako uzlů, kde každý uzel obsahuje prvek, na který lze kliknout, jako je tlačítko k navigaci mezi obrazovkami. Zvažte použití vlastních komponent k implementaci znovu použitelné globální navigační komponenty, které se objeví na každé obrazovce.
Ovládací prvek navigace v Sadě pro tvůrce je dobrá volba pro primární navigaci. Seznam karet se běžně používá pro sekundární navigaci k přepínání obsahu na obrazovce. Pomocí ovládacího prvku moderního odkazuspustíte webovou stránku nebo aplikaci na plátně. Univerzální navigaci ke zdrojům lze umístit do globálního záhlaví aplikace překrytím klikacích navigačních ikon (nebo ikony Fluent) nad záhlavím v kontejneru.
Chcete-li implementovat vzor průvodce, použijte komponentu SubwayNav v Sadě pro tvůrce.