DEV Community

Miłosz Rusznica
Miłosz Rusznica

Posted on • Originally published at mrdesigngarwolin.pl

Menu na stronie firmowej - jak zaplanować nawigację, żeby klient szybko znalazł to czego szuka

Klient wchodzi na Twoją stronę i ma kilka sekund na decyzję. Jeśli menu na stronie nie poprowadzi go do tego, po co przyszedł - cofa się do Google i klika konkurencję.

To nie wina jego niecierpliwości. To wina menu, które nie prowadzi go tam, gdzie chce trafić.

Menu na stronie internetowej to nie ozdoba ani spis działów Twojej firmy. To system drogowskazów, który ma jeden cel: doprowadzić odwiedzającego do informacji albo do kontaktu.

Dobrze zaplanowana nawigacja sprzedaje. Źle ułożona - gubi klientów, zanim zdążą poznać ofertę.

Krótka odpowiedź: Dobre menu na stronie internetowej ma 5-7 zakładek ułożonych według tego, czego szuka klient, a nie według struktury firmy. Etykiety muszą być konkretne i zrozumiałe od razu, a kluczowa informacja powinna być w zasięgu 2-3 kliknięć. Menu prowadzi do celu - najczęściej do kontaktu lub oferty.

Spis treści

  1. Ile zakładek powinno mieć menu na stronie
  2. Jak ułożyć kolejność zakładek (architektura informacji)
  3. Menu mobilne - hamburger i nawigacja na telefonie
  4. Breadcrumbs, megamenu i nawigacja pomocnicza
  5. Najczęstsze błędy w menu, które gubią klienta

Ile zakładek powinno mieć menu na stronie

Dobre menu na stronie firmowej ma 5-7 zakładek. To nie przypadkowa liczba.

Ludzki mózg sprawnie ogarnia wzrokiem właśnie tyle opcji naraz. Powyżej tego klient przestaje wybierać i zaczyna się gubić.

Zjawisko to nazywa się przeciążeniem wyboru. Im więcej zakładek pokazujesz, tym trudniej podjąć decyzję. Zamiast ułatwić, paraliżujesz.

Mniej znaczy tutaj więcej - mniej opcji, szybsza decyzja, większa szansa na kontakt.

Dla małej firmy usługowej zwykle wystarczy taki zestaw:

  • Strona główna - punkt startowy
  • Oferta lub Usługi - co robisz
  • O nas - kto za tym stoi
  • Realizacje lub Cennik - dowód lub konkret
  • Kontakt - jak się z Tobą skontaktować

Jeśli masz więcej treści, nie dokładaj kolejnych zakładek na siłę. Pogrupuj je w logiczne kategorie. Menu ma być proste, nawet jeśli sama strona jest rozbudowana.

Wskazówka praktyczna: Zanim dodasz nową zakładkę, zadaj jedno pytanie. Czy klient naprawdę będzie tego szukał? Jeśli nie - przenieś tę treść do stopki albo do podstrony.

Jak ułożyć kolejność zakładek (architektura informacji)

Najczęstszy błąd to układanie menu według struktury firmy. Właściciel myśli o swoich działach, a klient o swoim problemie. To dwie różne perspektywy.

Nawigacja na stronie ma odzwierciedlać tę drugą.

Architektura informacji to po prostu sposób, w jaki porządkujesz treści. Dobra zaczyna się od pytania: czego klient szuka najpierw?

Zwykle chce wiedzieć, czy oferujesz to, czego potrzebuje. Dlatego oferta idzie blisko początku.

Użyteczność nawigacji od lat bada Nielsen Norman Group, czołowy ośrodek badań nad użytecznością stron. Wniosek jest prosty. Im prostsza i przewidywalna struktura, tym szybciej człowiek znajduje to, czego szuka.

Pomocne jest proste ćwiczenie. Wypisz trzy pytania, które klient zadaje sobie przed kontaktem:

  1. Czy robicie to, czego potrzebuję? (Oferta)
  2. Czy mogę wam zaufać? (O nas, Realizacje)
  3. Jak się z wami skontaktować? (Kontakt)

