Afvejning · Navigation

Burgermenu vs. synlig navigation

Skal den primære navigation ligge synligt, eller gemmes bag et hamburger-ikon? NN/g har målt forskellen på tværs af mobil og desktop. Her er tallene for, hvad skjult navigation koster — og hvornår burgermenuen stadig giver mening.

6 min læsning

Kort fortalt

  • Skjult navigation sænker findbarheden med mere end 20% (NN/g).
  • Brugere er mindst 39% langsommere på desktop og 15% på mobil med skjult navigation.
  • Synlig eller kombineret navigation bruges næsten dobbelt så meget som skjult.
  • Skjult navigation straffer desktop hårdere end mobil — pladsen er der som regel.

Tilgangene

Burgermenu (skjult)

Navigationen ligger bag et hamburger-ikon.

  • Sparer plads og giver et rent, roligt layout.
  • Fungerer, når navigation er sekundær for opgaven.
  • Sænker findbarheden med over 20%.
  • Langsommere opgaveløsning (≥39% på desktop, 15% på mobil).
  • Øger den oplevede sværhedsgrad.

Afvejningen, dimension for dimension

DimensionSynlig navigationBurgermenu (skjult)
Findbarhed1Over 20% lavere
Opgavetid (desktop)1Mindst 39% langsommere
Opgavetid (mobil)115% langsommere
Faktisk brug1Brugt i 27% af tilfældene (desktop)
Oplevet sværhedsgrad121% højere

Hvad siger evidensen?

I NN/g’s studie med 179 deltagere på tværs af seks sites var indholdets findbarhed markant lavere, når navigationen var skjult — et fald på mere end 20% sammenlignet med synlig navigation.1

Skjult navigation kostede også tid. På desktop var deltagerne mindst 39% langsommere, når navigationen var skjult, og på mobil 15% langsommere. Samtidig steg den oplevede sværhedsgrad med 21% i forhold til synlig navigation.1

Brugerne greb sjældnere til de skjulte menuer: skjult navigation blev kun brugt i 27% af tilfældene på desktop, mens synlig eller kombineret navigation blev brugt næsten dobbelt så meget. Gemmer du menuen, bruger folk den mindre.1

Effekten var størst på desktop, hvor der som regel er rigelig plads til synlig navigation. På mobil, hvor pladsen er knap, er straffen mindre — men stadig målbar. Konklusionen fra NN/g: skjul kun navigationen, når du er tvunget til det.1

Hvornår vælge hvad

  • Desktop og brede skærme
    Synlig navigation

    Pladsen er der, og straffen for at skjule er størst netop her.

  • Sites hvor navigation er central for opgaven (webshops, opslagsværker, komplekse apps)
    Synlig navigation

    Findbarhed og fart betyder mest, når folk faktisk skal navigere for at nå deres mål.

  • Meget små skærme eller apps, hvor navigation er sekundær og pladsen reelt er knap
    Burgermenu (skjult)

    Her kan burgermenuen forsvares — men overvej en kombineret løsning, der viser de vigtigste punkter.

Ofte stillede spørgsmål

Er hamburger-menuen altid et dårligt valg?

Nej, men den har en pris. NN/g måler over 20% lavere findbarhed og markant langsommere opgaveløsning, når navigationen skjules. På små skærme med sekundær navigation kan den forsvares — på desktop er den sjældent det rigtige valg.

Hvad er “kombineret” navigation?

En løsning, der viser de vigtigste punkter synligt og lægger resten bag et ikon. I NN/g’s studie klarede kombineret navigation sig næsten lige så godt som fuldt synlig — og markant bedre end helt skjult.

Hvorfor rammer det desktop hårdere end mobil?

På desktop er der som regel rigelig plads til at vise navigationen, så brugerne forventer den fremme. At skjule den bryder forventningen og koster mest her. På mobil er pladsen knap, så straffen er mindre — men stadig målbar.

Kilder

  1. Hamburger Menus and Hidden Navigation Hurt UX MetricsNielsen Norman Group · Pernice & Budiu · 179 deltagere, 6 sites, 2016