Utforming av navigasjon av et nytt nettsted - dummies

Annet enn den visuelle utformingen, bestemmer hvordan en bruker skal navigere på et nettsted, en av de mer utfordrende kreative oppgaver som du vil møte som webdesigner. Hovedmålet er å få folk til å føle seg i kontroll over nettstedet og i stand til å komme seg raskt og effektivt. Ingenting er verre enn en bruker som føler seg tapt på nettstedet ditt.

For å hjelpe folk å komme seg rundt og holde seg orientert, må navigasjonsprogrammet være et veikart over hele nettstedet, komplett med "du er her" tegn.

Global navigasjon for nettsteder

Husk den berømte linjen fra 1970-tallet TV-reklame: "Hvor mange licks tar det å komme til sentrum av en Tootsie Pop? "Med candy, jo mer ligner, jo bedre. På nettet er det motsatte imidlertid sant: Brukere vil ikke finne noe godt å navigere gjennom gobs av sider. Målet ditt er å få brukerne så raskt som mulig til ønsket innhold.

Den beste måten å redusere antall klikk på, er å gi primære, sekundære og tertiære navigasjonssettene på hver side av nettstedet. Denne strategien, kalt global navigasjon, , gjør det mulig for folk å raskt navigere fra en hoveddel til den neste uten å måtte gå tilbake til noen trinn. I tillegg er det viktig at disse navigasjonssettene alltid er plassert på samme sted, og ikke endre hva de tilbyr (bytte navigasjonsalternativer inn og ut). Denne konsistensen gir et mentalt anker for brukeren.

Kreditt: © Apple, Inc. Apples globale navigasjonssystem gir brukerne mulighet til å holde seg orientert og raskt å krysse fra en seksjon til den neste.

Seksjonsnavigering

Etter at brukere har valgt en kategori fra den primære, sekundære eller tertiære navigasjonsgruppen, blir de overført til en seksjon. Forutsatt at seksjonen har noen nivåer av innhold i den, trenger du en måte å navigere gjennom den. En vanlig praksis er å avdekke et sett med seksjonsnavigering valg på siden. Disse valgene er unike for deres seksjon, men regionen du velger for å vise dem, er den samme regionen som brukes til visning av seksjonsnavigering for andre områder av nettstedet.

Denne delen navigasjonsdesign avslører det første nivået av sider i produktområdet Området.

Denne delen navigasjonsdesign avslører første og andre nivå sider i produktområdet.

Alternativt kan du vise seksjonnavigasjonen fullstendig åpnet. Fordelen er at brukerne raskt kan se alt innhold på første og andre nivå med en seksjon. Ulempen er at navigasjonen kan ta opp mye plass og kan se ryddig og overveldende for brukeren.

Seksjonsnavigering vises ofte som en rullegardinmeny, så vel som på selve siden.

Vanligvis vises bare det første nivået på sider, men Flyout -menyene gir rask tilgang til sidene på andre nivå. Det er greit å ha overflødig seksjonsnavigasjon, som viser den både på siden og inkluderer den som en rullegardinmeny i det globale navigasjonssystemet.

Leaving a trail of bread crumbs

Hvis Hansel og Gretel kan bruke en sti med brødkremmer for å finne veien tilbake gjennom skogen, tenk bare på hva en digital versjon av brødsmuler kan gjøre for besøkende på nettstedet ditt. Brødsmuler, som de faktisk kalles i webdesignindustrien, er tekstlenker du lar i en sti som markerer trinnene dine mens du går dypt inn i en seksjon.

Denne smørbrødsporet gir en praktisk måte å gjenopprette trinnene dine på et nettsted.

Brødsmuler er nyttige for å navigere på nettsteder som har navigasjon som går over to nivåer dypt innenfor en seksjon. Hvis du for eksempel bruker seksjonsnavigasjonen til å gå ned til en side som har enda flere koblinger på den, dykker du nå inn i et tredje eller fjerde nivå av seksjonens hierarki. Det er bare ikke praktisk å vise navigasjon på tredje og fjerde nivå på siden. Så brødkrummene kan ganske enkelt registrere dine skritt og bli lengre og lenger som du dykker dypere (forhåpentligvis ikke mer enn fire nivåer, eller du kommer inn i katakombene på nettstedet!).

Hver brødkrummekobling gir deg en rask måte å gjenopprette trinnene dine opp på hierarkiet. Du trenger ikke å følge koblingene i rekkefølge; Du kan klikke på en hvilken som helst lenke i stien for å hoppe raskt tilbake til et annet nivå i hierarkiet. Stien gir deg også en god ide om hvor du er på nettstedet. I motsetning til et globalt navigasjonsskjema kan du imidlertid ikke hoppe over til en annen seksjon; Du kan bare hoppe tilbake til et nivå innenfor en seksjon. Tenk på et brødkrummet system som nettleserens Back-knapp på steroider.

Grafisk utformingskonvensjonen for et smeltegrensesnitt er å vise hvert forrige trinn som en aktiv tekstlink etterfulgt av et tegn (pil, kolon eller rør), alt i en enkel rad. Den siste oppføringen på slutten av stien representerer gjeldende side du er på, så det skal ikke være en lenke - og det skal se annerledes ut. Hvis det var en lenke, ville det bare laste på siden - ikke den ideelle brukeropplevelsen.