Jak prawidłowo korzystać z nawigacji w menu Breadcrumb

0

Bułka tarta przenosi nas z powrotem do starej bajki, którą mogłeś czytać w latach przedszkolnych. Dwoje dzieci Jaś i Małgosia zostaje zmuszonych do opuszczenia swojego domu w lesie, kiedy Jaś postanawia wytyczyć ślad z bułki tartej, aby wyśledzić drogę powrotną do domu. Chociaż bułka tarta jest zjadana przez natrętne ptaki w lesie, udało im się wywrzeć wrażenie wiele lat po napisaniu tej historii.

W projektowaniu stron internetowych bułka tarta służy celowi podobnemu do tego, co miał na myśli Jaś. Bułka tarta służy jako drugorzędna nawigacja w nawigacji w Twojej witrynie , aby pomóc odwiedzającym upewnić się, że nie zgubią się po przejściu z jednej strony na drugą. Podobnie jak stara bajka, pomaga pokazać użytkownikowi, gdzie wylądował i jaka była jego ostatnia lokalizacja.

Gdy bułka tarta zostanie zintegrowana 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 użytkownikom poruszać się po witrynach e-commerce. W przypadku takich witryn wewnętrzna struktura musi być inteligentnie zaprojektowana. Dzięki bułce tartej platformy zakupów online muszą nie tylko zapewniać użytkownikom łatwość obsługi, ale także zapobiegać opuszczaniu ich stron przez potencjalnych klientów w wyniku zagubienia.

Nawigacja po chlebie

Breadcrumbs to skuteczny sposób prowadzenia gości poprzez określanie ich aktualnej lokalizacji i miejsc, które odwiedzili po drodze. Służą jako pomoc wizualna w hierarchii witryny. Ale jeśli chodzi o wrażenia użytkowników, bułka tarta pomaga im odpowiedzieć na te 3 pytania.

  1. Gdzie ja jestem?

    Breadcrumbs informują użytkowników o ich miejscu pobytu na stronie rozpoczynającej 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ż ułożona przed nimi, użytkownicy nie muszą już szukać i znajdować kategorii lub sekcji witryny.

  3. Czy powinienem tam iść?

    Breadcrumbs pomagają promować lepsze przeglądanie i eksponować wartość treści dla użytkownika. Na przykład, jeśli klient trafia 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ąć stronę wyższego poziomu, bułka tarta pomaga zmniejszyć liczbę nie. działań wymaganych od 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 strony.

Wymaga minimalnej przestrzeni

Wystarczy pozioma linia wypełniona linkami tekstowymi. Ułatwia to zdrową strukturę projektowania stron internetowych, zajmując minimalną przestrzeń i pozwalając oddychać innym elementom witryny. Pomaga to również w uzyskaniu lepszych prędkości ładowania strony internetowej.

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 się udać. Jest to intuicyjny system nawigacji, zrozumiały dla każdego użytkownika.

Kiedy używać bułki tartej?

Skonstruowanie mapy witryny w celu wyświetlenia struktury nawigacji witryny jest jednym z najlepszych sposobów określenia, czy witryna może odnieść korzyści z bułki tartej. Następnie możesz przeanalizować metodą próbną i przetestować, czy nawigacja nawigacyjna pomaga użytkownikom przeglądać zawartość Twojej witryny, czy nie.

  • Breadcrumbs są najlepiej używane, gdy istnieje znacznie większa treść, którą należy uporządkować w kategoriach i w przejrzystej strukturze liniowej. W większości witryn e-commerce to samo kryterium jest używane do grupowania wielu różnych produktów w logiczne kategorie.
  • Breadcrumbs nie może być używany w przypadku stron internetowych, które nie mają żadnej logicznej hierarchii do grupowania treści lub produktów.

Kiedy należy ich unikać

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

Breadcrumbs są przydatne tylko wtedy, gdy są obsługiwane przez podstawową nawigację. Bułka tarta działa jak mięśnie, podczas gdy główną nawigacją jest szkielet, który je trzyma. Bez ich pełnej lokomocji hierarchia witryny nie może produktywnie funkcjonować.

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 przedstawiania podstawowej struktury witryny. Pozwalają użytkownikom na poruszanie się po stronach internetowych, które mają wiele poziomów i wyczerpujące ścieżki treści. Tego typu bułka tarta jest bardzo przydatna dla odwiedzających, którzy trafiają na stronę z zewnętrznego źródła i wchodzą na głębszy poziom treści. Na przykład, jeśli szukasz określonego rodzaju produktu i klikasz wyniki wyszukiwania wyświetlane przez Google, po wejściu na stronę internetową znajdziesz się pomiędzy wieloma kategoriami. Bułka tarta pomoże ci określić swoją lokalizację i nawigować do możliwości w strukturze hierarchicznej. Te witryny, które zawierają głębokie poziomy treści, doskonale nadają się do bułki tartej opartej na lokalizacji. Idealnym przykładem jest eBay.

2 oparte na ścieżce

