Jak prawidłowo korzystać z nawigacji Breadcrumb

Opublikowany: 2017-01-07

Bułka tarta przenosi nas z powrotem do starej bajki, którą mogłeś przeczytać w latach przedszkolnych. Dwoje dzieci, Jaś i Małgosia, zostają zmuszeni do opuszczenia swojego domu w lesie, kiedy Jaś postanawia położyć ślad z okruchów chleba, aby wytropić drogę powrotną do domu. Chociaż bułkę tartą zjadają nieznośne ptaki w lesie, zdołały pozostawić wrażenie wiele lat po napisaniu historii.

W projektowaniu stron internetowych bułka tarta służy podobnemu celowi, jak miał na myśli Hansel. Bułka tarta służy jako dodatkowa nawigacja w nawigacji witryny, aby pomóc odwiedzającym mieć pewność, że zgubią się po przejściu z jednej strony na drugą. Podobnie jak w starej bajce, pomaga pokazać użytkownikowi, gdzie wylądował i jaka była jego ostatnia lokalizacja.

Po zintegrowaniu bułki tartej z hierarchiczną strukturą witryny użytkownicy mogą zagłębić się w kategorie produktów i wrócić do miejsca, w którym zaczęli, bez wpadania w szał przycisku „Wstecz”.

Bułka tarta służy również jako graficzny element kontrolny, który pomaga mniej doświadczonym odwiedzającym poruszać się po witrynach e-commerce. W przypadku takich stron wewnętrzna struktura musi być inteligentnie zaprojektowana. W przypadku bułki tartej konieczne staje się, aby platformy zakupów online nie tylko zapewniały łatwość użytkowania swoim odwiedzającym, ale także zapobiegały porzucaniu ich stron przez potencjalnych klientów w wyniku zgubienia się.

Nawigacja nawigacyjna

Bułka tarta to skuteczny sposób na kierowanie odwiedzających, określając ich aktualną lokalizację i miejsca, które odwiedzili po drodze. Służą jako pomoc wizualna w hierarchii witryny. Ale jeśli chodzi o wrażenia użytkownika, bułka tarta pomaga im odpowiedzieć na te 3 pytania.

  1. Gdzie ja jestem?

    Bułka tarta informuje użytkowników o ich miejscu pobytu na stronie, rozpoczynając swoją podróż.

  2. Gdzie mogę pójść?

    Służy jako pomoc dla użytkowników, sugerując im, gdzie iść dalej. Ponieważ struktura jest już przed nimi, użytkownicy nie muszą już szukać i znajdować kategorii lub sekcji witryny.

  3. Czy powinienem tam iść?

    Bułka tarta pomaga promować lepsze przeglądanie i prezentować użytkownikowi wartość treści. Na przykład, jeśli klient trafi na stronę internetową w poszukiwaniu produktu, może znaleźć inne produkty, które mogą okazać się dobrze dopasowane do jego potrzeb. Pomaga to zmniejszyć współczynnik odrzuceń witryny.

Korzyści

Ogranicza działania

Aby osiągnąć wyższy poziom strony, bułka tarta pomaga zmniejszyć liczbę. działań wymaganych przez odwiedzającego witrynę, aby się tam dostać. Odwiedzający mogą po prostu użyć bułki tartej, aby nawigować wstecz, zamiast nieustannie używać przycisku „Wstecz” lub głównej nawigacji witryny.

Wymaga minimalnej przestrzeni

Zajmuje tylko poziomą linię wypełnioną linkami tekstowymi. Ułatwia to zdrową strukturę projektowania stron internetowych, zajmując minimalną przestrzeń i pozwalając innym elementom witryny oddychać. Pomaga to również w uzyskaniu lepszych prędkości ładowania witryny.

Każdy użytkownik wie, jak obsługiwać bułkę tartą

Jest łatwy do zrozumienia i nie wymaga żadnej wiedzy technicznej do interakcji z nimi. Tekst wyjaśnia, gdzie użytkownik był, jest i może iść. Jest to zrozumiały system nawigacji, uniwersalny dla zrozumienia każdego użytkownika.

Kiedy używać bułki tartej?

Stworzenie mapy witryny w celu wyświetlenia struktury nawigacji witryny jest jednym z najlepszych sposobów określenia, czy witryna może skorzystać na bułce tartej. Następnie możesz przeprowadzić analizę próbną i przetestować, czy nawigacja po stronie nawigacyjnej pomaga użytkownikom przeglądać zawartość witryny, czy nie.

  • Bułkę tartą najlepiej używać, gdy istnieje znacznie większa zawartość, która musi być uporządkowana w kategorie i w czystej, liniowej strukturze. W większości witryn e-commerce to samo kryterium jest stosowane do grupowania dużej różnorodności produktów w logiczne kategorie.
  • Nie wolno używać bułki tartej w witrynach, w których nie ma żadnej logicznej hierarchii grupowania treści lub produktów.

