Odpowiednio zaprojektowane menu na stronie internetowej umożliwia użytkownikom łatwe poruszanie się między poszczególnymi podstronami. Dlatego przy projektowaniu nawigacji warto wziąć pod uwagę kilka kluczowych czynników.
Stosuj proste nazwy zakładek
Istnieją pewne uniwersalne wzorce dotyczące nazewnictwa niektórych zakładek w menu i powinieneś je zastosować. Na przykład: zakładkę Kontakt trudno jest zastąpić inną nazwą. Na niektórych stronach możesz znaleźć zakładki: Napisz do nas lub Skontaktuj się z nami. W menu warto stosować krótkie i powszechnie znane frazy. Natomiast dłuższych, można używać w banerach, infografikach lub przyciskach CTA. Menu ma ograniczoną szerokość i musi być przejrzyste. Z tego względu długie nazwy zakładek zajmują dużo miejsca i nie wyglądają estetycznie. Do pozostałych nazw, których nie warto zmieniać należą: Realizacje, Galeria, Portfolio i Projekty.
Postaw na minimalizm
Jeżeli zastanawiasz się, jak zaprojektować menu strony internetowej, to kieruj się zasadą minimalizmu i prostoty. W menu głównym powinny się znaleźć najważniejsze zakładki do podstron. Zbyt duża ilość zakładek wprowadza chaos, co negatywnie wpływa na postrzeganie strony przez użytkowników. W zależności od zawartości witryny internetowej, po pogrupowaniu możesz dodać podzakładki według hierarchii ważności. Dzięki temu w menu głównym znajdą się najważniejsze informacje, a mniej ważne użytkownik znajdzie w podzakładkach. Na przykład: Usługi >> Projektowanie stron www.
Ważne: menu powinno być tak proste, aby użytkownik mógł poruszać się po nim intuicyjnie. W przypadku rozbudowanych stron, dobrym rozwiązaniem jest mega menu, które składa się z kilku poziomów.
Ustal ważność odnośników
W ustalaniu ważności odnośników istnieją pewne utarte wzorce, których nie powinieneś zmieniać. Na początku umieść (od lewej strony) najważniejsze informacje, ponieważ użytkownicy mają tendencję do klikania w odnośniki znajdujące się po tej stronie. Natomiast na końcu umieść zakładkę Kontakt, zgodnie z powszechnie przyjętym wzorcem. Przykład menu: Oferta | Realizacje | O nas | Blog | Kontakt |. W takim schemacie na początku użytkownik może zapoznać się z ofertą, którą jest wstępnie zainteresowany. Następnie ma możliwość sprawdzenia zrealizowanych projektów – to jeden z elementów strony internetowej, który buduje zaufanie. Może także bliższej poznać się z firmą i na końcu skontaktować się.
Podlinkowane logo do strony głównej
Do niedawna w menu głównym używano zakładki o nazwie Strona główna. Natomiast ostatnimi czasy do strony głównej prowadzi link nałożony na logo. Dzięki temu można zyskać więcej miejsca w pasku menu, który wygląda estetyczniej. Klikalne logo prowadzące do strony głównej jest znanym rozwiązaniem, o którym wiedzą użytkownicy. Skąd wzięło się takie rozwiązanie? Ponieważ logo strony internetowej wskazuje markę firmy, czyli pojęcie ogólne, które pasuje właśnie do strony głównej, jako wizytówki całego serwisu.
To menu ,,przyklejone” do górnej części ekranu, które użytkownik widzi nawet w trakcie przewijania strony. Takie rozwiązanie sprawia, że podczas przeglądania strony menu znajduje się w zasięgu jego wzroku. Dzięki temu odwiedzający nie musi przewijać strony w górę, aby kliknąć w wybraną zakładkę menu. To z kolei oszczędza czas, a musisz zdawać sobie sprawę, że mózg użytkownika poszukuje najprostszych rozwiązań.
Sticky-menu to obecnie często stosowane rozwiązanie, dlatego projektując menu strony internetowej, powinieneś podążać zgodnie z trendami. Minusem takiego rozwiązania jest natomiast mniejsza powierzchnia ekranu. Dlatego istnieje rozwiązanie pośrednie, które bazuje na naturalnych predyspozycjach użytkowników. Podczas przewijania strony w dół, pasek menu zanika. Natomiast przy najmniejszym ruchu w górę, menu pojawia się ponownie. W przypadku paska o stałym rozmiarze, powinien on posiadać optymalną wysokość, aby nie zasłaniać zbyt dużego obszaru roboczego strony.
Stosuj wyróżniki
Wyróżnikiem może być: kolor, podkreślenie lub podświetlenie, które wyróżnia w menu link do podstrony, na której aktualnie znajduje się użytkownik.
Na przykład: Oferta | Realizacje | O nas | Blog | Kontakt |
W takim przypadku podkreślony aktywny odnośnik informuje, że użytkownik znajduje się na podstronie z realizacjami. Oczywiście możesz zastosować inne wyróżniki. Odnośniki mogą również zmieniać kolor, jeżeli użytkownik najedzie na nie kursorem. To wpływa na estetykę strony oraz zachęca do kliknięcia.
Menu mobilne
Od kilku lat coraz większa ilość wejść na strony internetowe pochodzi z urządzeń mobilnych. Dlatego menu na urządzeniach o niższej rozdzielczości powinno prawidłowo się wyświetlać. Znanym rozwiązaniem jest tzw. hamburger-menu. To graficzny odnośnik, po kliknięciu w który menu się rozwija. Najczęściej jest to symbol 3 poziomych kreseczek i unikaj eksperymentowania, ponieważ użytkownicy są do niego przyzwyczajeni. Jeżeli zastanawiasz się jednak nad innym symbolem graficznym, to przeprowadź testy.