Poniżej znajdziesz kilka wskazówek dotyczących nawigacji na stronie, które pomogą Ci zwiększyć współczynnik konwersji. Nasze porady w zakresie użyteczności sprawią, że Twoje menu główne — i cały sklep internetowy — będą bardziej przyjazne dla użytkowników.
Wskazówka #1: Zaplanuj nawigację na stronie głównej z wyprzedzeniem
Zanim zaczniesz wybierać pozycje menu, zaplanuj każdą funkcję i element treści na swojej stronie. Zazwyczaj możesz podzielić funkcje i treści na kategorie główne oraz podkategorie. Nadaj każdemu z nich jasne, zwięzłe nazwy. Użytkownicy zazwyczaj tylko pobieżnie przeglądają menu, dlatego ważne jest, aby mogli łatwo odróżnić pozycje i natychmiast zrozumieć, co się pod nimi kryje.
Wskazówka #2: Umieść najistotniejsze elementy na początku
Pozycje menu, które najbardziej interesują Twoich użytkowników, powinny zawsze pojawiać się na początku menu głównego. Jeśli jesteś dostawcą SaaS, warto zacząć menu od elementów, które przekonają odwiedzających, że Twoje rozwiązanie jest dla nich odpowiednie. Wypróbuj takie pozycje menu:
Jeśli prowadzisz sklep internetowy z odzieżą, Twoje menu powinno skupiać się na produktach. Linki do innych treści, takich jak porady produktowe czy posty na blogu, powinny znaleźć się na końcu. Ogólnie rzecz biorąc, najlepsze sposoby optymalizacji konwersji w biznesie online zależą od branży, w której działasz.
Wskazówka #3: Wykorzystaj strukturę wizualną
Zwykłe menu wyświetla tekst tylko w prostym formacie. Z kolei menu typu mega drop-down dają możliwość wyróżnienia konkretnych elementów. Możesz na przykład zastosować różne:
Rozmiary tekstu
Kolory tekstu
Czcionki
Ikony
Dzięki temu nadasz treściom w menu rozwijanym wyraźniejszą strukturę. Nie wszystkie elementy muszą być linkami do konkretnej strony; niektóre słowa mogą służyć po prostu jako nieklikalne nagłówki dla różnych klikalnych podkategorii.
Wskazówka #4: Unikaj dodawania zbędnych funkcji
Nie umieszczaj w menu rozwijanym złożonych interakcji, takich jak zapis do newslettera czy pola wyszukiwania i wyboru — mogą one zniechęcać użytkowników. Ostatnią rzeczą, której chcesz, jest przeładowany design menu głównego. Poza tym takie elementy często pojawiają się w kilku miejscach na stronie. Będą miały większy wpływ, jeśli umieścisz je tam, gdzie najlepiej pasują.
Bardzo skuteczne może być jednak dodanie przycisku wezwania do działania (CTA) w pasku nawigacji. Na przykład dodaj przycisk, który pozwoli klientom dokonać rezerwacji lub zakupu jednym kliknięciem. Pamiętaj tylko, że CTA powinno znajdować się obok menu głównego, a nie w samym menu rozwijanym.
Wskazówka #5: Wybierz między najechaniem a kliknięciem
Wiele stron korzysta z menu rozwijanych, które otwierają się natychmiast po najechaniu kursorem na pozycję menu. Jeśli rozważasz tę opcję, weź pod uwagę kilka kwestii:
Wszystko na widoku: Mega menu powinno otwierać się w całości, a nie stopniowo, poziom po poziomie.
Wyczucie czasu: Menu nie powinno być zbyt czułe. Chcesz uniknąć efektu „migotania”, gdy użytkownik zbyt szybko przesunie po nim myszką. Jednocześnie nie może reagować zbyt wolno. Dla optymalnej użyteczności zalecamy czas reakcji od 0,1 do 0,5 sekundy. Warto też pozwolić na krótką pauzę przed ukryciem menu, na wypadek gdyby użytkownik przypadkowo odsunął kursor. Zbyt czułe lub nieprzewidywalne menu sfrustruje użytkowników i sprawi, że niektórzy z nich opuszczą Twoją stronę.
Programowanie MouseOut: Po aktywacji menu rozwijanego klienci przesuwają kursor z paska nawigacji do wnętrza menu. Jeśli strona nie jest poprawnie zaprogramowana, błędnie zarejestruje zdarzenie MouseOut przy opuszczeniu paska, co zamknie menu. Dlatego ważne jest, aby menu znikało dopiero wtedy, gdy myszka opuści zarówno pasek nawigacji, jak i samo menu rozwijane.
Wersja mobilna: Najechanie (hover) nie jest możliwe na smartfonach i tabletach. Jeśli chcesz używać menu aktywowanego najechaniem na komputerach, pamiętaj o innych ustawieniach dla wersji mobilnej.
Wskazówka #6: Przestrzegaj zasady trzech kliknięć
Na większości stron nawigacja powinna być zgodna z „zasadą trzech kliknięć”. Oznacza to, że użytkownik powinien dotrzeć do dowolnej informacji w nie więcej niż trzech kliknięciach. Oczywiście to tylko ogólna wskazówka. Jeśli masz rozbudowaną, szczegółową stronę, liczba kliknięć nie jest tak ważna, dopóki witryna jest dobrze zorganizowana. Najważniejsze, aby klienci zawsze czuli, że łatwo odnajdują drogę.
Wskazówka #7: Korzystaj z wielu menu
W przypadku stron z dużą ilością informacji przydatne może być dodanie więcej niż jednego menu. Możesz wybrać menu rozwijane z kategoriami produktów jako menu główne, a w stopce umieścić osobne menu z kategoriami drugorzędnymi. Dzięki temu Twoje główne menu nie będzie przeładowane. Zobacz w poniższej tabeli, jak to wygląda.
Wskazówka #8: Wygląd ma znaczenie
Atrakcyjny projekt menu powinien zachować ten sam rozmiar, nawet gdy pozycje menu głównego zawierają różną liczbę podkategorii. Jeśli Twoja strona ma wyszukiwarkę, upewnij się, że rozwijane menu nie zasłaniają jej po rozwinięciu.
Warto również dodać małą wskazówkę wizualną informującą o tym, czy dany element paska nawigacji rozwinie się po kliknięciu lub najechaniu. Na przykład umieść małą strzałkę obok nazwy menu: dla menu rozwijanych w dół strzałka powinna być skierowana w dół; dla menu bocznych (fly-outs) – w prawo. Dzięki temu klienci instynktownie będą wiedzieć, że mogą spodziewać się dodatkowych informacji.
