Nedenfor finner du noen tips om navigasjonsvalg på nettsiden som du kan bruke for å forbedre konverteringsraten din. Brukervennlighetstipsene våre hjelper deg med å gjøre hovedmenyen din—og hele nettbutikken din—mer brukervennlig.
Tips #1: Planlegg navigasjonen på startsiden din på forhånd
Før du begynner å velge menyvalg, er det viktig å planlegge hver funksjon og hvert innholdselement på nettsiden din. Du kan vanligvis dele funksjoner og innhold inn i hovedkategorier og underkategorier. Sørg for at du gir hver kategori tydelige og korte navn. Brukere skanner som regel bare raskt over menyvalgene, så det er viktig at de enkelt kan skille dem fra hverandre og med en gang forstå hva de er.
Tips #2: Legg de mest relevante valgene først
Menyvalgene som er mest interessante for brukerne dine, bør alltid stå først i hovedmenyen. Hvis du for eksempel er en SaaS-leverandør, er det lurt å starte menyen med valg som overbeviser besøkende om at løsningen din passer for dem. Prøv menyvalg som disse:
Hvis du driver en nettbutikk for et motemerke, bør menyen fokusere på produktene dine. Lenker til annet innhold, som produktråd eller blogginnlegg, bør komme mot slutten av menyen. Generelt avhenger de beste måtene å optimalisere konvertering for nettbutikken din på av hvilken bransje du er i.
Tips #3: Bruk en visuell struktur
En vanlig meny kan bare vise tekst i et enkelt format. Meganedtrekksmenyer, derimot, gir deg muligheten til å fremheve bestemte menyvalg. Du kan for eksempel bruke forskjellige:
Tekststørrelser
Tekstfarger
Skrifter
Ikoner
Dette lar deg legge mer struktur i innholdet i nedtrekksmenyen. Ikke alle valg må lenke til en faktisk side; noen ord kan ganske enkelt fungere som ikke-klikkbare overskrifter for de ulike klikkbare underkategoriene.
Tips #4: Unngå å inkludere ekstra funksjoner
Ikke legg inn kompliserte interaksjoner i nedtrekksmenyene dine, som registrering til nyhetsbrev eller valg- og søkefelt, siden dette ofte kan virke avskrekkende på brukerne. Det siste du vil, er at hovedmenyen din skal få et rotete design. Dessuten dukker elementer som disse ofte opp flere steder på en nettside. De får større effekt hvis du plasserer dem på sidene der de passer best.
Det kan derimot være veldig effektivt å legge inn en call-to-action (CTA)-knapp i navigasjonsfeltet. Legg for eksempel til en knapp som lar kundene dine gjøre en reservasjon eller et kjøp med ett klikk. Bare husk at CTA-en bør plasseres ved siden av hovedmenyen og ikke i selve nedtrekksmenyen.
Tips #5: Velg mellom å holde musepekeren over eller klikke
Mange nettsider bruker nedtrekksmenyer som åpner seg så snart brukeren holder musepekeren over menyvalget. Hvis du vurderer å bruke dette alternativet, er det noen punkter du bør tenke på:
Alt med en gang: En megameny bør åpne seg på én gang, i stedet for å åpne gradvis, ett underkategorinivå om gangen.
Perfekt timing: Menyen bør ikke være for følsom. Du vil unngå at den ‘flimrer’ når brukeren holder musepekeren over den for raskt. Samtidig bør den ikke reagere for tregt. Vi anbefaler en reaksjonstid på 0,1 til 0,5 sekunder for optimal brukervennlighet. Det er også lurt å tillate en kort pause før menyen skjules, i tilfelle brukeren ved et uhell fører musepekeren bort fra menyen. En meny som er for følsom eller uforutsigbar vil frustrere brukerne dine og få noen av dem til å gi opp og forlate nettstedet ditt helt.
MouseOut-programmering: Når nedtrekksmenyen aktiveres, flytter kundene markøren fra navigasjonsfeltet inn i menyen. Med mindre nettstedet ditt er korrekt programmert, vil det feilaktig logge en MouseOut-hendelse når musen forlater navigasjonsfeltet, og det vil føre til at menyen lukkes. Derfor er det viktig å sette opp menyen slik at nedtrekksmenyen bare forsvinner når musen forlater både navigasjonsfeltet og selve nedtrekksmenyen.
Mobilversjon: Å holde musepekeren over er ikke mulig på smarttelefoner eller nettbrett. Hvis du vil bruke en hover-aktivert nedtrekksmeny på desktop-siden din, husk å bruke andre innstillinger på mobilversjonen.
Tips #6: Følg tre-klikk-regelen
På de fleste nettsider bør navigasjonen følge «tre-klikk-regelen». Det betyr at brukerne dine skal kunne nå hvilken som helst informasjon på nettstedet ditt med ikke mer enn tre klikk. Dette er selvfølgelig bare en generell rettesnor. Hvis du har et stort, svært detaljert nettsted, er antallet klikk ikke like viktig så lenge siden er godt organisert. Det som betyr mest, er at kundene dine alltid føler at det er lett å finne frem.
Tips #7: Bruk flere menyer
For nettsteder med mye informasjon kan det være nyttig å legge til mer enn én meny. Du kan for eksempel velge en nedtrekksmeny med produktkategoriene dine som hovedmeny, samtidig som du bruker en egen meny i footeren som inneholder sekundære kategorier. Dette hindrer hovedmenyen din i å bli for rotete. Se tabellen nedenfor for å se hvordan dette ser ut.
Tips #8: Utseendet teller
Et attraktivt menydesign bør beholde samme størrelse, selv når menyvalgene i hovedmenyen inneholder ulikt antall underkategorier. Hvis nettstedet ditt har en søkefunksjon, må du sørge for at nedtrekksmenyene ikke dekker den til når de utvides.
Du bør også inkludere et lite visuelt hint som viser om et valg i navigasjonsfeltet vil utvide seg til en nedtrekksmeny hvis brukeren klikker eller holder musepekeren over det. Plasser for eksempel en liten pil ved siden av menynavnet: for nedtrekksmenyer bør pilen peke ned; for fly-outs bør den peke mot høyre. Dette hjelper kundene dine å intuitivt forstå at de kan forvente å finne mer informasjon.
