Stripping et nettsted til sin bareste form, ignorerer for et øyeblikk, innhold som bare er tekst og bilder, alt en surfing opplevelse er, er navigering. Det klikker koblinger som tar deg til andre sider med flere linker. Hovednavigasjonen på nettstedet ditt er en så viktig del av dette, da det representerer den vedvarende døråpningen til de viktigste sidene i innholdet ditt.
Mange nettsteder har også sekundær navigasjon, henvist til bunnen av nettstedet, som inneholder "kjedelige ting", som for eksempel brukervilkår eller personvernsforbindelser. det er fornuftig å ikke ha disse linkene i hovednavigasjonen din; du vil ikke at de ødelegger destinasjonssiden din. Men her er et hint, hvis du må ha et nettstedskart inkludert i den sekundære navigasjonslinjen, gjør du det galt.
God design krever god organisering. Du må utarbeide hvilken informasjon som er nødvendig for brukeren, og deretter dele det i seksjoner. Dette er en standardprosess for webdesignere, og med mindre nettstedet ditt er single page / parallax scrolling, vil du sette dette på individuelle sider for å gjøre det lettere å fordøye, tradisjonelt åpnet gjennom en hovednavstang. Standardformatet for dette er en horisontal linje langs toppen av siden, og mens du kanskje tror at å ha pen eller lunefull navigasjon vil engasjere brukeren; eller du tror at du kan omdefinere "navigasjon" og gjøre den mer brukbar ved å ha en lenke som deles gjennom nesting-linker i sidene; det vil ikke fungere.
Flertallet av brukerne vil ikke arbeide for å bruke nettstedet, men de regner med å se standardformat, dessverre. Så mye som jeg vil gjerne se innovative design og navigasjonsprosesser, gjør den gjennomsnittlige brukeren ikke, og vil øyeblikkelig slå av. Å ha et ikke-standardgrensesnitt for hovednavigasjonen din vil ganske enkelt sette, øke studsekursen din umiddelbart. Det viktigste her er imidlertid ikke stil, men utholdenhet. Å ha navigering på hver side er viktig, kombinert med konsistens av plassering, da det er et landemerke på siden din, og tetter brukerens nettleseropplevelse.
På dette punktet har du sikkert lagt merke til punktet jeg prøver å hamre hjemme, webdesign er så viktig for å stå ut, men navigasjonen din er ikke stedet å gjøre det.
Den andre feilen som ofte gjøres, er å tenke at navigering er innhold. Det er det ikke. Tenk deg om du ble invitert til en fest, god mat, flotte mennesker og samtale; men invitasjonen forteller deg ikke dette, det er ikke det du forventer i det hele tatt. I stedet for å fortelle deg hvor, når eller hva festen skal være, gir den deg et fancy navn, kanskje 'John's Fancy Pants Party of the Century'. Du får ideen. Navigasjonen må være beskrivende, det er bare en lenke, folk trenger å vite hva de kan forvente. Ikke glem det er en del av din SEO, så hvis noen Googles 'PRODUKTER' blir de tatt til produktsiden din, med mindre du selvfølgelig merket det som 'Våre kreasjoner', eller noe like flott og unikt.
Hvis du ser på nettsteder som har vunnet designpriser, vil de med stor sannsynlighet bryte en av navigasjonsreglene som jeg har lagt ut her. Imidlertid er deres bruk av hvitt rom og elegant design alt på bekostning av brukervennlighet. Denne typen dårlig fungerende nettsted bruker det som er kjent med nedsettelse i webdesignindustrien som Mystery Meat Navigation, eller MMN. Det kan se kult ut, og gi total oppfatning til designeren: "Er det ikke klart at mousing over venstre side av siden, 45,1 cm nedover siden, gir opp linkene til siden som fremhever mine politiske synspunkter? Det er tydelig en referanse til Farenheit 451, min favorittbok, og de venstreflate politiske synspunktene som jeg deler med det. Duh! "Ekstremt scenarioer, MMN kan være et mareritt for en bruker som faktisk vil bruke nettstedet ditt, ikke bare se på hvor pen det er. Tenk på sprettfrekvensen på et nettsted som gikk gjennom hver kobling som en automatisert telefontjeneste går gjennom alternativer! MMN er det samme! 'Mus over 1 for: Hjem ', 'Mus over 2 for: Om ' ... du får ideen. Du må gå gjennom hver enkelt kobling for å finne det du vil, og når du har nådd slutten av navigasjonen, har du glemt hva du kom for! Dette gjelder også for tilbakemelding på stedet, som i hovedsak utheves, vanligvis med fargeendring, hvor på siden brukeren er, gjennom navigasjonen.
Navigasjon er den velkjente portalen til nytt og interessant innhold. Selv om jeg tidligere har fortalt deg å holde fast i konvensjoner for fortrolighets skyld, og for å holde studsene så lav som mulig (hvis innholdet ditt er bra), er det noen få brukte navigasjonselementer du bør unngå.
Den primære lovbryteren er den fryktede rullegardinmenyen, den største synden hvis du ikke har et eget mobilgrensesnitt. Det strekker seg ofte ikke til søkemotorer, og er dårlig for brukervennlighet hvis det er uventet av brukeren. De ser de øverste (foreldre) koblingene og gjør sitt valg basert på hvilke alternativer de har der, og så er det plutselig flere andre sider. Ikke ta inn nestede barneseter til hovednavigasjonen din, det er rotete. Dette bidrar til et generelt poeng, ettersom mange sider fortynner treffene dine, og derfor påvirker trafikkrelatert SEO negativt. Hvis du trenger flere sider enn du kan passe på en standard navigasjonslinje, har du dårlig, ordentlig innhold, og vil lide som følge av dette.
Hvis du ikke har gjettet det allerede, er det viktig å holde antall elementer på navigasjonen din nede. Overbefolkning er spesielt tydelig på sidebarnavigasjonsmenyer, hvor designere tror at de kan forlenge den på ubestemt tid siden brukeren er vant til å rulle vertikalt. Når du antar at menyen er lett gjenkjennelig som nevnt tidligere, kan du få færre elementer til å huske på kort sikt, noe som betyr at nettstedet ditt er mer brukbart for den gjennomsnittlige brukeren, da de kan huske hva dine hovedsider og lenker er.
Det er ofte sitert at korttidsminnet kun kan inneholde 7 gjenstander, i opptil 20 sekunder, noe som betyr at du bør begrense navigasjonen til 7 elementer eller mindre. Selv om dette har lydlogikk til det, og jeg vil hate å godkjenne navigering med flere elementer, hvis du har linker som er svært spesifikke for nettstedet ditt, kan du forvise de mer kjente til mindre viktige soner i linjen (som jeg vil forklare senere på), som brukere vil forvente, og vet at de er der uten å måtte se hardt ut.
I dette, Google-alderen, vet vi alle bare hvor viktig god SEO er; og med "god SEO" mener jeg ikke at innholdet ditt og nettstedet ditt blir ødelagt for høyere søkerangeringer, fordi det er bare dårlig SEO. Optimalisering av nettstedet ditt for søkemotorer er ikke alltid om å bruke så mange søkeord som mulig, eller noe som helst, det kan være så enkelt at du ikke bruker knapper i navigasjonen din. Bruk alltid koblinger til navigasjonen din, det er et godt langsiktig designvalg, og det kan detekteres av søkemotorer. Det vil også gjøre nettstedet ditt mer brukbart (så lenge det er godt utformet). Brukere med dårlig syn, for eksempel, som støtter opp tekststørrelsen, vil spesielt ha nytte av dette; så vel som mobilbrukere måtte vente lenger for å laste knappbildene dine, så vent litt etter å ha klikket på dem da deres oppdateringsstatus ble lastet! Segueing fra å bruke knappbilder som navigasjon, bruker faktiske bilder uten teksting, er en dårlig ide. Denne typen navigering anbefales aldri, tekst bør alltid brukes, og som sagt mange ganger over, i et standardformat.
Til slutt når vi de mest omstridte og psykoanalytiske til alle navigerings tipsene, ordren! Det hevdes ofte, med ganske lydlogikk, at de første og siste koblingene på en standard navigasjonsbjelke har høyeste prioritet til underbevisstheten, derfor hvorfor så mange nettsteder bruker et banner som et hjem / destinasjonsside link i disse dager, i stedet for av å ha en tradisjonell hjemmekobling ved starten av navigasjonen. Tingen med den nåværende hjemmekoblingen er at det så ofte overses ut fra en enkel forventning om at den kommer til å være der. Det gjør svært liten forskjell til gjennomsnittsbrukerens nettleseropplevelse, enten det er eller ikke, og er derfor ikke virkelig regnet som "første" lenke hvis du bestemmer deg for å sette en der.
Som til side vil brukerne naturligvis se linker fra venstre til høyre, forutsatt at de er vestlige og leser på den måten, som de fleste brukerne sannsynligvis vil gjøre. Dette betyr at koblingene med den minste individuelle innvirkningen vil være de i midten av navigasjonsmenyen, men de kan ha en kollektiv effekt som kan ha konsekvenser for hvordan brukerens underbevissthet oppfatter opplevelsen av nettstedet ditt. Dette er nærmere beskrevet i min artikkel om forteller historier med designene dine , der jeg forklarer hvordan rekkefølgen der du legger menyelementene dine, forteller en historie om en brukeres fremgang gjennom nettstedet ditt. Denne teorien er for det meste spekulasjon, men det er fornuftig å ha en støttelink direkte etter en butikk / produkter en i menyen din kan utlede både manglende levering på produktene dine, og at støtte er nødvendig og brukt nok til å garantere et sted på hoveddelen navigasjonsmeny.
Selv om alt dette rådet er relevant for de fleste tradisjonelle nettsteder, og vil øke brukervennligheten for den gjennomsnittlige brukeren, ikke ta disse tipsene som evangelium. Alle nettsteder og design er forskjellige, og noen kan ha glede av å ignorere noen av retningslinjene ovenfor. Fremfor alt gjør nettstedet ditt brukbart først og ganske sekund, vil avkastningsfrekvensen minke, og du kan bygge videre på det du har.
Ta en titt på navigasjonen på andre nettsteder, og prøv å tenke på hva som gjør det til å fungere, ikke jobbe, eller gjør det ubrukelig. Ta RockPaperShotgun , for eksempel. Det har en navigeringslinje, ja, og det ville vært standard for 10 år siden! Det fungerer, men det grunnleggende formatet og mange koblinger gjør det veldig sekundært, og siden føles det som mangler noe fra det store hullet ved siden av tittelbanneret, hvor en navigeringslinje ville gå. en oppgradering til en tabbedesign kan forbedre dette.
Eller ta Google.com Et klart eksempel er selvfølgelig litt annerledes, da de har en vedvarende bannernavigasjon for et nettverk av nettsteder. Du vil legge merke til at lenken til YouTube (den eneste linken der bannermenyen ikke vedvarer) er plassert i midten. Dette skyldes at YouTube ofte brukes som et uavhengig nettsted, i stedet for som en del av Google-nettverket, så er det relegert til det minst viktige stedet i linjen. Tabellen "mer" er på slutten, slik at den føles som en forlengelse til den opprinnelige linjen, uten at det blir tett på hovedbanneret. De andre har du sikkert jobbet for deg selv; Søkeknappen som er den første bruker den samme resonnementet som "Hjem" -knappen, og Bilder-lenken er den nest mest brukte, noe som betyr at du trenger minimal mus og øye reise for å kunne klikke på den. Når du begynner å bryte den ned, vil du sannsynligvis begynne å se hvor mye tanken Google har satt inn i dette, og du kan se hvorfor de er en av de ledende innovatørene i de elektroniske designfeltene.
Ta en titt og se om du kan finne ut hvorfor resten av koblingene er satt der de er, og så tenk på om det er noen forbedringer du kan gjøre på navigasjonen din.
Holder du deg til tipsene her? Fungerer du for enkeltnavigasjon eller omfattende nedtrekk? Gi oss beskjed i kommentarene.