Nawigacja witryny: projektowanie i użyteczność

1. Umieszczenie elementów nawigacyjnych
2. Linki tekstowe: zalety i błędy
3. Kontrasty w schemacie kolorów
4. Rozwiązania z rozwijanymi menu
5. Wniosek

Nawigacja jest najczęściej używanym elementem witryny. Paradoksalnie, ale prawda: nawigacja po stronie jako podstawa do prezentacji informacji nie jest nigdzie regulowana. Każdy może go zorganizować na swój własny sposób: aby był prosty i krótki, wielopoziomowy (z rozbudowaną strukturą sekcji) lub niestandardowy.

Problemy z użytecznością elementów nawigacji stają się zauważalne wraz ze wzrostem złożoności projektu i struktury witryny. Czasami webmaster, decydując się na brak linków, osadza coś, co nie pasuje do ogólnego interfejsu. Gdy strona inna niż poprzednia otwiera się przed gościem - przynajmniej wydaje się nieoczekiwana. Przepych projektowy może być koszmarem bardzo szybko.

Umieszczenie elementów nawigacyjnych

Upewnij się, że witryna jest spójna pod względem stylu / wyglądu interfejsu użytkownika / zarządzania. Twój gość, który nie wie, „gdzie pójść”, zaoszczędzi swój cenny czas, łatwo będzie poruszać się po stronie i na pewno to doceni (+1 do użyteczność ).

Ważne jest, aby pamiętać, że większość użytkowników nie lubi niespodzianek. Ludzie przychodzą na stronę w celu uzyskania informacji - i nie tracą czasu na poznawanie cech swojej nawigacji i struktury. Z punktu widzenia użyteczności w nawigacji po zasobach internetowych ważne jest to, czego potrzebuje użytkownik:

1. Zrozumiałość
2. Łatwość
3. Minimalna frustracja

Jasne dowody są normą. Nieprawidłowa sytuacja, gdy użytkownik nie wie o możliwości kliknięcia elementów podstawowej (menu) lub drugorzędnej (bezpośrednie przejście na strony) nawigacji. Jednym słowem:

Nie zmuszaj użytkownika do dostosowania się do interfejsu - wróć, tracąc czas w poszukiwaniu ...

Góra strony ma największą widoczność. Tam i umieść główne miejsce nawigacji. W przypadku złożonej struktury, ułatwi to widoczność okruchów chleba (łańcuchy nawigacyjne).

Linki tekstowe: zalety i błędy

Nie jest najlepszym pomysłem na wykorzystanie obrazów na każdym kroku, aby przyciągnąć uwagę użytkowników. Obrazy są postrzegane niejednoznacznie, a linki tekstowe wystarczająco informują gościa o tym, co znajduje się w sekcji, o czym jest następna strona i gdzie ten przycisk prowadzi. Często jest to łatwiejsze i bardziej odpowiednie.

Nic nie jest bardziej frustrujące niż mylące ze względu na bardzo popularne nazwy punktów nawigacyjnych.

Niejasna struktura logiczna sprawia, że ​​zawartość sekcji jest niejasna dla użytkownika, zmuszając ich do sortowania ich w rzędzie w poszukiwaniu interesujących materiałów. Dla użyteczności witryny jest to oczywiście minus. Elementarny przykład takiego nieudanego rozwiązania w nawigacji (na stronie internetowej agencji Eighty8Four) został już uwzględniony w artykule Projekt strony internetowej: pomysły, wskazówki i przykłady , ale zmienili projekt, poprawiając ten błąd.

Użyj dla elementów menu bardziej szczegółowych i specyficznych dla tego tematu. tytuły . Lepiej jest zastąpić abstrakcyjne wspólne frazy konkretnymi terminami branżowymi i słowami objaśniającymi, które wyjaśniają kierunek twojej sfery. Należy jednak unikać niejasnego „żargonu” dla głównych odbiorców.

„Funkcje nawigacyjne” powinny być intuicyjne. Kreatywna kreatywność jest dobra, ale nie jest konieczne wspieranie entuzjazmu użytkownika poprzez nawigację. Skuteczność nawigacji ikon jest kwestią kontrowersyjną, często na korzyść tego, że jedno lub dwa opisowe słowa działają lepiej. Użycie ikon powinno być uzasadnione, na przykład, poprawą Ux :

Uprość interfejs użytkownika

Za pomocą przycisków do nawigacji: bądź ostrożny. Użytkownikowi nie spodoba się mnóstwo przycisków, zwłaszcza na małym ekranie. Jeśli myślisz o wygodzie użytkowników i optymalizacja witryny dla tabletów i smartfony, nie potrzebują napompowanej nawigacji, ale wystarczającej wielkości (przyciski, karty, linki do menu) i miejsca wokół.

