Pereiti prie turinio

Hamburgerio meniu

Straipsnis iš Vikipedijos, laisvosios enciklopedijos.
Hamburgerio ikona.

Hamburgerio meniu yra piktograma, web dizaino elementas, naudojamas internetinėse svetainėse, kai norima paslėpti svetainės meniu. Piktogramą sudaro trys horizontalios linijos, išdėstytos viena po kitos. Piktograma paprastai yra patalpinama viršutinėje dešinėje arba kairėje puslapio pusėje. Piktogramos dizainas gali šiek tiek skirtis, kai kurie dizaineriai horizontalias linijas padaro ne vienodo ilgio.

   Šį puslapį ar jo dalį reikia sutvarkyti pagal Vikipedijos standartus.
Jei galite, sutvarkykite.

Naudojimas

Hamburgerio meniu dažniausiai naudojamas prisitaikančiame (angl. responsive) dizaine. Dideliuose ekranuose, kaip stacionarių kompiuterių, svetainės meniu dažniausiai rodomas visas, bet mažėjant ekranams, pavyzdžiui, mobiliuosiuose telefonuose ir planšetiniuose kompiuteriuose, taupant vietą meniu yra pakeičiamas hamburgerio piktograma. Spustelėjus piktogramą, pasirodo visas svetainės meniu. Kaip meniu yra pavaizduotas, priklauso nuo svetainės dizainerio. Kartais meniu pasirodo iš vienos ekrano pusės, kartais iš kitos, kartais su animacija, kartais be. Yra keletas būdų kaip įdiegti hamburgerio meniu funkcionalumą, bet labiausiai įprastas būdas yra naudoti JavaScript.

Interneto dizaineriai ir tinkamumo (angl. usability) ekspertai nesutaria dėl hamburgerio meniu, ar tai yra geras, ar blogas dalykas. Dažnai kyla diskusijos apie privalumus ir trūkumus [1].

Diskusija

Privalumai

  • Daugiau elementų gali būti patalpinta į meniu
  • Paslėpdami meniu, daugiau dėmesio skiriame kitiems elementams ekrane
  • Suteikia minimalistinį dizainą


Trūkumai

  • Mažiau pastebima
  • Ne visi vartotojai supranta ką hamburgerio piktograma reiškia[2]
  • Sunku pasiekti, kai naudojama mobilų telefoną (kai mobilus naudojamas viena ranka, ir kai piktograma patalpinta ekrano viršuje)
  • Pasiekti reikiamą puslapį reikalauja vieno papildomo paspaudimo ant hamburgerio meniu


Nuorodos

  1. Are “Hamburger Menus” Good Usability? Rachel Peters, Persuade by Design.
  2. https://medium.com/digital-experience-design/to-hamburger-or-not-to-hamburger-aad8b4a07576