Istnieją określone dobre i złe sposoby projektowania menu nawigacyjnych. Ta podstawowa część witryny jest często pomijana w procesie projektowania i pokazuje ją pod względem użyteczności.
Clunky, przepełniona lub brakująca nawigacja to najczęstsze problemy i szczerze mówiąc mogą sprawić, że twoja strona będzie po prostu do dupy. Nie bądź tym facetem (ani dziewczyną). Skorzystaj z tych wskazówek, aby upewnić się, że używasz nowoczesnych wzorców nawigacji w projektach witryn internetowych, aby uzyskać fajne, kreatywne elementy nawigacyjne, które nie są do dupy. (I są bardzo użyteczne.)
Mega menu to modne wzornictwo, które klienci lubili - nawet gdy projektanci go nienawidzili. Zbyt duży styl menu, który obejmuje "wszystko oprócz zlewozmywaka", jest przytłaczający dla użytkowników i nie zapewnia żadnej realnej wartości.
Tylko garstka głównych sprzedawców może uciec od używania mega menu, a celem jest pokazanie skali zapasów. Przydatność przeciążonego elementu nawigacyjnego jest wątpliwa.
Często wybiera się opcję mega menu, ponieważ zbyt trudno jest zawęzić to, co umieścić w nawigacji. Dokonaj trudnych wyborów. Wyszukuj w analitykach, aby zobaczyć, czego użytkownicy szukają. Szczerze mówiąc, większość użytkowników, którzy chcą bardzo konkretnej rzeczy, znajdzie ją za pomocą wyszukiwarki.
A mówiąc o poszukiwaniach: Spraw, by był widoczny. Wyszukiwanie powinno się odbywać na każdej stronie. Powinien być w głównej nawigacji. Powinien być duży i łatwy do uzyskania.
Doskonała funkcjonalność wyszukiwania to link, który utrzyma użytkowników na stronie internetowej. Jeśli to, czego szukają, nie jest łatwo dostępne, to następna opcja może je wyszukać. (Możesz podziękować Google za ten proces myślenia w pierwszej kolejności wyszukiwania.)
Nie próbuj z tym walczyć. Współpracuj z użytkownikami i włącz wyszukiwanie jako część głównej nawigacji. (Upewnij się, że pudełko jest wystarczająco duże, aby pisać i w pełni widzieć, wspólne frazy.)
Twoim zadaniem jest przewidzieć, do jakich treści użytkownicy będą chcieli uzyskać dostęp w następnej kolejności. Ogranicz opcje nawigacji do najpopularniejszych stron i informacji w projekcie strony.
Prawie każde menu nawigacyjne powinno zawierać wyszukiwanie, informacje o stronie lub stronie kontaktowej, a witryny e-commerce powinny zawsze zawierać przycisk koszyka lub kup teraz. Po tym elementy nawigacyjne powinny być sterowane treścią witryny.
Dobra nawigacja pomoże użytkownikom przejść od jednego fragmentu treści do następnego punktu logicznego. Te treści często różnią się w różnych częściach witryny.
Utwórz wiele konfiguracji nawigacji, aby użytkownicy mieli łatwy dostęp do treści, która jest kolejnym logicznym krokiem na ich drodze do projektowania. Podczas gdy niektóre elementy mogą się nakładać, inne pomagają użytkownikom i pomagają im wejść głębiej w projekt.
Jesteśmy w wieku, w którym użytkownicy oczekują pewnych poziomów personalizacji. Amazon świetnie sobie z tym radzi dzięki elementom nawigacyjnym, które wywołują nawet użytkowników po imieniu. Przyjrzyj się nawigacji przy następnym logowaniu, aby zobaczyć Amazon.com [Twoje imię tutaj]. Dodatkowa nawigacja zawiera informacje, takie jak roczna darowizna użytkownika dla użytkowników Smile, ostatnia historia zamówień, a nawet kredyty dla innych serwisów Amazon. (Wszystko potem jest dość spersonalizowane).
Kolejność elementów nawigacji jest tak samo ważna, jak decyzja o ich użyciu. Przedmioty na początku i końcu elementu nawigacji będą najbardziej skuteczne, najbardziej widoczne i najczęściej klikane. Użytkownik powinien uważnie obserwować te pozycje.
Jest nawet nauka, żeby to poprzeć. The seryjny efekt pozycji to skłonność osoby do przywoływania pierwszego i ostatniego elementu z listy najbardziej zgodnej. Co więcej, użytkownicy mają tendencję do przywoływania najbardziej aktualnych elementów (efekt odwrotny), a pierwszych kilka pozycji na liście jest przywoływanych lepiej niż środkowe elementy (efekt pierwszeństwa).
Sprawdź wzorce przepływu użytkowników w analizie witryny, aby określić, które strony i elementy powinny znajdować się w centrum uwagi. Dołącz strony, na które użytkownicy przechodzą ze strony głównej i treści, z którymi użytkownicy mają się połączyć. Wyeliminuj elementy nawigacyjne, które nie napędzają przepływu użytkownika.
Nie pozwól, aby użytkownicy utracili nawigację. Niezależnie od tego, czy przylega ona do górnej, dolnej lub bocznej części ekranu, każda strona z długim formatowaniem powinna zawierać lepkie menu. Powód jest prosty: nie zmuszaj użytkowników do interakcji z Twoją witryną.
Im łatwiej jest się przemieszczać i doświadczać treści, tym bardziej prawdopodobni użytkownicy to właśnie robią. Im więcej czasu użytkownik spędza na swojej stronie z projektem, tym bardziej prawdopodobne jest, że dokona konwersji na pożądaną akcję użytkownika.
Drobne elementy menu, linki ukryte u dołu ekranu lub tylko w stopce i wyskakująca nawigacja ukryta za dziwnymi ikonami i brak nawigacji na stronach wewnętrznych powstrzymują użytkowników od kliknięcia. Nie ukrywaj nawigacji w witrynie. Powinien być z przodu i centrum. Powinien być na każdej stronie.
Użytkownicy mogą uzyskać dostęp do Twojej witryny na wiele sposobów. Upewnij się, że po przybyciu czeka na nich element nawigacyjny.
Od słów nawigacyjnych po ikony, każdy element powinien informować użytkowników dokładnie, co stanie się z kliknięciem. Użyj powszechnie akceptowanych ikon, takich jak karta zakupów do wymeldowania, lub szkło powiększające do wyszukiwania, a nawet ikona hamburgera do wyskakujących stylów menu.
Następnie idź o krok dalej i użyj etykiet tekstowych, które dokładnie informują użytkownika, jakie informacje są w nim zawarte. Staraj się unikać zbyt ogólnych etykiet, takich jak usługi lub oferty, jeśli istnieje słowo, które lepiej tłumaczy treść.
Czasami projekt jest nawigacją. Jeśli istnieje kilka kluczowych elementów, które są istotne dla użytkowników, zaprezentuj je za pomocą nawigacji pełnoekranowej.
Chociaż nie będzie to odpowiednie dla każdego projektu, może być skuteczne w przypadku mniejszych witryn, portfeli lub prac projektowych.
Pionowa nawigacja jest teraz modna i nie bez powodu. Łatwo jest zobaczyć i przyciągnąć wzrok, ponieważ jest nieco inny.
Nawigacja w orientacji pionowej jest dobrym rozwiązaniem dla witryn, które potrzebują trochę więcej miejsca na wiele elementów nawigacyjnych. Dzięki głębszemu menu projekt może pomieścić więcej elementów nawigacyjnych bez poczucia bałaganu i utrzymywania odpowiedniej przestrzeni między elementami.