Intuicyjny i szybki interfejs użytkownika: witryna wysokiej jakości wymaga przyjaznego interfejsu użytkownika. Wiele zawiera dodatkowe funkcje dla użytkowników, którzy zarejestrowali lub utworzyli konto. Czasami powoduje problemy. Różnice w interfejsie / nawigacji dla uprawnionych (którzy uzyskali dostęp do bonusów, usług) i innych, mogą być frustrujące i stanowić przeszkodę. Logiczne byłoby uproszczenie interfejsu, pozbycie się ekscesów w wyborze opcji.

Kontrasty w schemacie kolorów

Poprawnie kontrast kolorów w projekcie paska nawigacyjnego zostanie natychmiast zauważony i oceniony. Zwiększy to skuteczność wyszukiwania informacji i zmniejszy prawdopodobieństwo utraty zainteresowania ze strony użytkownika, zanim znajdzie coś interesującego dla siebie.

Rozwiązania z rozwijanymi menu

Często decyzja o użyciu menu rozwijanego jest złym pomysłem, głównie z powodu problemów z niektórymi wyszukiwarkami. O rozwiązywaniu problemów z nawigacją objętościową witryny możesz przeczytać tutaj . Nie jest to jednak jedyna wada.

Rozwijane menu jest tworzone w celu zwiększenia możliwości wyboru. Ale gość, który zdecydował się na przejście na kliknięcie, nagle natknął się na dodatkowe sekcje, podsekcje, opcje, miniatury rozwijanego menu. Często zagubiony w niej - tak zwany paradoks wyboru. W rezultacie użytkownik nie trafia na strony zawierające ważne materiały, treści o bardziej specjalistycznych informacjach uzyskanych z tej różnorodności. Okazuje się, że nie byłeś w stanie zainteresować odwiedzającego, nawet użyteczną treścią. Przede wszystkim zadaj sobie pytanie: czy naprawdę potrzebujesz menu rozwijanego?

Automatyczne składanie list rozwijanych z najmniejszym błędnym ruchem czasami wymaga zwinności małpy do zarządzania witryną

Dlaczego tak się dzieje? Użytkownicy chcą spędzić minimum czasu na nawigacji i przesunąć kursor wzdłuż najkrótszej ścieżki - po przekątnej - aby uzyskać dostęp do pozycji podmenu. Nieumyślne przesunięcie wskaźnika myszy nad granicami powoduje zwijanie menu. Wraz ze wzrostem liczby poziomów menu zaczynają się problemy. Przekonaj się: (http://gig-pro.ru)

Jako popularne witryny giganty z dużą liczbą podsekcji, usług itp. rozwiązać problem nawigacji? Istnieje wiele, a także sposoby wizualnego wyświetlania całej zawartości na stronach internetowych. Oto kilka ciekawe rozwiązania :

Wikimart (Lewe menu pionowe) Rozwijane menu z boku z rozwijaną listą podkategorii z łączami podkategorii (patrz zwiększanie odstępu za linkiem ostatniej listy). Więcej przykładów:
http: /www.mvideo.ru
http: /www.ebuyer.com
http: /molotok.ru

Są wyjątki, kiedy rozwijane menu poprawia użyteczność, umożliwia wdrożenie wielopoziomowej hierarchii kategorii produktów lub sekcji witryny. Mega rozwijane menu to najbardziej odpowiednie rozwiązanie dla dużych witryn lub portali. Tutaj staje się asystentem użytkownika, ponieważ nawigacja jest zawsze trudna na stronach obszernych tematów. Chyba że użytkownik ma dostęp do wszystkich pozycji menu w jednym miejscu (menu MEGA). Strona internetowa Tesco.com Dobry przykład nawigacji z rozszerzoną strukturą menu, która nie przypadkowo się zwija.

Aby poprawnie pozycjonować elementy menu, pamiętaj o zasadzie:

Osoba zapamięta pierwszy i ostatni z tego, co zobaczył lub przeczytał o wiele lepiej niż wszystkie informacje pośrednie.

W przypadku paska nawigacyjnego, paska bocznego lub postu: informacje na początku i po lewej stronie są lepiej zapamiętane i zauważone jako pierwsze. Reszta jest pomiędzy znaczącą treścią a kontaktami.

Wniosek

W projektowaniu nawigacji uwzględnij potrzeby użytkownika i funkcje różnych ekranów. Rozwijanie Optymalna struktura prezentacji informacji nie ogranicza twojej opinii. Większość zasobów internetowych wymaga łatwej i logicznej nawigacji: uwaga użytkownika jest ważna, aby skupić się na treści, a nie na zarządzaniu witryną.