Czym jest ścieżka nawigacji i kiedy się przydaje
Okruszki nawigacyjne, nazywane też ścieżką nawigacji, pokazują miejsce bieżącej podstrony w strukturze witryny. Mogą wyglądać tak: Strona główna › Usługi › Projektowanie stron. Odwiedzający widzi, że „Projektowanie stron” należy do działu „Usługi”, i może przejść do tego działu bez szukania go w menu. To dodatkowa pomoc w orientacji, a nie zastępstwo dla głównej nawigacji.
Najwięcej pożytku przynoszą na stronach z kilkoma poziomami treści: w katalogu z kategoriami i podkategoriami, rozbudowanej witrynie firmowej albo blogu z uporządkowanymi działami. Jeśli strona ma tylko kilka podstron dostępnych bezpośrednio z menu, ścieżka może nie wnosić niczego istotnego. Przed jej dodaniem sprawdź, czy potrafisz wskazać jedną zrozumiałą drogę od strony głównej do każdej podstrony. Gdy jest to trudne, problem może leżeć w samej strukturze witryny.
Pokazuj położenie w witrynie, nie historię kliknięć
Ścieżka powinna wynikać z układu treści, a nie z tego, jak użytkownik trafił na stronę. Osoba, która otworzyła artykuł z wyszukiwarki, powinna zobaczyć tę samą logiczną ścieżkę co osoba, która dotarła do niego przez menu. Dzięki temu element pozostaje przewidywalny i odpowiada na pytanie „gdzie jestem?”, zamiast próbować odtwarzać wcześniejsze kroki odwiedzającego.
Każdy pośredni element powinien prowadzić do rzeczywistej podstrony nadrzędnej. Nie dodawaj nazwy kategorii tylko po to, by zapełnić ścieżkę, jeśli nie ma strony, którą można pod nią otworzyć. Bieżąca podstrona może pojawić się na końcu jako tekst bez odsyłacza do samej siebie. W przypadku artykułu przypisanego do kilku działów wybierz jedną, konsekwentnie stosowaną ścieżkę zamiast pokazywać różne wersje w zależności od wejścia.
Pisz krótkie i rozpoznawalne nazwy
Nazwy w ścieżce powinny odpowiadać nazwom działów widocznym w menu i nagłówkach stron nadrzędnych. Jeśli w menu widnieje „Poradniki”, a w okruszkach „Centrum wiedzy”, odwiedzający może nie wiedzieć, czy chodzi o to samo miejsce. Unikaj też skrótów, które są zrozumiałe wyłącznie dla osoby prowadzącej witrynę. Krótsza nazwa ułatwia szybkie przejrzenie ścieżki, zwłaszcza na małym ekranie.
Długiego tytułu bieżącej podstrony nie trzeba za wszelką cenę mieścić w jednym wierszu. Lepiej pozwolić tekstowi przejść do następnego wiersza niż zmniejszać go do trudnej do odczytania wielkości. Jeśli zdecydujesz się skrócić widoczną nazwę, zadbaj, by pozostała jednoznaczna. Nie zastępuj nazw samymi ikonami: symbol domu może sugerować stronę główną, ale tekst daje wyraźniejszą informację.
Zadbaj o czytelność i wygodną obsługę
Umieść ścieżkę w stałym miejscu, zwykle przed główną treścią podstrony, tak by łatwo było ją odnaleźć. Oddziel poszczególne pozycje wizualnie, ale nie opieraj informacji wyłącznie na kształcie separatora. Linki powinny wyglądać jak elementy, w które można kliknąć, a bieżąca podstrona powinna się od nich odróżniać. Zachowaj czytelny kontrast i tyle miejsca wokół odsyłaczy, by na telefonie dało się wybrać właściwy element.
Sprawdź również obsługę klawiaturą: przechodzenie między odsyłaczami powinno przebiegać w kolejności zgodnej ze ścieżką, a aktualnie wybrany link powinien być widoczny. Jeśli masz wpływ na kod lub ustawienia szablonu, ścieżka powinna być oznaczona jako nawigacja z rozpoznawalną nazwą, a bieżąca strona wskazana w sposób zrozumiały także dla technologii wspomagających. Sam wygląd separatorów nie wystarczy, by przekazać tę informację każdemu.
Sprawdź ścieżkę na kilku różnych podstronach
Przetestuj okruszki na stronie działu, na podstronie położonej głębiej oraz na artykule lub wpisie. Otwórz każdą z nich bezpośrednio, jak zrobiłaby to osoba przychodząca z zewnątrz. Czy nazwy pozwalają od razu rozpoznać dział? Czy każdy odsyłacz prowadzi we właściwe miejsce? Czy na wąskim ekranie żaden ważny element nie znika ani nie nachodzi na inny?
Po zmianie nazw działów lub przeniesieniu podstron sprawdź ścieżkę ponownie. Nieaktualny okruszek może kierować do niewłaściwej kategorii, nawet jeśli główne menu zostało już poprawione. W prostym systemie zarządzania treścią warto ustalić, skąd ścieżka pobiera nazwy i kolejność podstron. Dzięki temu łatwiej utrzymać jej spójność przy codziennej rozbudowie witryny.