Kiedy unikać ich używania?

Tam, gdzie bułka tarta jest niezbędna dla struktury witryny, istnieją również przypadki, w których należy ich unikać. Gdy istnieje strona internetowa, która składa się z jednopoziomowej struktury bez wyraźnego wskazania grupowania, w najlepszym interesie witryny jest uniknięcie dodawania okruszków chleba. Jak wspomnieliśmy powyżej, diagram lub mapa witryny może być bardzo pomocna w określeniu architektury nawigacji w witrynie.

Okruszki chleba są przydatne tylko wtedy, gdy są obsługiwane przez nawigację podstawową. Bułka tarta działa jak mięśnie, podczas gdy podstawową nawigacją jest szkielet, który utrzymuje je razem. Bez ich pełnej lokomocji hierarchia stron internetowych nie może funkcjonować produktywnie.

Rodzaje bułki tartej

Istnieją trzy rodzaje bułki tartej, o których powinieneś wiedzieć: Lokalizacja, Ścieżka i Atrybut.

1. Na podstawie lokalizacji

Okruszki nawigacyjne oparte na lokalizacji służą do przedstawienia podstawowej struktury serwisu. Umożliwiają użytkownikom poruszanie się po witrynach internetowych, które mają wiele poziomów i kompleksowe ścieżki treści. Tego typu bułka tarta jest bardzo przydatna dla odwiedzających, którzy trafiają na stronę internetową ze źródła zewnętrznego i wchodzą na głębszy poziom treści. Na przykład, jeśli szukasz konkretnego typu produktu i klikasz wyniki wyszukiwania wyświetlane przez Google, znajdziesz się pomiędzy wieloma kategoriami po wejściu na stronę internetową. Okruszki chleba pomogą Ci określić Twoją lokalizację i nawigować do możliwości w strukturze hierarchicznej. Te witryny, które zawierają głębokie poziomy treści, są odpowiednie dla okruszków nawigacyjnych opartych na lokalizacji. Idealnym przykładem jest eBay.

2. Oparte na ścieżce

Te okruszki są istotne dla nawigacji po ścieżce historii witryny. Okruszki nawigacyjne oparte na ścieżce w zasadzie pokazują każdą ścieżkę odwiedzoną przez użytkownika w celu dotarcia do jego aktualnej lokalizacji. Zwykle takie linki do okruszków są generowane dynamicznie. Chociaż wtyczki oparte na ścieżkach mogą być pomocne dla użytkowników, którzy spędzają dużo czasu na przeglądaniu stron internetowych, są one w większości zagadkowe dla większości użytkowników. Ponieważ większość odwiedzających przegląda według własnego uznania, przechodząc z jednej strony na drugą. Przycisk „Wstecz” w przeglądarce rozwiązuje większość ich potrzeb, aby zmienić ścieżkę. To sprawia, że ​​jest bezużyteczny, szczególnie dla tych użytkowników, którzy trafiają na stronę witryny, która jest już głęboko w witrynie.

3. Oparte na atrybucie

Witryny e-commerce czerpią największe korzyści z bułki tartej opartej na atrybutach. Pomagają w zestawieniu kategorii według konkretnej strony lub produktu. Tego typu bułka tarta jest niezwykle pomocna w zachęcaniu użytkowników do zrozumienia wzajemnych relacji produktów. Na przykład, jeśli witryna sprzedaje dżinsy, użyje bułki tartej opartej na atrybutach, aby pomóc klientom wybrać opcję Regular fit, Slim fit lub Skinny jeans.

Najlepsze praktyki nawigacji w menu nawigacyjnym

Projektując nawigację nawigacyjną, pamiętaj o następujących rzeczach. Nawigacja Breadcrumb to dodatkowa pomoc w poprawie doświadczenia użytkowników w Twojej witrynie.

Unikaj zduplikowanych elementów

Jeśli naprawdę chcesz dodać bułkę tartą do swojej witryny, równie dobrze możesz zrobić to we właściwy sposób. Po pierwsze, musisz wyeliminować wszelkie zduplikowane elementy, które mogą znaleźć się między ścieżką bułki tartej. Niestety, widziałem to w wielu witrynach o najwyższym rankingu, w których te same strony należą do wielu kategorii lub poziomów wyświetlanej treści. To nie tylko dezorientuje odwiedzającego, ale także źle odbija się na Twojej witrynie.

Zgodność z SEO

Bułka tarta to nie tylko elementy sterujące nawigacją dla odwiedzających, ale także świetny wkład w praktykę SEO. Możesz użyć słów kluczowych w bułce tartej, aby poprawić swoje rankingi w wyszukiwarkach. Zaleca się wybranie nazw przyjaznych dla SEO dla kategorii Twojej witryny, aby wyszukiwarki mogły łatwo umieszczać je w bułce tartej w swoich wynikach.

