Poniżej przedstawiamy kilka wskazówek dotyczących nawigacji na stronie, które możesz wykorzystać, aby poprawić współczynnik konwersji. Nasze wskazówki dotyczące użyteczności pomogą uczynić Twoje główne menu — i cały sklep internetowy — bardziej przyjaznym dla użytkownika.
Wskazówka #1: Planuj nawigację na stronie głównej z wyprzedzeniem
Zanim zaczniesz wybierać pozycje menu, ważne jest, aby zaplanować każdą funkcję i treść na swojej stronie internetowej. Zazwyczaj możesz podzielić funkcje i treści na główne kategorie i podkategorie. Upewnij się, że nadajesz jasne, zwięzłe nazwy każdej kategorii. Użytkownicy zazwyczaj tylko powierzchownie przeglądają pozycje menu, więc ważne jest, aby mogli łatwo je odróżnić i od razu zrozumieć, czym są.
Wskazówka #2: Umieszczaj najważniejsze elementy na początku
Pozycje menu, które są najbardziej interesujące dla Twoich użytkowników, powinny zawsze pojawiać się na początku głównego menu. Jeśli jesteś dostawcą SaaS, na przykład, to dobrym pomysłem jest rozpoczęcie menu od pozycji, które przekonają odwiedzających, że Twoje rozwiązanie jest dla nich odpowiednie. Spróbuj użyć pozycji menu takich jak:
Jeżeli prowadzisz sklep internetowy dla marki modowej, menu powinno koncentrować się na Twoich produktach. Linki do innych treści, takich jak porady produktowe lub wpisy na blogu, powinny pojawić się w dalszej części menu. Ogólnie rzecz biorąc, najlepsze sposoby optymalizacji konwersji dla Twojego biznesu online zależą od branży, w której działasz.
Wskazówka #3: Używaj struktury wizualnej
Regularne menu może wyświetlać tekst w prostym formacie. Mega drop-down menu z kolei dają możliwość wyróżnienia konkretnych pozycji menu. Na przykład, można użyć różnych:
Rozmiarów tekstu
Kolorów tekstu
Czcionek
Ikon
To pozwala dodać więcej struktury do zawartości rozwijanego menu. Nie wszystkie elementy muszą być połączone z faktyczną stroną; niektóre słowa mogą po prostu służyć jako nieklikane nagłówki dla różnych klikalnych podkategorii.
Wskazówka #4: Unikaj dodawania dodatkowych funkcji
Nie włączaj skomplikowanych interakcji w rozwijanych menu, takich jak rejestracja do newslettera czy pola wyboru i wyszukiwania, ponieważ mogą one często odstraszać użytkowników. Ostatnią rzeczą, jakiej chcesz, jest bałagan w projektowaniu głównego menu. Poza tym, elementy takie jak te często pojawiają się w wielu miejscach na stronie. Mają większy wpływ, jeśli umieścisz je na stronach, gdzie pasują najlepiej.
Jednak umieszczenie przycisku wezwania do działania (CTA) w pasku nawigacji może być bardzo skuteczne. Na przykład, dodaj przycisk, który pozwala klientom zarezerwować lub dokonać zakupu jednym kliknięciem. Pamiętaj, że CTA powinien być umieszczony obok głównego menu, a nie w samym rozwijanym menu.
Wskazówka #5: Decyzja między najeżdżaniem i klikaniem
Wiele stron internetowych używa rozwijanych menu, które otwierają się, gdy tylko użytkownik najedzie na pozycję menu myszą. Jeśli rozważasz użycie tej opcji, jest kilka punktów do przemyślenia:
Wszystko na pierwszy rzut oka: Mega menu powinno otworzyć się jednocześnie, a nie stopniowo, poziom po poziomie podkategorii.
Idealne wyczucie czasu: Menu nie powinno być zbyt wrażliwe. Chcesz zapobiec jego 'miganiu', gdy użytkownik najedzie na nie zbyt szybko. Jednocześnie nie powinno reagować zbyt wolno. Zalecamy czas reakcji od 0,1 do 0,5 sekundy dla optymalnej użyteczności. Również dobrze jest pozwolić na krótki postój przed ukryciem menu, na wypadek, gdyby użytkownik przypadkowo zszedł z menu. Zbyt wrażliwe lub niestabilne menu sfrustruje użytkowników i sprawi, że część z nich zrezygnuje i opuści Twoją stronę.
Programowanie MouseOut: Gdy aktywowana jest rozwinięta lista, klienci przesuną kursor z paska nawigacji do menu. Jeśli Twoja strona nie jest odpowiednio zaprogramowana, niewłaściwie zarejestruje zdarzenie MouseOut, gdy mysz opuści pasek nawigacji, co spowoduje zamknięcie menu. Dlatego ważne jest, aby ustawić menu tak, aby rozwijane menu znikało tylko wtedy, gdy mysz opuści zarówno pasek nawigacji, jak i samo rozwijane menu.
Wersja mobilna: Najeżdżanie nie jest możliwe na smartfonach lub tabletach. Jeśli chcesz używać menu rozwijanego aktywowanego najeżdżaniem na swojej stronie na komputer, pamiętaj o zastosowaniu innych ustawień w wersji mobilnej.
Wskazówka #6: Przestrzegaj zasady trzech kliknięć
Na większości stron internetowych nawigacja powinna przestrzegać 'zasady trzech kliknięć'. Oznacza to, że użytkownicy powinni móc dotrzeć do każdej informacji na stronie w nie więcej niż trzech kliknięciach. Oczywiście, jest to tylko ogólna wytyczna. Jeśli masz dużą, bardzo szczegółową stronę, liczba kliknięć nie jest tak ważna, jak długo strona jest dobrze zorganizowana. Najważniejsze jest, aby Twoi klienci zawsze czuli, że łatwo jest się odnaleźć.
Wskazówka #7: Używaj wielu menu
Dla stron z dużą ilością informacji, może być przydatne dodanie więcej niż jednego menu. Możesz wybrać rozwijane menu z kategoriami produktów jako główne menu, jednocześnie używając oddzielnego menu w stopce, które zawiera kategorie drugorzędne. To zapobiega nadmiernemu zagraceniu głównego menu. Zobacz poniższą tabelę, aby zobaczyć, jak to wygląda.
Wskazówka #8: Wygląd ma znaczenie
Atrakcyjny projekt menu powinien zachować ten sam rozmiar, nawet jeśli główne elementy menu zawierają różne liczby podkategorii. Jeśli twoja strona zawiera funkcję wyszukiwania, upewnij się, że rozwijane menu jej nie zasłania, gdy są rozwinięte.
Powinieneś również dodać mały wizualny wskaźnik, aby pokazać, czy element na pasku nawigacji będzie rozszerzał się do rozwijanego menu, jeśli użytkownik na niego kliknie lub najedzie. Na przykład, umieść małą strzałkę obok nazwy menu: dla rozwijanych menu strzałka powinna wskazywać w dół, dla fly-out-ów powinna wskazywać w prawo. To pomaga kupującym instynktownie wiedzieć, że mogą spodziewać się znaleźć więcej informacji.
