Breadcrumb

Streszczenie:

Breadcrumbs to ścieżka nawigacyjna na stronie internetowej, która pomaga użytkownikom zorientować się, gdzie się znajdują i łatwo wrócić do poprzednich podstron. Jest widoczna zazwyczaj w górnej części strony.

Mariusz Słowik
Head of design

⌂ > encyklopedia > breadcrumbs nawigacja-okruszkowa

Co to jest breadcrumbs?

Breadcrumbs, czyli nawigacja okruszkowa, to prosta funkcja na stronie internetowej, która pokazuje użytkownikowi, gdzie się znajduje.

Wyobraź sobie, że jesteś w sklepie i widzisz tabliczki wskazujące drogę do kasy - breadcrumbs działają podobnie, ale w świecie internetu. Zazwyczaj wyglądają jak seria linków u góry strony, np. "Strona główna > Produkty > Elektronika > Smartfony".

Klikając na poszczególne elementy tej ścieżki dostaniesz się na właściwe dla nich podstrony.

Przykład nawigacji okruszkowej

Wiszisz ją nawet na tej stronie:
⌂ > Encyklopedia > Breadcrumbs Nawigacja-Okruszkowa

Rola nawigacji okruszkowej w biznesie:

  • Prosta nawigacja: Użytkownicy mogą szybko zorientować się w strukturze strony i przejść na wyższe rzędy kategoryzacji usług i produktów, np. z okien konkretnego modelu na stronę kategorii okien aluminiowych.
  • Poprawa doświadczenia użytkownika: Strona staje się bardziej przyjazna i zrozumiała, a użytkownik zawsze wie, w jakim miejscu strony się znajduje.
  • Lepsze miejsce w wyszukiwarkach: Wyszukiwarki lepiej rozumieją strukturę Twojej strony, więc umieszczają ją wyżej w wynikach wyszukiwania.

Rodzaje breadcrumbs

Breadcrumbs mogą mieć różne typy:

  • Oparte na hierarchii: Pokazują strukturę strony (np. Strona główna > Kategoria > Podkategoria > Produkt)
  • Oparte na atrybutach: Używane na stronach z filtrami (np. Strona główna > Kategoria > Podkategoria > Wybrany kolor > Wybrany zakres cenowy > Produkt)
  • Oparte na historii przeglądania: Pokazują ścieżkę, którą przeszedł użytkownik (Strona główna > Poprzednia strona > Poprzednia strona > Aktualna strona). To najmniej użyteczny rodzaj breadcrumbs, ponieważ zazwyczaj stwarza mało logiczną i nieprzydatną użytkownikowi ścieżkę.

Czy breadcrumbs są zawsze potrzebne?

Breadcrumbs warto wprowadzić na stronę, gdy struktura treści składa się z co najmniej dwóch poziomów. Jeśli jednak Twoja witryna jest jednopoziomowa i wszystkie podstrony są dostępne jednym kliknięciem - breadcrumbs nie przyniosą dodatkowej wartości.

Praktyczne wskazówki dotyczące breadcrumbs

Użyj małej czcionki, aby breadcrumbs nie dominowały nad treścią strony

1

Zacznij od strony głównej, a skończ na aktualnej podstronie

3

Użyj krótkich, jasnych nazw dla każdego poziomu nawigacji

5

Nie powtarzaj tych samych nazw w kolejnych poziomach

7

Nie używaj breadcrumbs na stronie głównej - nie ma to sensu

9

Testuj breadcrumbs na różnych urządzeniach i przeglądarkach, aby upewnić się, że działają poprawnie

11

Oddziel poszczególne poziomy nawigacji za pomocą strzałek (>) lub ukośników (/)

2

Breadcrumbs muszą być klikalne, aby użytkownicy mogli łatwo wrócić do poprzednich poziomów

4

Ogranicz liczbę poziomów do maksymalnie 5, aby nie przytłoczyć użytkownika

6

Upewnij się, że breadcrumbs są widoczne na urządzeniach mobilnych

8

Pamiętaj, że breadcrumbs to dodatek do głównej nawigacji, a nie jej zamiennik

10

Czy wiesz, że:

  • Nazwa "breadcrumbs" pochodzi z bajki "Jaś i Małgosia", gdzie dzieci zostawiały za sobą okruszki chleba, aby znaleźć drogę powrotną do domu.
  • 37% klientów opuszcza strony z powodu kiepskiej nawigacji.

Potrzebujesz dobrej strony ze świetną nawigacją?

Nie ma nic gorszego niż utrata szans sprzedażowych przez to, że użytkownik nie był w stanie znaleźć produktu lub usługi, których potrzebuje i które masz w ofercie, ale zostały ukryte przez słabą nawigację.

Porozmawiajmy o potrzebach Twoich potencjalnych klientów i stwórzmy stronę, która od wejścia pokazuje, że Twoja firma jest w stanie im sprostać. Napisz do nas po niezobowiązującą ofertę.