Dobra nawigacja pomaga odwiedzającemu rozpoznać właściwy punkt wyjścia, wybrać przydatną stronę i zrozumieć, co zrobić dalej. Zacznij od pytań, z którymi ludzie przychodzą do Twojej firmy. Przypisz im jasne miejsca docelowe i sprawdź ścieżki na telefonie oraz za pomocą klawiatury. Krótsze menu pomaga tylko wtedy, gdy ważne strony nadal łatwo znaleźć.
Ta lista jest dla firm planujących nową witrynę lub oceniających obecną. Wykorzystaj ją do ustalenia decyzji z projektantem, zanim zaakceptujesz dopracowany wizualnie nagłówek. Przydatnym rezultatem jest krótka, uzgodniona mapa zadań odwiedzających, stron i prowadzących między nimi linków.
Zacznij od zadania odwiedzającego
Zapisz od trzech do pięciu sytuacji słowami klientów: „Chcę wiedzieć, czy działacie w mojej okolicy”, „Chcę porównać wasze usługi” albo „Jestem już klientem i potrzebuję pomocy”. To przykłady do dostosowania, a nie sztywny limit. Przejrzyj rzeczywiste zapytania i zapytaj osoby, które na nie odpowiadają, gdzie odwiedzający napotykają trudności.
Dla każdej sytuacji określ odbiorcę, jego pytanie, stronę z odpowiedzią i kolejny przydatny krok. Potencjalny klient może potrzebować wyjaśnienia usługi przed wysłaniem zapytania; obecny klient może chcieć od razu przejść do pomocy. Kierowanie obu osób najpierw do tego samego formularza sprzedażowego tworzy niepotrzebny objazd.
Oddziel zadanie odwiedzającego od struktury organizacyjnej firmy. Nazwa działu nadaje się do nawigacji tylko wtedy, gdy klienci ją rozumieją. Jeśli dwa zespoły proponują nazwę „Rozwiązania”, ustal, czego użytkownik oczekiwałby po każdym z tych linków. Zapisz uzgodnione nazwy i adresy w briefie projektu strony internetowej.
Ustal miejsce dla każdej ścieżki
Nagłówek jest tylko częścią nawigacji. Linki w treści mogą połączyć pytanie z odpowiedzią dokładnie wtedy, gdy pojawia się taka potrzeba. Ta tabela pomaga ustalić, gdzie umieścić każde przejście.
| Potrzeba odwiedzającego | Przydatny punkt wyjścia |
|---|---|
| Jeden z głównych powodów odwiedzenia firmy | Jasno nazwany link w nawigacji głównej |
| Porównanie kilku powiązanych usług | Strona przeglądowa; podmenu, jeśli ułatwia wybór |
| Sprawdzenie szczegółu podczas czytania | Opisowy link w odpowiedniej części strony |
| Zasady lub ogólne informacje o firmie | Link w stopce, uzupełniony w razie potrzeby linkami w kontekście |
| Odnalezienie wielu elementów znanych z nazwy | Wyszukiwarka jako uzupełnienie struktury, którą można przeglądać |
Nie ma jednej właściwej liczby pozycji w menu. Oceń konkretne nazwy, dostępną przestrzeń i różne zadania. Kontakt może zasługiwać na widoczne miejsce, nawet jeśli inna sekcja ma więcej odwiedzin. Nie ukrywaj ważnego celu tylko po to, by zmieścić się w założeniu graficznym.
Dopasuj nazwę do strony docelowej
Zastąp ogólne hasła, takie jak „Odkryj”, słowami wyjaśniającymi wybór: „Usługi konserwacyjne”, „Obszar działania” lub „Nasz zespół”. Te przykłady pasują do niektórych firm, a nie do każdej witryny. Zapytaj osobę spoza projektu, czego spodziewa się po wybraniu każdej pozycji, bez wcześniejszego pokazywania strony docelowej.
Wyjaśnienie WAI dotyczące celu linków pokazuje, jak tekst lub powiązany kontekst powinien ujawniać ich funkcję. Preferuj nazwy zrozumiałe samodzielnie.
Po przejściu nagłówek strony powinien potwierdzić wybór. „Konserwacja biur” nie powinna bez wyjaśnienia otwierać strony zatytułowanej „Nasze doświadczenie”. Na głębszych poziomach rozważ okruszki nawigacyjne, jeśli pomagają zrozumieć hierarchię. Powinny przedstawiać strukturę witryny, a nie historię przeglądania.
Powtarzana nawigacja powinna zachowywać względną kolejność na różnych stronach, zgodnie z wyjaśnieniem WAI o spójnej nawigacji. Uzgodnij wspólne nazwy wraz z tłumaczeniami, zamiast osobno zmieniać każdy nagłówek.
Sprawdź menu mobilne i obsługę klawiaturą
Oceń działające menu na wąskim ekranie z najdłuższymi przetłumaczonymi nazwami. Otwórz je z artykułu, strony usługi i strony zapytania. Czy opcje są rozróżnialne? Czy można zamknąć menu bez utraty orientacji? Zrzut ekranu wersji komputerowej nie odpowie na te pytania.
Poradnik WAI o wyglądzie menu omawia widoczny fokus, powiększony tekst i stany rozpoznawalne nie tylko po kolorze. Sprawdź je w gotowym rozwiązaniu.
Odłóż mysz. Przejdź ścieżkę za pomocą Tab i Shift+Tab, aktywuj linki klawiszem Enter i sprawdź przyciski menu klawiszami Enter oraz Spacja. Fokus nie może zniknąć za zamkniętym panelem. Jeśli menu otwiera się jako okno modalne na stronie, poproś programistę o pokazanie zarządzania fokusem i zamykania.
Podmenu powinny działać z klawiaturą i dotykiem oraz mieć alternatywne dojście przez stronę nadrzędną; zobacz poradnik WAI o menu rozwijanym. Jeśli pozycja nadrzędna również otwiera stronę, wyraźnie rozróżnij jej link i przycisk podmenu. Poproś o demonstrację obu działań.
Poradnik WAI o strukturze menu wyjaśnia nazwane obszary nawigacji i programowe oznaczenie bieżącej strony. Pozwala to technologiom asystującym zrozumieć widoczną strukturę.
Przykład do wykorzystania
Wyobraź sobie firmę zajmującą się konserwacją budynków. To przykład hipotetyczny, a nie wynik pracy dla klienta. Proponowany nagłówek zawiera „Rozwiązania”, „Doświadczenie”, „Materiały” i „Porozmawiajmy”. Nowa kierowniczka biura chce przed kontaktem sprawdzić, czy firma prowadzi regularną konserwację w jej miejscowości.
Ścieżka mogłaby wyglądać tak: przegląd usług → konserwacja biur → obszar działania → zapytanie. Zmieniony nagłówek mógłby pokazywać „Usługi”, „Obszar działania”, „O nas” i „Kontakt”. Strona konserwacji biur prowadziłaby bezpośrednio do informacji o zasięgu, a następnie proponowała zapytanie. Obecni klienci mieliby oddzielnie nazwaną ścieżkę pomocy.
Przetestuj mapę, zanim zaczniesz dyskusję o kolorach. Przedstaw osobie testującej sytuację kierowniczki bez wskazywania oczekiwanej pozycji menu. Zanotuj pierwszy wybór, nazwy budzące wątpliwości i to, czy strona rozwiązuje zadanie. Jeśli szuka obszaru działania w „O nas”, zbadaj to oczekiwanie, zanim dodasz kolejny poziom menu.
Prowadź krótki rejestr decyzji zamiast ogólnej notatki „poprawić nawigację”. Dla każdego zadania zapisz w jednym wierszu: stronę początkową, oczekiwany cel, faktyczny wybór, powód wahania, proponowaną zmianę i osobę odpowiedzialną. Błędny pierwszy wybór może wskazywać na niejasne słowa, brak linku albo stronę, która nie odpowiada na pytanie. Nie zakładaj, że winne jest wyłącznie menu. Po zmianie powtórz zadanie i zapisz pozostałe niejasności. Zacznij też od udostępnionego linku do usługi: odwiedzający powinien móc się zorientować bez wcześniejszego oglądania strony głównej.
Połącz ważne strony zrozumiałymi linkami
Poproś o sprawdzenie rzeczywistych linków <a href="…"> z opisowym tekstem. Wskazówki Google dotyczące linków omawiają odnośniki dostępne dla robotów i przydatne teksty kotwicy.
W odnajdywaniu treści przez wyszukiwarki i AI naszym praktycznym punktem wyjścia jest ta sama zrozumiała struktura: jednoznaczne tematy, czytelne linki i użyteczna treść na stronach docelowych. To podejście redakcyjne, a nie obietnica indeksowania, pozycji czy obecności w odpowiedzi AI. Czytelna ścieżka nie kontroluje wyborów dokonywanych przez inny serwis.
Lista odbioru dla właściciela witryny
- Każde priorytetowe zadanie odwiedzającego ma uzgodnioną stronę docelową i następny krok.
- Nazwy w menu opisują otwierane strony we wszystkich opublikowanych językach.
- Osoba testująca może spróbować wykonać najważniejsze zadania bez podpowiedzi; wątpliwości są zapisywane.
- Ścieżki mobilne i obsługę klawiaturą pokazano na działających stronach.
- Sprawdzono podmenu, oznaczenia bieżącej strony i zamykanie menu.
- Ważne strony mają działające linki wewnętrzne; zmienione adresy URL mają plan przekierowań.
- Wyznaczona osoba aktualizuje mapę nawigacji po zmianach usług lub stron.
To ukierunkowany przegląd odbiorowy, nie certyfikacja dostępności. Poradnik WAI o menu zawiera dalsze wskazówki wdrożeniowe. Jeśli zmienia się również struktura stron, skorzystaj z listy kontrolnej przebudowy witryny, aby zaplanować szerszy zakres prac.
Przygotuj zadania odwiedzających i aktualną listę stron do rozmowy o projekcie. Poznaj usługę tworzenia stron Digital Studio lub rozpocznij brief swojej witryny od ścieżek najważniejszych dla Twoich klientów.
