Firwat Äddi dem Burger Menü?

An dësem Artikel wäerte mir net iwwer Cheeseburger schwätzen, awer iwwer ee vun de kontroversste Komponenten, déi an eise Webinterfaces präsent sinn, de "Burgermenü", och "Hamburgermenü" genannt.

De Burgermenü gëtt duerch d'Ikon vun dräi parallele horizontale Baren vertrueden, déi, wann Dir klickt, eng Fënster opmaacht mat verschiddene Linken. Dir hutt dat wahrscheinlech schonn e puer Mol gemierkt wann Dir um Smartphone oder op Ärem Tablet surft, oder souguer um Computerbildschierm!

Am Ufank, an dacks an dësem Sënn benotzt, erlaabt de Burger Menü Iech de Menü ze transforméieren siichtbar op engem

Computerbildschierm vun der Ikon op engem méi klengen Ecran, also um Smartphone an Tablet.

Dëse Burger Menü provozéiert Debatt well seng Notzung ganz verbreet ass well et op de Problem vum Raum verfügbar ass op engem klengen Ecran reagéiert. Awer bréngt säin Undeel vu Contrainten a punkto Benotzerfrëndlechkeet.

"Wéi eng bëlleg Fast-Food-Kette, huet et

Designer süchteg op seng Komfort,

an déngt elo Millioune all Dag ".

                                                                                            Nielsen Norman Group

D'Erscheinung vum Burgermenü

De Burgermenü gouf vum Norm Cox am Joer 1981 erfonnt, wärend d'Interfaces fir ee vun den éischte perséinleche Computeren, den Xerox Star, designen.

D'Ikon a seng dräi Baren representéieren d'Lëscht vun den Optiounen déi erschéngt eemol de Benotzer klickt. D'Zil war eng kleng Ikon ze kreéieren déi nach liesbar an erkennbar wier, wärend eng Lëscht graphesch symboliséiert. Norm Cox gouf vun de Symboler op Stroosseschëlder inspiréiert fir dës Ikon besonnesch ze kreéieren.

Duerno, am Joer 2009, no Joeren ouni vun aneren Interfaces benotzt ze ginn, gouf d'Ikon vun Apple benotzt, an enger vun hiren alleréischten Uwendungen fir den iPhone. D'Ikon war déi ideal Bestanddeel fir d'Raumbeschränkung um Smartphone z'erreechen an huet déiselwecht Argumenter benotzt wéi Cox wann et erstallt gouf: kleng, liesbar an erkennbar fir eng Lëscht ze weisen.

Duerno hunn Facebook, Twitter a schliisslech Google d'Ikon als Standard gemaach fir e Menü ze symboliséieren. D'Popularitéit vun dëser Ikon mam faarwege Numm hëlt of. D'Benotzer hunn elo dëse Burger-Menü an hirem Konsum vu mobilen Uwendungen ugeholl a séier seng Notzung identifizéieren.

Dëse Burgermenü gëtt dann vun dräi horizontale Baren ugewisen, déi wéi e Steak tëscht zwou Scheiwen Brout gestapelt sinn, dohier dëse faarwege Numm.

Aner à la Carte Menü

De Burger Menü Ikon ass net déi eenzeg Ikon déi e verstoppte Menü symboliséieren kann :

●  Kebab Menü : d'Ikon besteet aus dräi vertikalen Punkten. Et ass haaptsächlech op Google fonnt an dofir Android Interfaces, de Komponent ass Deel vum Design System fir eng Fënster vun Optiounen oder sekundär Aktiounen ze weisen verbonne mat enger Feature.

 De Menü vum Fleeschbäll: d'Ikon besteet och aus dräi Punkten, awer dës Kéier horizontal. Andeems Dir op dës Ikon klickt, kënnt de Benotzer och op eng Lëscht fir méi Detailer iwwer dat Element dat mat der Ikon assoziéiert ze kréien.

●  De Bento Menü: d'Ikon besteet aus dräi Linnen vun dräi Felder. Dës Ikon gëtt dacks benotzt fir Inputen oder Funktionalitéiten ze lëschten awer a Form vun engem Gitter wéi de Fall op der grafescher Duerstellung vun der Ikon.

●  Doner Menü: d'Ikon besteet aus dräi méi déck gestapelte Linnen vu verschiddene Längt. Et charakteriséiert eng Lëscht vu Filtere verbonne mat der konsultéiert Säit.

Dës véier aner Symboler, déi Zougang zu Menüen erlaben, leiden ënner de selwechte Nodeeler wéi de Burgermenü wärend déiselwecht Virdeeler.

Hei sinn d'Virdeeler an Nodeeler vum Burgermenü :

D'Virdeeler vum Burger Menü