Ta kolejność pytań to gotowa kolejność menu. Najważniejsze zakładki trzymaj na lewej stronie - tam wzrok ląduje najpierw. Kontakt często warto wyróżnić jako przycisk po prawej, bo to cel całej nawigacji.

Liczba podstron, które chcesz pokazać, wpływa na cały układ. Inaczej planuje się menu dla rozbudowanego serwisu, a inaczej dla prostej wizytówki. Jeśli zastanawiasz się nad zakresem, pomoże porównanie strony one page i wielostronicowej.

Menu mobilne - hamburger i nawigacja na telefonie

Ponad 60% ruchu na większości stron firmowych pochodzi z telefonów. To znaczy, że menu mobilne nie jest dodatkiem. Dla większości Twoich klientów to jedyna nawigacja, jaką w ogóle zobaczą.

Na telefonie zakładki chowają się pod ikoną trzech kresek - to tak zwany hamburger. Kliknięcie rozwija pełną listę.

Ten wzorzec jest tak rozpowszechniony, że klienci rozpoznają go od razu. Nie wymyślaj tu nic nowego.

Ważne jest, gdzie umieścisz najważniejsze elementy. Kciuk dosięga wygodnie tylko dolnej części ekranu.

Dlatego przycisk kontaktu albo telefonu trzymaj w zasięgu kciuka, a nie na samej górze.

Wskazówka praktyczna: Numer telefonu na stronie firmowej powinien być klikalny. Klient na telefonie dzwoni jednym dotknięciem, bez przepisywania cyfr. To drobiazg, który realnie zwiększa liczbę połączeń.

Menu mobilne to część szerszego tematu, jakim jest dopasowanie strony do każdego ekranu. Cała nawigacja musi działać tak samo dobrze na telefonie i na komputerze - dlatego responsywna strona internetowa to dziś podstawa, nie opcja.

Breadcrumbs, megamenu i nawigacja pomocnicza

Mała wizytówka radzi sobie z prostym menu na górze. Większy serwis potrzebuje dodatkowych drogowskazów.

Trzy z nich warto znać, choć nie każda strona ich potrzebuje.

Menu okruszkowe (breadcrumbs) to ścieżka pokazująca, gdzie klient się znajduje. Wygląda tak: Strona główna > Oferta > Strony WWW. Pomaga się cofnąć i nie zgubić.

Ma sens przy rozbudowanej strukturze z wieloma poziomami podstron.

Megamenu to rozwijany panel z wieloma opcjami pogrupowanymi w kolumny. Sprawdza się w sklepach i dużych serwisach z dziesiątkami kategorii. Dla małej firmy usługowej zwykle jest przerostem formy nad treścią.

Stopka to Twoja nawigacja pomocnicza. Trafia tam wszystko, czego klient szuka rzadziej: polityka prywatności, regulamin, dane firmy, dodatkowe linki. To zdejmuje balast z górnego menu i utrzymuje je czyste.

Nawigacja prawie zawsze prowadzi do jednego miejsca - do kontaktu. Dlatego dobrze zaprojektowany formularz kontaktowy na stronie firmowej to naturalny finał całej drogi, którą pokonuje odwiedzający.

Najczęstsze błędy w menu, które gubią klienta

Większość problemów z nawigacją powtarza się od strony do strony. Oto błędy, które najczęściej gubią klienta, zanim dotrze do oferty:

  • Za dużo zakładek. Dziesięć pozycji w menu to dziesięć powodów do wahania. Klient nie wie, gdzie kliknąć, więc nie klika nigdzie.
  • Niejasne etykiety. „Rozwiązania" albo „Co robimy" nic nie mówią. „Strony WWW" albo „Naprawa pralek" mówią wszystko. Pisz konkretnie.
  • Ukryty kontakt. Jeśli klient musi szukać, jak się z Tobą skontaktować, część zrezygnuje. Kontakt ma być widoczny zawsze.
  • Brak wyróżnionego celu. Menu bez przycisku akcji to droga bez celu. Wyróżnij kontakt albo wycenę, żeby klient wiedział, co zrobić dalej.
  • Inne menu na telefonie. Zakładki, które działają na komputerze, ale znikają lub się rozjeżdżają na telefonie, to strata większości ruchu.

