Rozbijanie strony internetowej do jej najdrobniejszej formy, ignorowanie przez chwilę, treść, która jest tylko tekstem i obrazami, wszystko to jest nawigacja. Klika linki, które prowadzą do innych stron z większą liczbą linków. Główna nawigacja Twojej witryny jest tak istotną częścią, ponieważ stanowi trwałe przejście do najważniejszych stron Twoich treści.
Wiele witryn ma również dodatkową nawigację, umieszczoną na dole strony, zawierającą "nudne rzeczy", takie jak Warunki korzystania lub linki do Polityki prywatności; nie warto mieć tych linków w głównej nawigacji; nie chcesz, aby zepsuły twoją stronę docelową. Ale oto podpowiedź, jeśli musisz mieć mapę witryny zawartą w tym dodatkowym pasku nawigacji, robisz to źle.
Dobry projekt wymaga dobrej organizacji. Musisz ustalić, jakie informacje są potrzebne użytkownikowi, a następnie podzielić je na sekcje. Jest to standardowy proces dla projektantów stron internetowych i jeśli twoja strona nie jest przewijaniem strony / paralaksy, będziesz chciał umieścić to na poszczególnych stronach, aby było łatwiejsze do strawienia, tradycyjnie dostępne za pośrednictwem głównego paska nawigacyjnego. Standardowym formatem tego jest poziomy pasek u góry strony i choć możesz pomyśleć, że posiadanie ładnej lub kapryśnej nawigacji zaangażuje użytkownika; lub myślisz, że możesz przedefiniować "nawigację" i uczynić ją bardziej użyteczną poprzez posiadanie jednego linku, który dzieli przez zagnieżdżanie linków na stronach; to nie zadziała.
Większość użytkowników nie chce pracować, aby korzystać z witryny, niestety spodziewają się zobaczyć format standardowy. Tak jak bardzo chciałbym zobaczyć innowacyjne projekty i procesy nawigacyjne, przeciętny użytkownik tego nie robi i natychmiast się wyłączy. Posiadanie niestandardowego interfejsu do głównej nawigacji po prostu zwiększy szybkość odrzuceń. Najważniejszą rzeczą tutaj jednak nie jest styl, ale upór. Posiadanie nawigacji na każdej stronie jest ważne, w połączeniu ze spójnością lokalizacji, ponieważ jest to punkt orientacyjny na Twojej stronie, tethering przeglądania Twojego użytkownika.
W tym momencie prawdopodobnie zauważyłeś, że staram się uderzyć w dom, projektowanie stron internetowych jest tak ważne, aby się wyróżniać, ale twoja nawigacja nie jest odpowiednim miejscem.
Często popełnianym błędem jest myślenie, że nawigacja jest treścią. Nie jest. Wyobraź sobie, że zostałeś zaproszony na przyjęcie, wspaniałe jedzenie, świetni ludzie i rozmowa; jednak zaproszenie nie mówi tego, to nie jest to, czego się w ogóle spodziewasz. Zamiast mówić ci, gdzie, kiedy i co się stanie, da ci to wymyślne imię, być może "John's Fancy Pants Party of the Century". Masz pomysł. Nawigacja musi być opisowa, to tylko link, ludzie muszą wiedzieć, czego się spodziewać. Nie zapominaj, że jest to część twojego SEO, więc jeśli ktoś zgłosi "PRODUKTY", zostanie przeniesiony na twoją stronę produktów, chyba że oznaczysz ją jako "nasze kreacje" lub coś równie pięknego i niepowtarzalnego.
Jeśli spojrzysz na witryny, które zdobyły nagrody za projekt, najprawdopodobniej złamią one jedną z zasad nawigacji, które tu przedstawiłem. Jednak ich zastosowanie białej przestrzeni i eleganckiego wzornictwa wiąże się z kosztem użyteczności. Ten rodzaj źle funkcjonującej witryny wykorzystuje znane w branży projektowania witryn internetowych pojęcie "Nawigacja tajemnicami mięsa" lub MMN. Może wyglądać fajnie i nadać projektantowi całkiem sensownego charakteru: "Czy nie jest oczywiste, że przesuwanie po lewej stronie strony, o 45,1 cm w dół, powoduje odsłonięcie linków do strony, która podkreśla moje polityczne poglądy? To wyraźnie nawiązanie do Farenheit 451, mojej ulubionej książki i lewicowych poglądów politycznych, którymi się z nią podzielę. Duh! "Poza skrajnymi scenariuszami, MMN może być koszmarem dla użytkownika, który rzeczywiście chce korzystać z witryny, a nie tylko patrzeć, jak piękna jest. Wyobraź sobie współczynnik odrzuceń witryny, która przechodziła przez każdy link, tak jak zautomatyzowana usługa telefoniczna przechodzi przez opcje! MMN to to samo! "Mysz powyżej 1 dla: Dom ", "Mysz powyżej 2 dla: O " ... masz pomysł. Musisz przejść przez każdy link, aby znaleźć to, czego chcesz, a kiedy dotrzesz do końca nawigacji, zapomniałeś, po co przyszedłeś! Dotyczy to również informacji o położeniu, która jest zasadniczo podświetlana, zwykle ze zmianą koloru, gdzie na stronie znajduje się użytkownik, za pomocą nawigacji.
Nawigacja jest znanym portalem do nowych i interesujących treści. Chociaż wcześniej mówiłem ci, abyś trzymał się konwencji ze względu na znajomość i aby twój współczynnik odrzuceń był jak najniższy (pod warunkiem, że twoja zawartość jest dobra), istnieje kilka często używanych elementów nawigacyjnych, których powinieneś unikać.
Podstawowym sprawcą jest menu rozwijane budzące lęk, największy grzech, jeśli nie masz oddzielnego mobilnego interfejsu. Często nie obejmuje indeksowania w wyszukiwarkach i nie nadaje się do użyteczności, jeśli jest nieoczekiwany przez użytkownika. Widzą najlepsze (macierzyste) linki i dokonują wyboru w oparciu o opcje, które mają tam, a następnie nagle istnieje wiele innych stron. Nie wprowadzaj zagnieżdżonych stron podrzędnych do głównej nawigacji, to niechlujny sposób. Przyczynia się to do ogólnej kwestii, ponieważ wiele stron osłabia wyniki, a zatem negatywnie wpływa na SEO związane z ruchem. Jeśli potrzebujesz więcej stron niż można zmieścić na standardowym pasku nawigacji, masz złe, pełne gadki, treści i ucierpi w wyniku.
Jeśli jeszcze tego nie odgadłeś, kluczowe znaczenie ma utrzymanie pozycji w nawigacji. Przeludnienie jest szczególnie widoczne w menu nawigacji po pasku bocznym, gdzie projektanci myślą, że mogą go rozciągać w nieskończoność, ponieważ użytkownik jest przyzwyczajony do przewijania w pionie. Zakładając, że menu jest łatwo rozpoznawalne, jak wspomniano wcześniej, dzięki mniejszej liczbie elementów łatwiej je zapamiętać w krótkim czasie, co oznacza, że Twoja witryna jest bardziej użyteczna dla przeciętnego użytkownika, ponieważ może ona przypomnieć sobie, jakie są twoje główne strony i linki.
Często cytuje się, że pamięć krótkotrwała może pomieścić tylko 7 przedmiotów, przez okres do 20 sekund, co oznacza, że należy ograniczyć nawigację do 7 elementów lub mniej. Chociaż ma to logiczną logikę, a ja nie chciałbym popierać nawigacji z większą ilością przedmiotów, jeśli masz linki bardzo specyficzne dla twojej witryny, możesz przenieść te bardziej znane do mniej ważnych stref baru (co wyjaśnię później on), zgodnie z oczekiwaniami użytkowników i wiedzą, że są one dostępne bez konieczności intensywnego patrzenia.
W tym wieku Google wszyscy wiemy, jak ważne jest dobre SEO; i przez "dobre SEO" nie mam na myśli kompromisu w twoich treściach i witrynie dla wyższych rankingów wyszukiwania, ponieważ to po prostu złe SEO. Optymalizowanie witryny pod kątem robotów wyszukiwarek nie zawsze polega na używaniu jak największej liczby słów kluczowych lub czegoś podobnego, może być tak proste, jak niewykorzystywanie przycisków w nawigacji. Zawsze używaj linków do nawigacji, jest to dobry wybór długoterminowy i może być wykryty przez wyszukiwarki. Dzięki temu Twoja strona będzie bardziej użyteczna (o ile będzie dobrze zaprojektowana). Szczególnie na tym skorzystają użytkownicy o złym wyglądzie, którzy podbijają rozmiar tekstu; a także użytkownicy mobilni będą musieli poczekać dłużej, aby załadować obrazy przycisków, a następnie poczekać trochę więcej po kliknięciu, gdy ich stan aktualizacji został załadowany! Odchodzenie od używania obrazów przycisków jako nawigacji, używanie rzeczywistych obrazów bez napisów jest złym pomysłem. Tego typu nawigacja nigdy nie jest zalecana, tekst powinien być zawsze używany, i jak podano wiele razy powyżej, w standardowym formacie.
Wreszcie docieramy do najbardziej spornych i psychoanalitycznych wszystkich wskazówek nawigacyjnych, porządku! Często uważa się, z dość rozsądną logiką, że pierwszy i ostatni link na standardowym pasku nawigacyjnym ma najwyższy priorytet dla podświadomości, dlatego tak wiele witryn używa obecnie banera jako łącza do strony głównej / strony docelowej, zamiast tego posiadania tradycyjnego linku Home na początku nawigacji. Rzeczą w tym, że zawsze obecny link do strony głównej jest taki, że często jest pomijany z prostego oczekiwania, że się pojawi. Nie ma to większego znaczenia dla doświadczenia przeglądania przez przeciętnego użytkownika, niezależnie od tego, czy jest on taki, czy nie, i dlatego tak naprawdę nie jest liczony jako "pierwszy" link, jeśli zdecydujesz się tam umieścić.
Poza tym użytkownicy będą oczywiście przeglądać łącza od lewej do prawej, zakładając, że są zachodni i czytają w ten sposób, jak większość użytkowników prawdopodobnie zrobi. Oznacza to, że linki o najmniejszym wpływie indywidualnym będą tymi w środku menu nawigacyjnego, jednak mogą mieć zbiorowy efekt, który może mieć wpływ na to, jak podświadomość użytkownika postrzega działanie witryny. Jest to szczegółowo opisane w moim artykule na temat opowiadanie historii o twoich projektach , gdzie wyjaśniam, w jaki sposób kolejność umieszczania pozycji menu mówi o progresji użytkownika przez twoją witrynę. Teoria ta jest w większości spekulacją, jednak ma sens, że posiadanie łącza wsparcia bezpośrednio po sklepie / produktach w menu może sugerować zarówno niepowodzenie dostarczania produktów, jak i to wsparcie jest potrzebne i używane w wystarczającym stopniu, aby zagwarantować miejsce na głównej Menu nawigacji.
Chociaż wszystkie te porady odnoszą się do większości tradycyjnych stron internetowych i poprawią użyteczność dla przeciętnego użytkownika, nie traktuj tych porad jako ewangelii. Wszystkie witryny i projekty są różne, a niektóre z nich mogą skorzystać na zignorowaniu niektórych z wyżej wymienionych wytycznych. Przede wszystkim spraw, aby witryna była najpierw użyta, a po drugie - wskaźnik odrzuceń zmniejszy się, a Ty możesz zbudować to, co masz.
Spójrz na nawigację na innych stronach i spróbuj pomyśleć o tym, co sprawia, że działa, nie działa, a nawet czyni go bezużytecznym. Brać RockPaperShotgun , na przykład. Ma pasek nawigacyjny, tak, a byłby standardowy około 10 lat temu! Działa, ale jego podstawowy format i liczne linki sprawiają, że czuje się on bardzo drugorzędny, a strona czuje się, jakby czegoś brakowało w wielkiej dziurze obok baneru tytułowego, w którym znajdowałby się pasek nawigacyjny; uaktualnienie do projektu z zakładkami może to poprawić.
Lub weź Google.com , oczywisty przykład, oczywiście, ten jest trochę inny, ponieważ mają one trwałą nawigację banerową dla sieci witryn. Zauważysz, że link do serwisu YouTube (jedyny link, w którym menu transparentu nie jest trwałe) znajduje się pośrodku. Wynika to z faktu, że YouTube jest często używany jako niezależna witryna, a nie jako część sieci Google, a więc jest przenoszony do najmniej ważnego miejsca na pasku. Zmniejszona zakładka "więcej" znajduje się na końcu, dzięki czemu wydaje się być przedłużeniem oryginalnego paska, bez elementów zapychających główny baner. Inne, które prawdopodobnie wypracowałeś dla siebie; Przycisk "Szukaj" jako pierwszy używa tego samego rozumowania, co przycisk "Strona główna", a link "Obrazki" jest drugim najczęściej używanym, co oznacza, że potrzebujesz minimalnego ruchu myszy i oczu, aby go kliknąć. Gdy zaczniesz go łamać, prawdopodobnie zaczniesz dostrzegać, ile myśli Google włożyło w to i możesz zobaczyć, dlaczego są jednym z wiodących innowatorów w sferach projektowania online.
Zobacz, czy możesz ustalić, dlaczego pozostałe linki zostały umieszczone tam, gdzie się znajdują, a następnie zastanów się, czy są jakieś ulepszenia, które możesz wprowadzić w nawigacji.
Czy stosujesz się do wskazówek tutaj? Czy preferujesz nawigację na jednym poziomie lub rozbudowane menu rozwijane? Daj nam znać w komentarzach.
Wyróżniony obraz / miniatura, obraz drogowskazów przez Shutterstock.