Okruszki

Ostatnia aktualizacja: 04.09.2011

Okruszki (ang. breadcrumbs) określane są także mianem ścieżki nawigacyjnej. Pokazują w jednej linii hierarchię stron nadrzędnych dla każdej strony serwisu.

Kiedy używać?

Okruszków warto używać w przypadku większości serwisów posiadających więcej, niż jeden poziom głębokości. Mogą istnieć specyficzne przypadki w których użycie okruszków nie będzie wymagane. Powinno to być jednak świadomą decyzja projektową podjętą z pełną świadomością możliwych konsekwencji. Rezygnacja z okruszków np. w serwisie z bieżącymi aktualnościami jest poważnym błędem.

Dlaczego używać?

Okruszki mają niezaprzeczalne zalety:

Prezentują położenie użytkownika w stosunku do hierarchii serwisu, co zwiększa poczucie komfortu i kontroli systemu. Jest to szczególnie przydatne wtedy, gdy użytkownik nie porusza się po serwisie według kolejności stron dyktowanej przez hierarchię, ale odwiedza bezpośrednio strony na głębszym poziomie serwisu. Może to uczynić za pośrednictwem np. łącza na stronie głównej lub przechodząc na jedną z podstron z wyników wyszukiwania. Optymalizując płatne reklamy typu Pay Per Click celowo kieruje się odbiorców do określonej podstrony serwisu, często na najgłębszym poziomie hierarchii. W takim przypadku okruszki są szczególnie ważne, ponieważ pozwalają użytkownikowi zorientować się w jakie miejsce serwisu trafił.
Pozwalają na cofnięcie się do poprzednich stron w hierarchii, co może przyspieszać nawigowanie po serwisie.
Ułatwiają zrozumienie architektury informacji serwisu. Użytkownicy widzą, jak zorganizowane są poszczególne działy witryny.
Są mechanizmem nawigacyjnym prostym do zrozumienia dla wszystkich użytkowników. Problemy z obsługą okruszków są rzadkością.

Jak używać?

Umieść okruszki nad treścią strony, ale poniżej górnej nawigacji (jeśli ją stosujesz) oraz górnej części serwisu (tzw. “topu”) przeznaczonej na logo, inne elementy identyfikacji wizualnej czy reklamy. Dokładne położenie jest uzależnione od szczegółów projektu funkcjonalnego serwisu oraz projektu graficznego. Nie ma potrzeby umieszczać okruszków na stronie głównej, która z definicji jest pierwszą stroną w hierarchii.

W okruszkach powinny być przedstawione wszystkie strony w hierarchii począwszy od strony głównej serwisu do aktualnie przeglądanej. Jeśli hierarchia serwisu jest zbyt rozbudowana to możesz w ostateczności nie wyświetlać nazwy ostatniej strony. Alternatywnym rozwiązaniem w przypadku długiej nazwy jest także przedstawienie jej w skróconej formie z zastosowaniem np. nawiasów i wielokropka: “(…)”. Te odstępstwa od reguły powinno się stosować jedynie w szczególnych okolicznościach.

Poszczególne pozycje w hierarchii muszą być aktywnymi odnośnikami (w przeciwnym wypadku nie pozwalałyby nawigować po serwisie) wyraźnie odróżnionymi od ostatniej pozycji, która nie musi być odnośnikiem.

Poszczególne pozycje hierarchii należy odróżnić specjalnym znakiem. Najlepszym rozwiązaniem jest znak “>” lub przedstawiona graficznie strzałka prawoskrętna. Jednoznacznie wskazuje to na zależność poszczególnych stron. Dobrą praktyką jest dodawanie na początku hierarchii sformułowania w rodzaj “Jesteś tutaj:” albo “Jesteś w:”. Jest to szczególnie pomocne dla użytkowników niewidomych lub niedowidzących, którzy korzystają z czytników ekranowych odczytujących treść strony.