3 væsentlige regler for effektiv navigationsdesign
Design af din hjemmeside navigation er som at lægge grunden til dit hus. Hvis du ikke planlægger dit fundament korrekt, kan din bygning risikere at falde sammen, uanset hvor fint det ser ud. Hvis du vil have gavn af de bedste salg eller konverteringer, der er mulige fra dit websted, skal du bruge tid på at planlægge, hvordan dit publikum vil interagere med dit indhold og finde ud af den mest intuitive måde at organisere og repræsentere den på.
Husk altid, hvis du får denne del forkert, risikerer du at frembringe en stor del af dit publikum.
Hvad er navigation?
Der er mere end en måde at se på navigation. Du kan sige, at det er et fokalelement på din hjemmeside, der giver dine kunder mulighed for at finde det, de søger uden forvirring eller unødvendige klik. Ligeledes kan man argumentere for, at det er en måde at forsigtigt lede dine kunder til de vigtigste oplysninger på dit websted for at generere salg eller henvendelser.
Chancerne er, det er begge.
Navigation design er som mange andre ting i design: der er ingen universelt aftalt "rigtige vej" for at gøre det. Hvert websted præsenterer sine egne udfordringer, som kan benyttes på en række måder. Den gode nyhed er, at der er måder at tænke på og organisere indhold, hvilket minimerer risikoen for fiasko.
70percentpures hjemmeside funktioner enkel navigation, der er både lodret og vandret.
1) Afslut din IA først
Planlægning af indholdet på et stort websted er en vigtig opgave, som skal udfyldes, før du designer din navigation. Ellers kendt som IA (Information Architecture) denne oversigt, forståelse og manipulation af dit indhold er, hvad der udgør rygraden på dit websted brugbarhed. Design af din navigation før - eller i stedet for - korrekt udformning af din IA ville være som at oprette et bogindeks, før du sætter siderne op. Ikke en god ide.
En naturlig evne til at se det store billede hjælper, når man arbejder på IA. Endnu vigtigere skal du kunne se indholdet fra brugerens perspektiv. Nogle gange betyder det at gå imod kundens egen måde at kategorisere deres indhold på - så kom forberedt på modstand, hvis det er tilfældet.
Her er et par ting, du kan spørge dig selv om at hjælpe med at forberede din ordning og begrunde det til kunden:
- Hvilke sider er der brug for til denne side?
- Har hver side en hensigt inden for den bredere ordning, og er indholdet opdelt i fornuftige, relatable biter?
- Hvilke tillæg skal der gøres for at tilføje indhold i fremtiden?
- Hvilke brugergrupper arbejder du med? (f.eks. logget ind / ud, abonnementstyper, annoncører osv.)
- Hvad er det primære mål for hver type bruger?
Besvarelse af alle ovenstående, og forståelse for, hvordan dit indhold vedrører dine brugere, er grundlæggende for et godt navigationsdesign.
2) KISS: Hold det nemt, nogle gange
Alle, der nogensinde har brugt et websted, kan nok være enige: Et navigationsområde skal være så enkelt som muligt. Overvældende brugeren med valg og overfyldning af navigationen med tekst er en dårlig idé, og vil alvorligt hæmme dit websites overordnede brugervenlighed.
Bloombergs enkle navigation belyser kompleksiteten af oplysninger på deres websted.
Og alligevel kan enkelhed være vildledende. Grav dybere, og du kan opdage, at hvad der faktisk er ret komplekst, er blevet klogt pakket på en måde, der føles simpelt. Dette er IA i aktion.
Tag f.eks. Microsofts hjemmeside. Deres hovednavigering har kun fire ting, som ikke lader til at være næsten nok i betragtning af deres produktsortiment. Men drop-downs er meget smarte opdelt i sektioner, og præsenteret på en sådan måde, at du kan finde det, du leder efter hurtigt og nemt.
Undersider er som mini-websteder, der følger det samme navigationsformat. Menuen føles og opfører sig det samme, men tilpasser sig til at tilbyde flere detaljer, jo dybere du kommer ind på webstedet.
Det er let at bruge, forudsigeligt og konsistent. I betragtning af deres produktsortiment og antallet af sider på deres hjemmeside er dette ikke noget middel, og det er selvfølgelig et produkt af mange timers iterativ udvikling. Det føles ikke kun som et af deres produkter - hvilket er meget beroligende for den besøgende - men det organiserer indholdet på en måde, der er godt for både kunder og Microsoft selv.
3) Vælg orientering omhyggeligt
Da en computerskærm traditionelt anvendes i et landskabsformat, giver horisontal navigation meget mening. Så meget af tiden føles det bare mere afbalanceret, mindre påtrængende og let at placere ud fra et designperspektiv.
Oculus, beslutningstagere af VR headsets ville være tåbelige, hvis de ikke talte om deres virtuelle landskaber med en vandret menu. Ikke alene har den en god metafor, men giver brugeren mulighed for at dybere dybere ind i deres indhold ved at rulle ned på siden.
Men vandrette menuer tilføjer ikke værdi i alle sammenhænge, og derfor ser du meget lodret navigation, især i e-handel. Det bærer ekkoer af de farvede faner, som hjælper dig med at finde produkter i et fysisk katalog og undgår at stifte en vandret stang med for meget tekst og for mange muligheder.
En god vertikal navigation er ikke let at gøre, især hvis du har mange produkter. Derfor kan jeg lide denne fra Jack Jones.
Ikonerne ved siden af teksten hjælper virkelig læsbarheden. De enkle former er overraskende kommunikative og hjælper med at holde navigationsområdet fokuseret og ryddeligt. Klik på en kategori, og menuen udvider for at afsløre sub-muligheder igen på en måde, der er meget let på øjet.
En mere usædvanlig brug af den vertikale menu findes på Squarepusher's websted. Her bruges navigationen som en fane uden for hovedindholdet, som brugeren bare kan rulle og klikke igennem. Det er en langt mere lineær tilgang og ekko den sekventielle karakter af et Squarepusher-spor.
Reglerne ændrer sig
Som med alle ting på internettet bringer nye teknikker, teknologier, enheder og trends deres egne udfordringer og innovationer til bordet. Responsive webdesign betyder en traditionel vandret nav er nu også en vertikal nav (på mindre skærme). Parallax teknikker se navigationsområder ebbe og flyde som tidevandet, afhængigt af hvor du er på siden.
Der er ingen enkelt måde at skabe det perfekte sted nav. Men en iterativ tilgang til design og testning, helst med adgang til dit websteds statistik og konverteringsdata, vil sandsynligvis give de bedste resultater.
At være den motor, der driver din hjemmeside, skal din navigation være forudsigelig, enkel, konsistent og velplaceret.