Najlepsze moduły Drupal 8 (i 9) ​​do intuicyjnej nawigacji w witrynie

Jaki jest sekret udanej strony internetowej? Cóż, jest więcej niż 10 czynników, o których mogę pomyśleć od razu. Na przykład atrakcyjny wygląd, szybkość ładowania strony, jakość treści, działania marketingowe i nie tylko. Jednym z istotnych, ale często pomijanym elementem zapewniającym wspaniałe wrażenia użytkownika, który napędza sukces witryny, jest intuicyjna nawigacja. Drupal 8 posiada świetny zestaw modułów usprawniających strukturę nawigacji Twojej witryny. Przygotowaliśmy listę najlepszych modułów Drupal 8 (i 9), które umożliwiają łatwą i intuicyjną nawigację po stronie. Czytaj dalej, aby się dowiedzieć.

Dobra nawigacja w witrynie pozwala odwiedzającym witrynę dokładnie wiedzieć, skąd uzyskać informacje, gdy tylko trafią do Twojej witryny. I odwrotnie, zła nawigacja w witrynie obniża współczynnik konwersji i zwiększa współczynniki odrzuceń. Strona internetowa o atrakcyjnym wyglądzie nie zawsze oznacza, że ​​poruszanie się po niej jest intuicyjne. Widziałem strony internetowe o zwykłych projektach ze świetnymi strukturami nawigacji. I wciąż do nich wracam, bo wiem, że mogę dostać to, czego potrzebuję, bez biegania po całym miejscu. Według CrazyEgg zasada kciuka jest taka, że ​​znalezienie tego, czego potrzebuje użytkownik, nie powinno zająć więcej niż 3 kliknięcia.

Elementy do intuicyjnej nawigacji w witrynie

Odwiedzający Twoją witrynę powinni być w stanie płynnie przechodzić z jednej strony na drugą bez rozpraszania się lub dezorientacji. Rozproszeni lub zdezorientowani użytkownicy opuszczą Twoją witrynę, zanim nawiążesz z nimi połączenie. Świetny projekt jest dobry, ale jeśli Twoi goście nie mogą znaleźć Twojego formularza kontaktowego, nie ma sensu, prawda? Co zatem składa się na dobrą strukturę nawigacji?

1. Główne paski nawigacyjne

To najważniejszy element nawigacyjny strony internetowej. Jest to poziomy (czasem pionowy) pasek, który zawiera linki, które wskazują odwiedzającym Twoją witrynę. Dobry główny pasek nawigacyjny musi być prosty, krótki, spójny, pomocny i chwytliwy.

2. Bułka tarta

Te pomocne pomoce nawigacyjne pomagają odwiedzającym witrynę określić, gdzie dokładnie się znajdują. Są to ścieżki linków, które zaczynają się od strony nadrzędnej i kończą się na bieżącej stronie, zwykle oddzielone symbolem „>” lub „/”.

3. Menu wielokolumnowe (i podmenu)

Bardziej złożona strona internetowa z mnóstwem oddziałów i pododdziałów powinna korzystać z wielokolumnowych menu. Ponownie, te menu powinny być proste i łatwe w nawigacji.

4. Mapy witryn

Mapy witryn, często uważane za wzmacniacz SEO, są również niezwykle pomocne jako pomoc w nawigacji. Typowa mapa witryny powinna przedstawiać hierarchiczną strukturę całej witryny.

5. Przyciski CTA (wezwania do działania)

To tutaj dzieje się cała akcja! Właściwe umieszczenie tych przycisków CTA odgrywa ważną rolę, między innymi kolor, styl czcionki, rozmiar, tekst itp.

6. Paski boczne

To dobre miejsce na dodanie linków do poszczególnych stron, aby poprawić UX dla odwiedzających witrynę. Dobre paski boczne powinny być proste, niezbyt długie, zawierać wezwanie do działania i być odpowiednio uporządkowane.

7. Hiperłącza

Tutaj mówimy bardziej o linkowaniu wewnętrznym niż zewnętrznym. Hiperłącze powinno być intuicyjne i prowadzić użytkownika do oczekiwanej przez niego strony (bez niespodzianek). Chociaż posiadanie linków wewnętrznych jest dobre dla SEO, nie przesadzaj, bo możesz stracić koncentrację na stronie.

8. Stopki

Stopki są łatwe do zignorowania i często są używane tylko do wyświetlania tylko informacji o prawach autorskich. Mit, że ludzie nie przewijają strony do końca, został obalony. Typowa stopka powinna zawierać linki, których nie możesz wyświetlić w sekcjach nagłówka lub paska bocznego. Może również zawierać Twoje dane kontaktowe, a także mini formularze do rejestracji na liście mailingowej.

Najlepsze moduły Drupal 8 (i 9) ​​do intuicyjnej nawigacji