Ier Dir d'Grënn fir "Firwat Äddi dem Burgermenü soen", ass et wichteg ze erënneren datt dës Komponent säin Deel vu Virdeeler bréngt. Hei ass eng net ustrengend Lëscht:

Wann de Menü zougemaach ass :

  1. Wéi uewen erwähnt, ass d'Ikon vum Burger Menü einfach a liesbar: wat Iech erlaabt e propperen a minimalisteschen Design ze kreéieren.
  2. D'Ikon gëtt den Inhalt vun der Säit. Et erlaabt d'Säit net ze iwwerlaascht an net mat ze vill Informatioun ze weien.

Wann de Menü op ass :

  1. De Menü kann säin eegenen Design hunn an hunn dofir e bestëmmte Layout.
  2. D'Opmierksamkeet vum Benotzer konzentréiert sech op de Menü Inhalt.
  3. Op Handy kann d'Touchzone op de Linken fir méi Komfort erhéicht ginn.
  4. Linken an Zougang zu de verschiddene Coursen um Site sinn op der selwechter Plaz zentraliséiert.

D'Nodeeler vum Burger Menü

Awer elo kënne mir äntweren firwat. Firwat vermeit de Burgermenü ze benotzen? Firwat ass et besser him Äddi ze soen?

Designers Fro de Burger Menü well et duerch Studien, Benotzer Tester an der Analyse vun Websäit Consultatioun Statistiken fonnt gouf, datt dës Navigatioun féiert zu engem schaarfen Ofsenkung vun engem Benotzer Engagement.

Hei ass eng net ustrengend Lëscht vun den Nodeeler vum Burgermenü :

#1 De grousse Problem opgedeckt ass datt d'Navigatiounsoptioune verstoppt sinn an et keng allgemeng Vue op d'Streck méiglech ass. E Benotzer ass also duerchernee fir net ze fannen wat e sicht (iwwer e Schlësselwuert, e Link oder e Knäppchen) op der Säit déi hien konsultéiert.

#2 Zougang zum Menü iwwer d'Ikon zitt wéineg Opmierksamkeet vum Benotzer (well et kleng ass an ëmginn vun Inhalter) a kann also vun de Benotzer onnotéiert bleiwen.

#3 Um Handy ass d'Ikon (dacks) uewen um Écran plazéiert, entsprécht der Touchzone déi schwéier ass fir d'Benotzer z'erreechen.

#4 Well Site Entréen verstoppt sinn, sinn d'Benotzer manner faszinéiert a klickt net duerch fir all Inhalt z'entdecken.

#5 Den Design vun der Ikon ass och e Problem well d'Benotzer d'Ikon net onbedéngt als Knäppchen unerkennen fir d'Navigatioun ze weisen. E puer Benotzer verstinn net de Mechanismus hannert dësen dräi Baren. Als Resultat, wann d'Navigatioun do zentraliséiert ass, kënnt Dir Besucher verléieren.

#6 Den zousätzleche Krunn (oder Klick) fir den Zougang zum Menü mécht d'Benotzer manner engagéiert fir de Site z'entdecken. Awer et kann och Middegkeet an der Navigatioun kreéieren, souguer Verärgerung, well dësen zousätzleche Klick eng Mauer ass, déi bei all Changement vun der Säit oder der Streck muss iwwerschratt ginn. Dofir gëtt de Wee verlängert fir zum Zil z'erreechen.

#7 Well de Menü eng Säit eleng huet, gesi mir datt dës Säiten dacks iwwerlaascht sinn, well mir se mat sou vill wéi méiglech Linken an Zougang wëllen ausfëllen. Mir schléissen mat enger grousser Unzuel un Rubriken, déi den Effet ginn, d'Sitekaart ze weisen. D'Interface verléiert Kloerheet an Einfachheet.

 

# Fir ofzeschléissen

An dësem Artikel hu mir also zesummen d'Virdeeler an Nodeeler vun engem Burger Menü gesinn.

D'Observatioun ass kloer, de Burgermenü kënnt mat hiren Undeel u Probleemer déi Är Benotzer verhënnert effizient op engem Site ze navigéieren.

An engem zukünftegen Artikel wäert ech mat Iech deelen :

  • Tipps fir d'Benotzung vum Burgermenü ze verbesseren wann Dir se benotze wëllt an a wéi enge Fäll et ubruecht ass dëse Mechanismus ze benotzen,
  • aner méiglech Materialiséierunge fir Är Menüen déi et méiglech maachen Einfachheet, Benotzerfrëndlechkeet an Ästhetik fir Är Interfaces ze kombinéieren.

Zéckt net är Meenung iwwert de Burgermenü ze deelen! Fir oder géint? 🙂

 

Bildquell: https://undraw.co/illustrations

 

Alexa CUELLAR UX-UI Designer @UX-Republic


Eis nächst Formatiounen