Bread­crumbs

Definicja

„Okruszki chleba” (ang. bread­crumbs) — ele­ment naw­igacji na stronie WWW, reprezen­tu­jący ścieżkę prze­bytą od korzenia strony do aktu­al­nej strony. Zazwyczaj jest to poziomy ele­ment rozmieszc­zony u góry strony, pod częś­cią brandin­gową, nad sekcją treści właściwej.

Rola

Okruszki naw­iga­cyjne posi­adają dwie role w ser­wisie WWW:

1. Dostar­czają kole­jnego sposobu porusza­nia się po stronie, a konkret­nie, przemieszcza­nia się po poziomach głębokości architek­tury infor­ma­cyjnej strony.
2. Powiadami­ają użytkown­ika o aktu­al­nym położe­niu w ser­wisie. Zapo­b­ie­gają zagu­bi­e­niu się w gąszczu informacji.

Por­tale powinny być wyjątkowo wrażliwe na odpowied­nie zapro­jek­towanie miejsca dla okruszków, ich wygląd i reguły, które sterują ich zachowaniem.

Wygląd

Strona główna → Dział główny → Podrozdział → Wybrana strona (aktualna)

Zachowanie

Ele­ment rozdziela­jący poszczególne liś­cie drzewa (czyli skład­owe ścieżki) musi być czytelny, mieć równy lewy i prawy mar­gines oraz sug­erować log­iczną spójność pomiędzy poszczegól­nymi składowymi.

Pod­kreślone ele­menty powinny być klikalne, odnośniki posi­adać atry­but „title” i otwierać się w tym samym oknie.

Zas­tosowanie

Uważam, że okruszki należy stosować wtedy, gdy ser­wis ma nie mniej niż dwie głębokości.
Czym jest głębokość? Aby nie zag­mat­wać definic­jami, pokażę na przykładzie:

Głębokość 0 — Strona główna.
Głębokość 1 — Strona główna → Dział główny.

Rozsz­er­zona treść dostępna dla sub­skry­ben­tów RSS. Zapisz się, by wiedzieć więcej.

Ide­al­nie okruszki nadają się do:

1. Sklepów internetowych/serwisów auk­cyjnych, gdzie wspo­ma­gają pro­ces fil­trowa­nia pro­duk­tów wg kat­e­gorii, uzu­peł­ni­ają i wręcz pełnią pod­sta­wową funkcję naw­igacji między kategoriami.
2. Forów inter­ne­towych.
3. Ser­wisów informacyjnych.
4. Stron korporacyjnych/blogów, o ile głębokość infor­ma­cji osiąga trzech poziomów.

Przykłady

di.com.pl — okruszki

Gazeta.pl — okruszki

Zarówno di.com.pl jak i gazeta.pl nie mają poprawnych okruszków. W Gaze­cie wszys­tkie ele­menty wyglą­dają tak samo, mimo że ostatni nie jest linkiem. W Dzi­en­niku Inter­nautów z kolei zabrakło ostat­niego elementu.

Infotuba.pl — okruszki

Dobrym przykła­dem jest Info­tuba. Ele­menty naw­iga­cyjne są pod­kreślone, zaś ele­ment infor­mu­jący jest pogru­biony i nie jest odnośnikiem.

delicious.com — okruszki

Rozsz­er­zona treść dostępna dla sub­skry­ben­tów RSS. Zapisz się, by wiedzieć więcej.