Te bułki tartej są istotne dla nawigacji po ścieżce historii witryny. Okruszki nawigacyjne oparte na ścieżce zasadniczo pokazują każdą ścieżkę odwiedzoną przez użytkownika w celu dotarcia do jego bieżącej lokalizacji. Zwykle takie łącza nawigacyjne są generowane dynamicznie. Podczas gdy wtyczki oparte na ścieżce 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 związanych ze zmianą ścieżki. To czyni go bezużytecznym, szczególnie dla tych typów odwiedzających, którzy docierają na stronę witryny, która jest już głęboko w witrynie.

3 Oparte na atrybutach

Witryny e-commerce odnoszą 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 relacji między produktami. Na przykład, jeśli witryna sprzedaje dżinsy, użyje bułki tartej opartej na atrybutach, aby pomóc klientom przejść od dżinsów o regularnym kroju, dopasowanym kroju lub obcisłych dżinsach.

Sprawdzone metody nawigacji w menu Breadcrumb

Projektując nawigację nawigacyjną, pamiętaj o następujących rzeczach. Nawigacja w trybie Breadcrumb to dodatkowa pomoc w poprawie komfortu korzystania z Twojej witryny przez użytkowników.

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ą pojawić się między śladami bułki tartej. Niestety, widziałem to w wielu witrynach o najwyższych rankingach, w których te same strony należą do wielu kategorii lub poziomów wyświetlanych treści. To nie tylko dezorientuje odwiedzającego, ale także źle odbija się na Twojej witrynie.

Kompatybilność SEO

Breadcrumbs to nie tylko elementy sterujące nawigacją dla odwiedzających, ale także wielkie atuty w Twojej praktyce SEO. Możesz użyć słów kluczowych w bułce tartej, aby poprawić swoje rankingi w wyszukiwarkach. Zaleca się wybranie przyjaznych dla SEO nazw dla kategorii swojej witryny, aby wyszukiwarki mogły łatwo wyświetlać się w bułce tartej w swoich wynikach.

Użyj Breadcrumbs 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 jedynie jako źródło drugorzędne. Breadcrumbs to dodatkowa funkcja poprawiająca użyteczność odwiedzającego iw żadnym wypadku nie może zastąpić podstawowej struktury nawigacji strony internetowej.

Łączenie bieżącej strony w nawigacji Breadcrumb nie ma sensu

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. Pokazanie 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 zauważalny wygląd nawigacji w menu nawigacyjnym. Zapobiega zbytniemu zbliżaniu się tekstu, jeśli użytkownik przechodzi 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 › Koszule z kołnierzykiem itp. Inne symbole to strzałki (→), cudzysłowy (») i ukośniki (⁄).

Przedstaw rozmiar i wypełnienie bułki tartej

Projektując bułkę tartą, należy wziąć pod uwagę dopełnienie i docelowy rozmiar. Odstępy między jedną bułką tartą a drugą muszą być zauważalne, w przeciwnym razie odwiedzający mogą nie być w stanie efektywnie z nich korzystać. Jednocześnie upewnij się, że rozmiar bułki tartej nie wpływa na inne elementy wokół niej, aby podstawowa nawigacja pozostała nienaruszona.

Nigdy nie skupiaj się na projekcie Breadcrumbs bardziej niż jest to wymagane

Nigdy nie używaj jaskrawych kolorów ani fantazyjnych czcionek do przedstawiania bułki tartej. Chociaż ścieżka nawigacyjna jest ważna dla użytkowników po wylądowaniu na stronie, 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 rzeczywistej intencji wejścia na stronę i spowodować utratę potencjalnej konwersji dla sklepu. Najlepszym tego przykładem jest Google. Mając tak wiele poziomów wyszukiwanych treści, pokazuje prostą ścieżkę nawigacyjną nawigacyjną, wolną od jakiejkolwiek fantazyjnej czcionki lub koloru, dzięki czemu użytkownicy mogą łatwo zlokalizować bułkę tartą i wchodzić z nią w interakcję.

Jakiego typu należy unikać?

Jest to sporny argument, czy używać bułki tartej opartej na lokalizacji/atrybucie, czy bułki tartej opartej na ścieżce do wyświetlania hierarchii witryny. Jest praktyczną zasadą, ż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 to w UX, ponieważ może potencjalnie powodować zamieszanie wśród odwiedzających z powodu braku hierarchii pokazanej między różnymi poziomami. Dlatego bułka tarta oparta na lokalizacji i atrybutach jest preferowana w porównaniu z bułką tartą opartą na ścieżce.

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 szybsze ładowanie, nawigacja może być pokazywana bardziej kompleksowo na wyższych poziomach hierarchii bez załamania potu. Z pomocą bułki tartej Twoja witryna nie tylko będzie zapewniać lepsze wrażenia użytkownika, ale także generować większą sprzedaż od swoich klientów. Płynniejsza i nieskomplikowana nawigacja oznacza łatwiejszy dostęp do stron produktów i utrudnia proces realizacji transakcji.

Comments are closed, but trackbacks and pingbacks are open.

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów