10 måder at designe menuer, der ikke suger
Der er konkrete rigtige og forkerte måder at designe navigationsmenuer. Denne grundlæggende del af et websted overses ofte i designprocessen, og det viser med hensyn til brugervenlighed.
Clunky, overfyldte eller manglende navigation er de mest almindelige problemer og helt ærligt kan de gøre dit website simpelthen sut. Vær ikke den fyr (eller pige). Brug disse tips til at sikre, at du bruger moderne navigationsmønstre på dit webstedsprojekter for kølige, kreative navigationselementer, som ikke suger. (Og er meget anvendelige.)
1. Ditch Mega Menus
Mega-menuer var et designfad som kunder elskede - selv når designere hadede det. Den overdimensionerede menustil, der indeholder "alt undtagen køkkenvasken", er overvældende for brugerne og giver ikke nogen reel værdi.
Kun en håndfuld store detailhandlere kan virkelig komme væk med at bruge mega-menuer, og formålet er at vise omfanget af lagerbeholdningen. Nyttigheden af det overbelastede navigationselement er tvivlsomt.
Ofte vælges en mega-menupunkt, fordi det er for svært at indsnævre, hvad der skal sættes i navigationen. Lav de hårde valg. Grav i analytics for at se, hvad brugere søger. Ærligt, vil de fleste brugere, der ønsker en meget specifik ting, finde den ved hjælp af søgning alligevel.
2. Gør Søg fremtrædende
Og taler om søgning: Gør det fremtrædende. Søgning skal være på hver side. Det skal i hovednavigationen. Og det skal være stort og nemt at få adgang til.
Superb søgefunktionalitet er det link, der holder brugerne på en hjemmeside. Hvis det, de søger, ikke er let tilgængeligt, vil den næste mulighed sandsynligvis søge efter det. (Du kan takke Google for denne søgning-første tankeproces.)
Forsøg ikke at bekæmpe det. Arbejd med brugere og inkludere søgning som en del af hovednavigationen. (Og sørg for, at boksen er stor nok til at skrive og se de almindelige sætninger i.).
3. Begræns antallet af navigationsvalg
Det er dit job at foregribe, hvad indholdsbrugere vil få adgang til næste gang. Begræns navigation valg til de mest populære sider og informationer i webdesign.
Næsten hver navigationsmenu skal indeholde søge-, en om- eller kontaktside, og e-handelswebsteder skal altid indeholde en indkøbsvogn eller køb nu-knap. Derefter skal navigationselementerne styres af webstedets indhold.
4. Udvikle Smart Navigation Menus
God navigering hjælper brugerne med at flytte fra en smule indhold til det næste logiske punkt. Dette indhold er ofte anderledes på forskellige dele af hjemmesiden.
Opret flere navigationskonfigurationer, så brugerne har nem adgang til indholdet, der er det næste logiske trin i deres vej rundt om designet. Mens nogle elementer overlapper hinanden, hjælper andre brugere og hjælper dem med at gå dybere ind i designet.
Vi er i en alder, hvor brugerne er kommet til at forvente visse niveauer af personalisering. Amazon gør et godt stykke arbejde med dette med navigationselementer, der endda kalder brugere ved navn. Se nærmere på navigationen næste gang du logger ind for at se [Your Name Here] s Amazon.com. Den sekundære navigation indeholder oplysninger som brugerens årlige donation til Smile-brugere, nyere ordrehistorik og lige kreditter til andre Amazon-tjenester. (Alt efter er det også temmelig personlig.)
5. Bestil Nav Elementer Formålet
Rækkefølgen af navigationselementer er lige så vigtig som beslutningen om at bruge dem. Elementer i begyndelsen og slutningen af navigationselementet vil være mest effektive, mest set og mest klikket. Brug disse positioner omhyggeligt.
Der er endda noget videnskab til at bakke op. Det seriel position effekt er en persons tendens til at huske de første og sidste elementer i en liste mest konsistens. Endvidere har brugerne en tilbøjelighed til at huske de seneste poster bedst (nyhedseffekt), og de første få elementer i en liste er tilbagekaldt bedre end mellemelementer (primacyffekt).
Se på brugerflowmønstre i din webstedsanalyse for at bestemme præcis, hvilke sider og elementer der skal være foran og midt. Inkluder sider, som brugerne skal henvise til fra hjemmesiden og indholdet, som du vil have brugere til at oprette forbindelse til. Eliminer navigeringselementer, der ikke kører brugerflow.
6. Brug klæbende navigation til lange rulle sider
Lad ikke brugerne miste sporet af navigationen. Uanset om den stikker til toppen eller bunden eller siden af skærmen, skal enhver side med langrulleformat indeholde en klæbrig menu. Årsagen bag dette er simpel: Lad brugerne ikke arbejde for at holde kontakten med din hjemmeside.
Jo lettere det er at bevæge sig rundt og opleve indhold, desto mere sandsynlige brugere skal netop gøre. Jo mere tid en bruger bruger på dit websted med dit design, desto mere sandsynligt er de at konvertere på en ønsket brugerhandling.
7. Skjul ikke navigationen
Små menupunkter, links gemt væk nederst på skærmen eller kun i footer, og pop-out navigation skjult bag oddball ikoner og manglende navigation på indvendige sider vil kun holde brugere fra at klikke. Skjul ikke hjemmesides navigation. Det skal være foran og midt. Det skal være på hver side.
Brugere kan komme til din hjemmeside på en række måder. Sørg for, at der er et navigationselement, der venter dem, når de ankommer.
8. Brug beskrivende etiketter
Fra navigationsord til ikoner skal hvert element fortælle brugerne, hvad der sker med et klik. Brug almindeligt accepterede ikoner, såsom et indkøbskort til at tjekke eller forstørre glas til søgning eller endog et hamburgerikon for pop-out-menuer.
Så tag det et skridt videre og brug tekstetiketter, der fortæller brugeren, præcis, hvilke oplysninger der er indeholdt heri. Forsøg at undgå alt for generiske etiketter såsom tjenester eller tilbud, hvis der er et ord, der bedre forklarer indholdet.
9. Overvej Full Page Nav
Nogle gange er designet navigeringen. Hvis der er nogle få nøgleelementer, der er afgørende for brugerne, skal du vise dem med fuldskærmnavigation.
Selvom dette ikke vil være passende for hvert projekt, kan det være effektivt for mindre websites, porteføljer eller projektarbejde.
10. Gå lodret
Lodret navigation er trendy lige nu , og med god grund. Det er let at se og trækker øjet, fordi det er lidt anderledes.
Side, vertikalt orienteret navigation er en god mulighed for websteder, der har brug for lidt mere plads til antal navigationselementer. Med en dybere menu kan designen rumme flere navelementer uden at føle rodet og opretholde tilstrækkelig plads mellem elementer.
