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.

Hamburgerikonet

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 [1][2]. Hamburgermenyer blir hyppig brukt i mobilapplikasjoner og ble først brukt i Xerox Star.

DiskusjonRediger

Om hamburgermeny er bra å bruke eller ikke, avhenger av hvor og hvordan den skal brukes. Ifølge studiet firfetatt av NN Group[3], 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)[4].

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

ReferanserRediger

  1. ^ «Are "Hamburger Menus" Good Usability? - Persuade By Design». Persuade By Design (engelsk). Arkivert fra originalen 18. november 2015. Besøkt 8. november 2015. 
  2. ^ Nessler, Dan (28. juni 2016). «To hamburger or not to hamburger». Medium (engelsk). Besøkt 24. november 2019. 
  3. ^ Experience, World Leaders in Research-Based User. «Hamburger Menus and Hidden Navigation Hurt UX Metrics». Nielsen Norman Group (engelsk). Besøkt 23. november 2019. 
  4. ^ «Bottom Navigation Pattern On Mobile Web Pages: A Better Alternative?». Smashing Magazine (engelsk). 29. august 2019. Besøkt 23. november 2019.