Hamburgermeny

En hamburgermeny i webdesign er et ikon bestående av tre horisontale streker plassert under hverandre. Ikonet er vanligvis plassert oppe til høyre eller venstre på nettsiden. Når ikonet klikkes, vises nettstedets meny. Hvilken måte menyen vises på, avhenger av designeren av nettstedet. Noen ganger kommer den skliende inn fra en av skjermens sider, noen ganger animerer den fra gjennomsiktig til ikke-gjennomsiktig, og andre ganger vises den uten noen form for animasjon. Hamburgerikonet brukes gjerne i samspill med responsiv design; på store skjermer, for eksempel på desktop og laptop, kan menyen vises i sin helhet øverst på nettsiden. På mindre skjermer, som for eksempel mobiltelefoner og nettbrett, byttes menyen ut med hamburgerikonet for å spare plass. Det finnes flere måter å implementere funksjonaliteten til hamburgermenyen, men de vanligste måtene benytter JavaScript.

Webdesignere og eksperter i brukskvalitet har ikke kommet til enighet om hamburgermenyen er en god eller dårlig ting, og det foregår hyppige diskusjoner om fordelene og ulempene ved den . Hamburgermenyer blir hyppig brukt i mobilapplikasjoner og ble først brukt i Xerox Star.

Diskusjon 
Om hamburgermeny er bra å bruke eller ikke, avhenger av hvor og hvordan den skal brukes. Ifølge studiet firfetatt av NN Group, menyen skal alltid være synlig på desktop versjon av nettsider for å gi best brukeropplevelse. Når det gjelder mobilversjon av en nettside eller en app, gjelder det andre regler. Hamburgermenyen er brukt på responsive nettsider på mobile versjoner, og ofte brukt i mobilapplikasjoner som hoved navigasjon eller i kombinasjon med andre type navigasjoner som  bunnavigasjon (eng. bottom navigation).

Fordeler
 tar mindre plass på skjermen
 mer fokus på andre elementer på skjermen
 menyen kan inneholde mange menyvalg
 minimalistisk design

Ulemper
 mindre synlig
 ikke alle brukere skjønner hva hamburgerikonet betyr
 når ikonet er plassert øverst på mobilskjermen, kan brukeren ikke nå ikonet med en tommelfinger
 det tar ekstra tid å klikke først på ikonet og så på menyvalg

Referanser 

Grafiske styreelementer