10 måter å designe menyer som ikke suger
Det er bestemte rette og gale måter å designe navigasjonsmenyer. Denne grunnleggende delen av et nettsted blir ofte overset i designprosessen, og det viser når det gjelder brukervennlighet.
Clunky, overfylt eller manglende navigasjon er de vanligste problemene og helt ærlig kan de få nettstedet ditt til å suge. Ikke vær den fyren (eller jenta). Bruk disse tipsene for å sikre at du bruker moderne navigasjonsmønstre i nettstedsprosjektene dine for kule, kreative navigasjonselementer som ikke suger. (Og er svært brukbare.)
1. Ditch mega-menyene
Mega-menyer var en designfade som klienter elsket - selv når designere hatet det. Den overdimensjonerte menystilen som inneholder "alt annet enn kjøkkenvasken" er overveldende for brukerne og gir ingen reell verdi.
Bare en håndfull store forhandlere kan virkelig komme seg unna med å bruke mega-menyer, og hensikten er å vise omfanget av beholdningen. Nytten til det overbelaste navigasjonselementet er tvilsomt.
Ofte er et mega menyalternativ valgt fordi det er for vanskelig å begrense hva som skal settes i navigasjonen. Lag de tøffe valgene. Grav i analyse for å se hva brukerne leter etter. Ærlig, de fleste brukere som vil ha en veldig spesifikk ting, vil finne det ved hjelp av søk uansett.
2. Gjør søk fremtredende
Og snakker om søk: Gjør det fremtredende. Søk skal være på hver side. Det burde være i hovednavigasjonen. Og det skal være stort og enkelt å få tilgang til.
Superb søkefunksjonalitet er lenken som vil holde brukerne på et nettsted. Hvis det de ikke ser lett tilgjengelig, er det neste alternativet sannsynlig å søke etter det. (Du kan takke Google for denne søk-første tankeprosessen.)
Ikke prøv å bekjempe det. Arbeid med brukere og inkludere søk som en del av hovednavigasjonen. (Og vær sikker på at boksen er stor nok til å skrive og se de vanlige setningene i.).
3. Begrens antall navigasjonsvalg
Det er din jobb å forutse hva innholdsbrukere vil ha tilgang til neste. Begrens navigeringsvalg til de mest populære sidene og informasjonen i webdesign.
Nesten alle navigasjonsmenyer skal inneholde søk, en om eller kontaktside, og e-handelsnettsteder bør alltid inkludere en handlevogn eller kjøp nå-knapp. Etter dette bør navigasjonselementene drives av innhold på nettstedet.
4. Utvikle Smart Navigasjonsmenyer
God navigering vil hjelpe brukerne til å flytte fra en bit av innhold til neste logiske punkt. Dette innholdet er ofte annerledes på ulike deler av nettstedet.
Opprett flere navigasjonskonfigurasjoner slik at brukerne har lett tilgang til innholdet som er det neste logiske trinnet i veien rundt designet. Selv om enkelte elementer kan overlappe, hjelper andre brukere og hjelper dem til å bevege seg dypere inn i designet.
Vi er i en alder der brukerne har kommet til å forvente bestemte nivåer av personalisering. Amazon gjør en flott jobb med dette med navigasjonselementer som til og med kaller brukere etter navn. Ta en nærmere titt på navigasjonen neste gang du logger inn for å se [Ditt navn her] s Amazon.com. Den sekundære navigasjonen inneholder informasjon som brukerens årlige donasjon for Smile-brukere, nyere ordrehistorikk og til og med kreditter til andre Amazon-tjenester. (Alt etterpå er det også ganske personlig.)
5. Bestil Nav Elementer Formålet
Bestillingen av navigasjonselementer er like viktig som beslutningen om å bruke dem. Elementer i begynnelsen og slutten av navigasjonselementet vil være mest effektive, mest sett og mest klikkte. Bruk disse stillingene nøye.
Det er enda litt vitenskap for å sikkerhetskopiere dette. De seriell posisjon effekt er tendensen til en person til å huske de første og siste elementene i en liste mest konsistens. Videre har brukerne en tendens til å huske de nyeste elementene best (nyhetseffekt), og de første elementene i en liste blir tilbakekalt bedre enn mellomelementene (primacyffekt).
Se på brukerflytemønstre i webanalysen din for å avgjøre nøyaktig hvilke sider og elementer som skal være foran og senter. Inkluder sider som brukere skal til fra hjemmesiden og innholdet som du vil at brukerne skal koble til. Eliminer navigasjonselementer som ikke kjører brukerflyten.
6. Bruk klebrig navigasjon for langrullingssider
Ikke la brukerne miste oversikten over navigasjonen. Enten det stikker til toppen eller bunnen eller siden av skjermen, bør en side med langrullingsformat inneholde en klebrig meny. Årsaken bak dette er enkel: Ikke la brukerne jobbe for å fortsette å samhandle med nettstedet ditt.
Jo lettere det er å flytte rundt og oppleve innhold, jo mer sannsynlige brukere skal bare gjøre det. Jo mer tid en bruker bruker på nettstedet ditt med design, jo mer sannsynlig er de å konvertere på en ønsket brukerhandling.
7. Ikke skjul navigasjonen
Små menyelementer, koblinger tucked away nederst på skjermen eller bare i footer, og pop-out navigasjon skjult bak oddball ikoner og manglende navigering på innvendige sider vil bare holde brukere fra å klikke. Ikke skjul nettsidernavigasjon. Det skal være foran og sentrum. Det burde være på hver side.
Brukere kan komme til nettstedet ditt på noen måter. Pass på at det er et navigasjonselement som venter på dem når de kommer.
8. Bruk beskrivende etiketter
Fra navigasjonsord til ikoner, bør hvert element fortelle brukerne nøyaktig hva som vil skje med et klikk. Bruk vanlige aksepterte ikoner, for eksempel et handlekort for å sjekke ut eller forstørrelsesglass for søk eller til og med et hamburgerikon for popup-meny stiler.
Så ta det et skritt videre og bruk tekstetiketter som forteller brukeren nøyaktig hvilken informasjon som finnes heri. Prøv å unngå altfor generiske etiketter som tjenester eller tilbud, hvis det er et ord som bedre forklarer innholdet.
9. Vurder Full Page Nav
Noen ganger er designnavigasjonen. Hvis det er noen viktige elementer som er avgjørende for brukerne, skal du vise dem med fullskjermsnavigasjon.
Selv om dette ikke vil være hensiktsmessig for hvert prosjekt, kan det være effektivt for mindre nettsteder, porteføljer eller prosjektarbeid.
10. Gå Vertikal
Vertikal navigasjon er trendy akkurat nå , og med god grunn. Det er lett å se og trekker øyet fordi det er noe annerledes.
Side, vertikalt orientert navigering er et godt alternativ for nettsteder som trenger litt mer plass til antall navigasjonselementer. Med en dypere meny kan designen huse flere navelementer uten å føle rotete og opprettholde tilstrekkelig mellomrom mellom elementene.
