Nawigacja i architektura
Architektura informacji, wzorce nawigacyjne i CTA. Jak użytkownik porusza się po produkcie.
Wszystkie zasady
Architektura informacji Information Architecture
Architektura informacji to sposób organizacji i etykietowania treści w produkcie. Dobra IA sprawia, że użytkownik znajduje to, czego szuka, w miejscu, w którym się tego spodziewa. Zła IA to menu z niejasnymi nazwami, gdzie 'Zasoby' może oznaczać wszystko.
Jasne i jednoznaczne CTA Clear and Unambiguous CTA
Na każdej stronie powinien być jeden główny CTA (Call to Action), wyraźnie odróżniający się od reszty elementów. Użytkownik powinien wiedzieć, co jest najważniejszą akcją na tej stronie, w ciągu 3 sekund. Dwa równorzędne CTA tworzą konflikt i obniżają konwersję.
Grupowanie tematyczne Thematic Grouping
Powiązane elementy powinny być zgrupowane razem, a niepowiązane odseparowane. W menu ustawień osobiste dane powinny być w jednej grupie, powiadomienia w drugiej, a bezpieczeństwo w trzeciej. Losowa kolejność opcji zmusza użytkownika do przeszukiwania wszystkiego.
Krótkie ścieżki do celu Short Paths to Goal
Użytkownik powinien dotrzeć do dowolnej treści w 3 kliknięciach od strony głównej (zasada trzech kliknięć). Głębokie struktury nawigacyjne (5+ poziomów) powodują zgubienie się i porzucenie zadania. Skróty, wyszukiwarka i ostatnio odwiedzone pomagają skracać ścieżki.
Wzorce nawigacyjne Navigation Patterns
Nawigacja powinna używać standardowych wzorców: top bar na desktopie, bottom tab bar na mobile, hamburger menu dla rozbudowanych sekcji, breadcrumbs dla głębokiej hierarchii. Niestandardowa nawigacja wymaga nauki i zwiększa obciążenie poznawcze.
Hierarchiczne menu Hierarchical Menu
Menu powinno odzwierciedlać logiczną hierarchię treści: główne kategorie na pierwszym poziomie, podkategorie na drugim. Każdy poziom powinien być przewidywalny. Użytkownik powinien wiedzieć, gdzie szukać 'ustawień powiadomień' bez sprawdzania każdej zakładki.
Przewidywalny przycisk wstecz Predictable Back Button
Przycisk 'wstecz' powinien zawsze prowadzić do poprzedniego ekranu w logicznej hierarchii, nie do losowego miejsca. W SPA (Single Page Application) historia przeglądarki musi być poprawnie zarządzana, żeby systemowy przycisk 'wstecz' działał jak użytkownik oczekuje.