Użyj bułki tartej jako alternatywnej nawigacji

Chociaż bułka tarta jest doskonałym źródłem pomagającym użytkownikom nawigować z jednego punktu do drugiego, ważne jest, aby traktować je tylko jako źródło drugorzędne. Bułka tarta to dodatkowa funkcja zwiększająca użyteczność odwiedzającego i pod żadnym pozorem nie może zastąpić podstawowej struktury nawigacji na stronie.

Nie ma sensu łączyć bieżącej strony w nawigacji Breadcrumb

Chociaż pokazywanie aktualnej lokalizacji odwiedzającego na ścieżce nawigacyjnej jest opcjonalne, musisz upewnić się, że link pokazany w strukturze liniowej nie jest klikalny ani klikalny. Wyświetlenie przez użytkownika linku do strony, na której aktualnie się znajduje, spowodowałoby jedynie zamieszanie.

Dodaj separatory

Używanie separatorów to świetna praktyka, aby nadać przejrzysty i czytelny wygląd nawigacji w bułce tartej. Zapobiega zbytniemu zbliżaniu się tekstu, gdy użytkownik wchodzi na głębsze poziomy i tworzy dynamiczną strukturę, która jest łatwa do zrozumienia i interakcji.

Możesz użyć znaku › do oznaczenia hierarchii, ponieważ jest on zwykle używany w formatach kategorii, takich jak Ubrania › Koszule › Kołnierzyki itp. Inne symbole to strzałki (→), cudzysłowy pod kątem prostym (») i ukośniki (⁄).

Przedstaw rozmiar i wypełnienie bułki tartej

Projektując bułkę tartą, należy wziąć pod uwagę wypełnienie i docelowy rozmiar. Odstęp między jednym okruchem a drugim musi być zauważalny, w przeciwnym razie odwiedzający mogą nie być w stanie efektywnie z nich korzystać. Jednocześnie upewnij się, że rozmiar okruchów chleba nie zagraża innym elementom wokół niego, aby główna nawigacja pozostała nienaruszona.

Nigdy nie skupiaj się na projektowaniu bułki tartej bardziej niż jest to wymagane

Nigdy nie używaj jasnych kolorów ani fantazyjnych czcionek do reprezentowania bułki tartej. Chociaż ścieżka nawigacyjna jest ważna dla użytkowników po wejściu na stronę, nie powinna być pierwszą rzeczą, na którą zwracają uwagę. Dodanie glam do nawigacji nawigacyjnej może spowodować, że użytkownik zignoruje podstawową nawigację w witrynie. Może to odwrócić uwagę użytkownika od rzeczywistego zamiaru wejścia na stronę i spowodować utratę potencjalnej konwersji dla sklepu. Google jest najlepszym tego przykładem. Mając tak wiele poziomów przeszukiwanych treści, pokazuje prostą ścieżkę nawigacji w trybie menu nawigacyjnego bez żadnych fantazyjnych czcionek lub kolorów, dzięki czemu użytkownicy mogą łatwo zlokalizować i wchodzić w interakcje z okruchami.

Jakiego typu należy unikać?

Jest to sporny argument dotyczący tego, czy używać okruszków nawigacyjnych opartych na lokalizacji/atrybucie, czy okruszków nawigacyjnych opartych na ścieżce do pokazywania hierarchii witryny. Ogólną zasadą jest to, że bułka tarta nie może pokazywać historii użytkownika, ale hierarchię witryny. W naszej ocenie i opinii prawdopodobnie nie powinieneś już zawracać sobie głowy bułką tartą opartą na ścieżce. Po pierwsze, nie pomaga w UX, ponieważ może potencjalnie powodować zamieszanie wśród odwiedzających ze względu na brak hierarchii pokazanej między różnymi poziomami. Z tego powodu okruszki na podstawie lokalizacji i atrybutów są preferowane w stosunku do okruszków na podstawie ścieżki.

Końcowe przemyślenia

Bułka tarta jest tak samo ważna, jak każdy inny element na stronie internetowej. Teraz, gdy technologia umożliwiła przechowywanie większej ilości danych, szybsze prędkości Internetu i jeszcze szybszy czas ładowania, nawigacja może być pokazywana bardziej kompleksowo na wyższych poziomach hierarchii bez wytchnienia. Z pomocą bułki tartej Twoja strona internetowa nie tylko zapewni lepsze wrażenia użytkownika, ale także wygeneruje większą sprzedaż od swoich klientów. Płynniejsza i nieskomplikowana nawigacja oznacza łatwiejszy dostęp do stron produktów i utrudnia mniej procesu realizacji transakcji.