Każdy z tych błędów osobno kosztuje klientów. Razem potrafią sprawić, że nawet ładna strona nie sprzedaje. Dobra wiadomość jest taka, że wszystkie da się naprawić na etapie planowania.

Podsumowanie - dobre menu na stronie firmowej

Menu na stronie internetowej decyduje o tym, czy klient zostanie, czy ucieknie. Nie chodzi o efekt wizualny, tylko o to, żeby człowiek po drugiej stronie szybko trafił tam, gdzie chce.

Dobre menu firmowe daje konkretne korzyści:

  • 5-7 zakładek - tyle, ile mózg ogarnia bez wahania
  • Kolejność według klienta, nie według struktury firmy
  • Konkretne etykiety, które mówią wprost, co kryją
  • Działające menu mobilne dla ponad 60% ruchu z telefonów
  • Widoczny kontakt jako cel całej nawigacji

Menu to jeden z elementów dobrze działającej strony - resztę znajdziesz w tym, co musi zawierać strona firmowa.

Planowanie struktury nawigacji pod realnych klientów bywa złożone. Tym zajmujemy się przy budowie strony. Układamy menu tak, żeby prowadziło Twoich klientów prosto do kontaktu.

Od 5 lat pomagam małym firmom w Garwolinie i okolicy budować strony, które realnie pracują na klienta. Jeśli chcesz, żeby Twoja nawigacja prowadziła ludzi we właściwe miejsce - zamów bezpłatną wycenę, a zaplanujemy strukturę menu pod Twój biznes.

Często zadawane pytania

Ile zakładek powinno mieć menu na stronie internetowej?

Optymalnie 5-7 zakładek. Tyle opcji mózg ogarnia bez wahania. Powyżej tej liczby klient zaczyna się gubić, a decyzja, gdzie kliknąć, trwa dłużej. Dla małej firmy usługowej zwykle wystarczy: Strona główna, Oferta, O nas, Realizacje i Kontakt.

Jak zaplanować strukturę menu, żeby klient szybko coś znalazł?

Ułóż zakładki według pytań, które klient zadaje sobie przed kontaktem: czy robicie to, czego potrzebuje, czy może zaufać, jak się skontaktować. Ta kolejność to gotowa kolejność menu. Najważniejsze zakładki trzymaj po lewej stronie.

Co powinno znaleźć się w menu strony firmowej?

W górnym menu trzymaj to, czego klient szuka najczęściej: ofertę, informacje o firmie, dowody w postaci realizacji oraz kontakt. Rzadziej potrzebne elementy, jak polityka prywatności czy regulamin, przenieś do stopki, żeby nie zaśmiecać głównej nawigacji.

Czym jest menu okruszkowe (breadcrumbs) i kiedy je stosować?

Menu okruszkowe to ścieżka pokazująca, gdzie klient się znajduje, na przykład: Strona główna > Oferta > Strony WWW. Pomaga się cofnąć i nie zgubić. Warto je stosować na rozbudowanych stronach z wieloma poziomami podstron. Dla prostej wizytówki nie jest potrzebne.

Jak powinno wyglądać menu na telefonie?

Na telefonie zakładki chowają się pod ikoną trzech kresek, czyli hamburgerem. Po kliknięciu rozwija się pełna lista. Najważniejsze elementy, jak przycisk kontaktu czy klikalny numer telefonu, trzymaj w zasięgu kciuka. Ponad 60% ruchu pochodzi z telefonów, więc to menu zobaczy większość klientów.

Dlaczego za dużo zakładek w menu szkodzi stronie?

Im więcej zakładek, tym trudniej podjąć decyzję - to przeciążenie wyboru. Klient widzi dziesięć opcji i nie wie, gdzie kliknąć, więc często nie klika nigdzie. Mniej opcji oznacza szybszą decyzję i większą szansę, że klient dotrze do oferty albo kontaktu.

Top comments (0)