Navigasjonsmønstre for ti vanlige typer nettsteder
Navigasjon er en av de viktigste aspektene av et nettsted. Uten god navigasjon blir et nettsted ubrukelig for besøkende. De kan ikke finne den informasjonen de trenger, og deretter søke konkurrerende nettsteder i stedet. Det er viktig at nettstedene dine er enkle å navigere hvis du vil være en vellykket designer.
I, men det finnes ingen løsninger som passer til navigasjonen. Det som fungerer bra på en nyhetsside, kan ikke fungere bra for et personlig nettsted. Noe som er utrolig brukervennlig på en blogg, kan være frustrerende på et e-handelsnettsted.
Nedenfor er ti vanlige typer nettsteder, med forslag til hvilke navigeringsmønstre som fungerer bra for hver enkelt.
Det finnes også eksempler, for å gi deg en bedre ide om hva vi snakker om. Du er velkommen til å dele flere gode eksempler i kommentarene!
Alle steder
Det er visse navigasjonsmønstre som fungerer på nesten alle sider. I stedet for å hylle samme informasjon i hver av kategoriene nedenfor, vil jeg bare inkludere dem her.
Det første mønsteret er flippert navigasjon. Flikene passer perfekt til navigasjon, fordi de psykologisk minner om besøkende på papirfaner, og navigerer til en ny del av en notisbok eller et bindemiddel, noe som knappene eller de enkle tekstkoblingene ikke gjør. Faner er nesten alltid den foretrukne metoden for styling av dine hovednavigasjonslenk, selvfølgelig fungerer de best når det er et begrenset antall lenker i en meny.
Det andre mønsteret er navigeringsnavigasjon. Hvis nettstedet ditt har en header (og de fleste nettsteder gjør), er toppnavigering en god ide. Besøkende er vant til å se på toppteksten for navigasjonskoblinger. Denne forhåndsbestemte oppførelsen gjør det enkelt for deg å gjøre nettstedet ditt mer brukervennlig ved å finne navigasjonen din i eller nær toppteksten.
Det endelige mønsteret som gjelder for praktisk talt alle nettsteder, er sidebeskrivelse. Mange brukere (men ikke alle) vil se på bunnteksten for en kobling hvis de ikke finner det de leter etter i din andre navigasjon. Mange grunnleggende sider er ofte koblet fra en bunntekst, inkludert "om", "kontakt" og "sitemap" -koblinger, enten de er koblet andre steder i navigasjonen eller ikke.
1. Blogger
Blogger har generelt stort innhold, i omvendt kronologisk rekkefølge. Dette gir både et logisk rammeverk for navigasjonen din, samt noen unike utfordringer, avhengig av typen blogg.
De fleste blogger vil bruke en kombinasjon av paginering (eller kontinuerlig rulling), en arkivside, sidebarnavigering for kategorier og / eller tagger, og muligens også topptekst og sidebeskrivelse. Det er viktig å tenke gjennom nøyaktig hvordan de besøkende vil sannsynligvis få tilgang til innholdet på bloggen din.
For eksempel kan det hende at en personlig blogg ikke trenger kategori- eller tagnavigering utenfor koblinger i metainformasjonen for hvert innlegg. I disse tilfellene vil du at besøkende skal få tilgang til innhold i omvendt kronologisk rekkefølge, i stedet for å hoppe rundt etter emne. En emneblogg, derimot, må ha kategori- og tagnavigasjon, fordi besøkende sannsynligvis ser etter informasjon om bestemte emner innenfor det generelle emnet.
På et minimum bør blogger inneholde navigasjon for å flytte kronologisk gjennom innholdet (enten paginering, neste / forrige koblinger eller kontinuerlig rulling), samt navigeringsnavigering eller sidelinje for bestemte sider utenfor hovedbloggsiden.
Emner (og noen ganger bedriftens) blogger bør også inkludere kategori- eller tagmenyer i deres navigasjon, enten i topptekst eller sidebjelke. Spesielt store blogger bør også vurdere å implementere en søkefunksjon, for å gjøre det enklere for brukerne å raskt finne nøyaktig hva de leter etter. Bare vær sikker på at søkefunksjonen fungerer som ønsket, og oppnår virkelig alle relevante resultater.
Ecoki , under, inneholder toppnivåkategorier i navigeringsnavigasjonen, med navigering til viktige sider i en navigeringslinje i sekundær overskrift. Det er et effektivt layout som tydelig legger vekt på de mest brukte linkene.
2. Nyhetssider
Nyhetssider ligner på blogger, fordi de generelt presenterer historier i omvendt kronologisk rekkefølge. Nyhetssider er ofte svært kategorisert, og har mer komplisert informasjonarkitektur enn mange andre typer nettsteder. På grunn av dette er deres navigasjonsmønstre ofte mer komplekse.
Nøkkelen gjør ikke navigasjonen mer komplisert enn den må være. Drop-down og fly-out menyer er begge gode måter å håndtere større menyer uten å cluttering opp siden. Hvis du ser på de større nyhetene (for eksempel Google Nyheter, for eksempel nedenfor), bryter de ned nyheten til store kategorier som Politikk, Lokal, Verden, Sport, Underholdning, etc. Hvilke kategorier du bruker vil avhenge av om nettstedet er en generell nyhetsside eller et aktuelt nyhetsnettsted.
Merker kan også forbedre navigasjonen betydelig. Ved å merke hver historie gjør det det enkelt for brukerne å finne relaterte historier, uten å lage en komplisert eller oppblåst kategoristruktur. Det er en god ide å ikke bare inkludere tagkoblinger i hver artikkel, men også å inkludere en liste med tagger eller en taggsky et sted (bare blant populære tagger kan det være en god ide for nettsteder med hundrevis av tagger).
Å koble inline i artikler forbedrer brukeropplevelsen sterkt. Mange av de større nyhetene gjør dette, slik at brukerne umiddelbart får tilgang til alle artikler om et emne. Det ligner veldig på å inkludere koder, men snarere enn en liste i begynnelsen eller slutten av artikkelen, er koblingene innenfor selve teksten.
3. E-handelsnettsteder
E-handelsnettsteder er noen ganger utrolig komplekse og har hundrevis (eller tusenvis) av individuelle sider for produkter og annen informasjon. Av denne grunn er måten navigasjonen håndteres på, avgjørende for både brukeropplevelsen og bunnlinjen. Uten en utmerket navigasjonsstruktur vil besøkende til et e-handelssted ha en vanskeligere tid å finne produktene de leter etter, noe som betyr at det er en god sjanse for at de vil vende seg til konkurrenter uten frustrasjon.
Det viktigste hver e-handelsside med mer enn en håndfull produktbehov er et godt søkesystem. Assistert søk er nøkkel, der brukerne ikke bare kan søke etter søkeord, men også finjustere resultatene sine basert på ting som pris, størrelse, kategori eller andre beregninger (avhengig av dine spesifikke produkter).
Kategori navigering er også et must, for brukere som ønsker å bla. Avhengig av om du bruker underkategorier, kan breadcrumb navigasjon også være en god ide (hvis nettstedet ditt er mer enn to eller tre nivåer dypt, kan brødkrummer forbedre brukervennligheten).
Å gi dine besøkende flere måter å finne produktene de ønsker, er en fin måte å øke salget på, men sørg for at hver metode viser alle relevante produkter. Hvis besøkende finner at søking returnerer ett sett med produkter mens du surfer returnerer et annet sett, vil det bare føre til frustrasjon.
De Blik Nettstedet, under, er et godt eksempel på et nettsted som bruker et sidebar med filtre for å finjustere produktresultater. Det er det guidede søksmønsteret, uten utseende av søk.
4. Informasjons- og referansesider
Referansesider har vanligvis en ting til felles: massevis av informasjon på tvers av mange sider. Dette gjør det vanskelig å lage noen form for standardmeny. Kategorier kan være nyttig for surfing, men når du begynner å komme til poenget med å ha tusenvis, titusener eller millioner av sider (som Wikipedia), bryter kategorisystemet ned. I tillegg går de fleste til referansesider for et bestemt formål, og ikke å bla gjennom, noe som gjør kategorier ikke spesielt nyttige.
Det er viktig at referansesider har gode søkefunksjoner. Guidet søk, som de som brukes på e-handelsnettsteder, kan også være nyttig, spesielt hvis de brukes sammen med en god merking og kategoriorganisasjon.
Det er åpenbart det Reference.com , under, vil besøkende til å bruke søk for å finne det de leter etter, da det er plassert fremtredende øverst på skjermen.
Sider på en referanseside bør også benytte inline-kobling til relatert informasjon. Dette gjør det enkelt for besøkende å finne alt materialet de trenger for å forstå hva de leser, uten å måtte utføre flere søk. Behovet for inline-kobling er hvorfor wiki-plattformer generelt har en standard syntaks for å koble sammen i teksten til en artikkel, slik at innholdsskapere ikke trenger å bruke tiden til å slå opp de aktuelle linkene.
Wikipedia , under og andre wikisider gjør god bruk av inline-linking for å legge til sammenheng til artikler.
5. Bedriftssteder
Det er et stort utvalg i strukturen og størrelsen på bedriftens nettsteder. Noen er bare å lokke nye kunder. Andre er laget for å holde gjeldende kunder informert. Likevel skal andre tjene som en fristelse til nye kunder, en nyhetsportal for eksisterende kunder og fronten for et bedriftsintranett.
Uavhengig av formålet med bedriftsstedet, er det klart at navigering er avgjørende. Du vil ikke at brukerne må bruke tid på å lete etter navigasjonen eller forsøker å finne ut hvilken kobling du skal klikke for å få hvor de skal gå. Pass på at koblingene er ordnet logisk, at de hver har en lettforståelig mening, og at de ligger på logiske steder (topptekst og sidebjelke er vennene dine her).
Alle nettstedene nedenfor viser at bare fordi navigering ligger på de vanligste stedene, betyr det ikke at det ikke kan være kreativt. Så lenge det er brukbart og enkelt å finne, kan du gjerne lage noe unikt.
På nettsteder som er større enn et dusin eller så sider, er det en god ide å inkludere søkefunksjonalitet. Det er også en god idé å inkludere et nettstedskart for å gjøre det enkelt for brukere som har problemer med din vanlige navigering for å finne akkurat det de leter etter.
6. Fellesskap eller sosiale nettverk nettsteder
Vanligvis med store sosiale nettverkssider er søk det primære navigasjonsmidlet. Det er fornuftig når det er millioner (eller milliarder) av sider på nettstedet. Standard menybasert navigering er ganske mye meningsløst når det gjelder det volumet av informasjon.
Så søket tar vare på overordnet nettstednavigering. Men det forlater fortsatt medlems profilsider. Her er det viktig at det er konsistens på tvers av hele nettstedet. Uansett om nettstedet ditt gjør det mulig for medlemmene å tilpasse profiler eller ikke, er det avgjørende at koblinger er plassert på samme sted på tvers av hver side.
Ta Facebook, for eksempel: hver medlemsprofil og hver side har lenker til ting som bilder og info på venstre side. Varsler, meldinger og vennforespørsler er alltid koblet øverst, som er lenker til kontoinnstillinger og for å logge ut. En standard toppnavigasjonslinje som den, som alltid lenker til den besøkende konto og informasjon, har blitt en hovedrolle for velutviklede sosiale nettverk.
Inlinekoblinger bør også være konsistente. For eksempel, når et brukernavn vises som en lenke, bør den lenke til brukerens profil, uansett hvilket innhold det er knyttet til. Tenk gjennom hvilken informasjon som logisk skal kobles til hvilke sider, og sørg for at det er konsekvent uansett hvor disse koblingene vises.
7. Event nettsteder
Hendelsessteder er generelt enkle og har ikke et stort antall sider. Men det er viktig å tenke på hvordan de besøkende vil bruke nettstedet. Det er mest sannsynlig at de vil gjøre ett av følgende: melde seg på hendelsen, se hvem som deltar eller snakker, få informasjon om å delta (inkludert kostnader og ting som sted og hotell) og se planen for arrangementet.
Registrering av arrangementet, selv om det er en gratis hendelse, bør sees på som en e-handelstransaksjon. Av den grunn vil du ha en fremtredende samtale til handlingsknapp for tilmeldinger.
Standard topptekst og / eller sidebarnavigering er et utmerket valg for koblinger til andre sider. Lokal navigering kan også være nødvendig hvis du skal inkludere individuelle sider for ting som spesifikke verksteder eller høyttalere. Drop-down eller fly-out menyer kan bare fungere hvis du har et begrenset antall delkoblinger. Ellers er det bedre å bruke undernavigering i et sidebjelke eller på en hovedside.
De Hull Digital Live 10 Nettstedet har en kortfattet, brukervennlig headernavigasjon som gjør det enkelt å finne nøyaktig hva en besøkende kan se etter.
Tips: Hvis arrangementet ditt skal omfatte et deltakers område eller intranett, se på forslagene til navigering på et sosialt nettverk eller fellesskapsside for navigasjonsretningslinjer.
8. Gjennomgå nettsteder
Gjennomgangssider brukes vanligvis på to måter. Den første er når brukere er interessert i et bestemt produkt og ønsker å se anmeldelser for det aktuelle elementet. I dette tilfellet er en utmerket søkefunksjon den beste navigasjonen. Det lar brukerne raskt få tilgang til akkurat det produktet de leter etter.
Den andre bruken er å undersøke bestemte typer produkter. For denne bruken er søket fortsatt en verdifull navigasjonsmetode. Men kategorier og guidet søk er like viktig. Lar brukere å bla gjennom vurderinger etter kategori og underkategori, la dem finne en rekke produkter som passer deres behov. Ved å la dem forfinne seg, kan resultatene basert på ting som pris eller merke gi enda bedre brukeropplevelse.
Blippr , under, inkluderer både kategorinavigering (med nedtrekk for undernavigering) og en fremtredende søkefelt.
9. Personlige nettsteder
Personlige nettsteder er egentlig villkortene i webdesignverdenen. Du kan bruke stort sett alle slags navigasjonsmønster du vil ha. Mainstays som header og sidebarnavigasjon vil fortsatt være mest brukbare, men det er ikke noe galt med å gjøre noe helt annet.
Personlige nettsteder bør være en refleksjon av nettstedseieren. Hvis noe uventet passer inn i personligheten til nettstedet, så for all del: gå for det. Det kan fortsatt være en god ide å inkludere en sitemap-kobling et sted, men hvis du bruker ikke-standard navigering, for å gjøre det enkelt for besøkende som ikke "får det" for å finne det de leter etter.
Daniel Mall porteføljesiden har et av de mest unike navigasjonsmønstrene jeg har sett. Det er enkelt å bruke, mens det fortsatt er veldig forskjellig fra normen.
10. Gallerier
Bildegallerier og porteføljesider bør generelt bruke en kombinasjon av standard header eller sidebar navigering, merking og kategorier. Å tillate besøkende å begrense bildene som vises basert på en tag eller kategori, er viktig for god brukervennlighet, spesielt ettersom volumet på bildene vokser.
Paginering vil også være viktig for større steder. Kontinuerlig rulle kan virke som en god ide, men siden gallerier og porteføljesider, av sin natur, er fylt med media, kan kontinuerlig rulle ende opp med å bruke mange systemressurser. Jeg vil anbefale det mot et hvilket som helst nettsted med mer enn noen få dusin bilder (men på mindre galleri og porteføljesider kan det være en veldig fin touch).
Minimal utstilling bruker kategorier, søk og paginering.
Take-away
Hvis det er et navigasjonskonsept som er et absolutt must, uavhengig av hva slags nettsted du designer, er det dette: konsistens!
Du kan komme unna med de fleste logiske navigeringsvalg så lenge det er konsistent på hele nettstedet ditt. Ikke start med sidebarnavigasjon for halvparten av nettstedet ditt, og headernavigasjon for den andre halvdelen, uten noen logisk grunn til å gjøre det. Hvis hjemme-lenken alltid er øverst til venstre, så sørg for at den forblir øverst til venstre. Dette gjelder for alle elementer i navigasjonen din, og blir eksponentielt viktigere ettersom størrelsen på nettstedet øker.
Annet enn konsistens er det viktigste å gjøre når du designer navigasjonsmønstrene, å tenke på hvordan besøkende faktisk skal bruke nettstedet ditt. Ikke vær redd for A / B eller multivariate testing for å finne ut om navigasjonsmønstrene dine faktisk fungerer som de skal.
Uansett hvor kul eller ny navigasjonen din er, hvis den ikke utfører den grunnleggende funksjonen, slik at besøkende kan flytte fra et område av nettstedet ditt til et annet, slik at navigasjonen din har mislyktes.
Du er velkommen til å dele eksempler på flotte navigasjonsmønstre i aksjon i kommentarene nedenfor! Gi oss også beskjed hvis du har noen andre tips for passende navigasjonsmønstre for bestemte typer nettsteder.