1. Blok menu

Konstrukcja modułu bloku menu Drupal 8 jest zgodna ze standardowym stylem nawigacji w drzewie Drupala, ale zapewnia bardziej zaawansowane funkcje niż te oferowane w podstawowych modułach menu. Możesz łatwo skonfigurować bloki linków menu i określić poziom, na którym chcesz zacząć i zakończyć. Nie ma ograniczeń co do liczby poziomów, które można wyświetlić. Możesz zdecydować się na rozwinięcie elementów menu podrzędnego. Niektóre podstawowe funkcje tego modułu zostały przeniesione do rdzenia Drupala 8. Moduł bloku menu obsługuje również Drupala 9.

2. Łatwa bułka tarta

Moduł Drupal 8 Easy Breadcrumb działa poprzez wyodrębnianie segmentów lokalizacji z bieżącego adresu URL strony. Oferuje mnóstwo konfigurowalnych opcji i może zastąpić istniejący moduł okruszków Drupal. Możesz całkowicie ukryć łącze do strony głównej lub inne określone łącza. Moduł Easy breadcrumb obsługuje również Drupala 9!

3. Superryba

Moduł Drupal 8 Superfish jest idealny, gdy masz duże, wielowarstwowe, wielokolumnowe menu rozwijane. Moduł integruje się z wtyczką jQuery Superfish, która jest bardzo wszechstronną wtyczką do menu, która działa na ekranach dotykowych, czytnikach ekranu i innych interakcjach z klawiaturą. Można go skonfigurować tak, aby dodawać opóźnienia przy wysuwaniu myszy, animacje, ukrywanie i odsłanianie łączy menu, dodawanie strzałek w przypadku wykrycia podmenu i wiele więcej. Jest również kompatybilny z Drupal 9.

4. Mapa strony

Moduł mapy witryny Drupal 8 jest prosty, przejrzysty i łatwy w użyciu. Może wyświetlać całą strukturę witryny w czystej strukturze hierarchicznej. Możesz także generować i wyświetlać kanały RSS dla blogów i kategorii. Moduł Sitemap obsługuje Drupala 9.

5. Pozycja menu Rola Dostęp

Ten moduł umożliwia dodanie kontroli dostępu do menu. Możesz włączać i wyłączać elementy menu w zależności od ról użytkownika. Moduł dostępu do roli pozycji menu w Drupal 8 umożliwia wprowadzenie pola roli (opcjonalnie) do pozycji menu. Obsługuje również Drupala 9.

6. Cheeseburgerowe menu

Jeśli uważasz, że menu z hamburgerami są świetne, poczekaj, aż sprawdzisz menu Cheeseburger. Moduł menu Drupal 8 Cheeseburger ma kilka świetnych funkcji i nie ogranicza się tylko do widoku mobilnego, ale działa również z widokami pulpitu i różnymi rozmiarami ekranu. Daje Ci elastyczność w wyborze pozycji menu, które mają się pojawiać w menu Cheeseburger, a także edycji tytułów menu. Jeśli korzystasz z Drupal Commerce, możesz wyświetlić w menu koszyk lub numer telefonu do sklepu. Taksonomie można wybrać jako strukturę menu Cheeseburgera. Moduł menu Cheeseburger obsługuje również Drupala 9!

7. Uprość menu

Moduł uproszczonego menu Drupal 8 umożliwia renderowanie menu w szablonie Twig. Umożliwia dostosowanie znaczników menu, które zapewniają dostępność i zgodność ze standardami. Możesz renderować swoje drzewo menu jako tablicę w szablonie gałązki i mieć pełną kontrolę nad tablicą menu. Ten moduł nie obsługuje jeszcze Drupala 9.

8. Panel administratora całkowitej kontroli

Pulpit administratora Drupal 8 Total Control to przydatne narzędzie do nawigacji administracyjnej. Działa jako scentralizowane centrum wszystkich narzędzi administracyjnych. Pulpit nawigacyjny wyświetla panele administracyjne i szybkie łącza do użytkowników, taksonomii, menu, typów treści, statystyk witryn, paneli widoków i nie tylko. Panele widoków można dalej dostosowywać. Ten moduł działa również z Drupalem 9.

9. Footermap: mapa strony w stopce

Jak sama nazwa wskazuje, moduł Drupal 8 Footermap udostępnia mapę witryny dla Twojej witryny Drupal, którą można umieścić w bloku stopki. Umożliwia dynamiczne generowanie mapy witryny i można go łatwo skonfigurować do obsługi tłumaczenia i buforowania. Możesz wybrać menu do wyświetlenia, ustawić limit poziomu menu (menu podrzędne), włączyć nagłówek menu, edytować CSS, aby dopasować układ witryny i wiele więcej. Moduł Footermap działa również z Drupalem 9.