Qu'est-ce qu'un bouton de menu hamburger ?

Le menu hamburger, ou icône hamburger, est un terme couramment utilisé pour parler d'applications. Cela peut vous donner faim, mais cela n'a rien à voir avec la nourriture. D'où vient ce nom idiot et à quoi sert le menu ?

L'histoire de l'icône du hamburger

L'icône Hamburger (menu, symbole, bouton, etc.) existe depuis 1981. Elle a été créée par Norm Cox , le graphiste du xérox étoile , le premier ordinateur personnel commercial.

Norm a conçu le symbole comme un conteneur pour les options de menu. Les lignes horizontales sont une représentation abstraite d'une liste verticale. Vous pouvez voir les boutons du menu hamburger en action au Xerox Star dans la vidéo ci-dessous à 21h15.

Le symbole devait être très simple, en partie à cause des limites de conception de l'époque. Il ne pouvait être que d'environ 16 × 16 pixels, il devait donc être distinct et facilement visible. Trois lignes audacieuses l'ont fait.

Ce n'est qu'avec l'avènement des smartphones et des applications mobiles que l'icône du hamburger a fait irruption dans la conscience dominante. L'espace d'écran limité signifie que les options doivent être masquées dans les menus, et l'icône hamburger est devenue un choix populaire pour l'indiquer.

L'histoire de l'icône du hamburger dans les applications mobiles est un peu plus sombre. Il a peut-être été utilisé pour la première fois par une application Twitter appelée 'Titis' en 2008 . Peu de temps après, il a commencé à apparaître dans le système d'exploitation iOS d'Apple pour iPhone, ce qui a probablement conduit à sa popularité dans la conception d'applications mobiles.

À quoi sert l'icône du hamburger ?

Comme mentionné ci-dessus, l'objectif initial de l'icône hamburger était d'agir comme un menu contenant des listes d'options. C'est de là que vient le design. Les menus répertorient souvent les options verticalement, de sorte que les trois lignes sont empilées les unes sur les autres.

C'est toujours à cela que sert l'icône du hamburger aujourd'hui, mais sa portée s'est étendue aux applications mobiles. Il est maintenant couramment utilisé pour les menus qui glissent depuis le côté de l'écran. (Ce type de menu est parfois appelé menu 'barre latérale'.)

Vous trouverez ci-dessous un exemple de l'icône hamburger utilisée dans l'application Gmail Android. Appuyez sur l'icône pour ouvrir un menu de ce côté de l'écran.

L'icône hamburger se trouve également dans le menu Démarrer de Windows 10. Survoler ou cliquer sur l'icône développe les raccourcis vers les paramètres, l'alimentation et d'autres options utilisateur.

L'icône du hamburger est simplement un symbole qui est devenu le sens de « menu ». Une fois que vous commencez à le chercher, vous le verrez partout.

Pourquoi s'appelle-t-il le menu 'Burger' ?

Grâce à la recherche de designers Geoff Alday , l'histoire de l'icône du hamburger est assez complexe. Cependant, nous ne savons pas vraiment pourquoi ni quand il a reçu le surnom de 'hamburger'.

Tout le monde semble convenir que le surnom vient des trois lignes qui ressemblent un peu à un chignon supérieur, une galette de hamburger et un chignon inférieur. Mais qui a été la première personne à établir ce lien ? Nous ne sommes pas sûrs. Norm Cox ne le mentionne qu'en plaisantant en l'appelant un «vent de fenêtre».

Apparemment, les humains voient la nourriture dans beaucoup de choses.

Le cas contre le menu Burger

Tout le monde n'est pas fan de l'icône omniprésente du hamburger. Ces dernières années, les concepteurs d'applications ont commencé à l'abandonner.

L'icône du hamburger a été conçue (avec des restrictions strictes) pour être super simple. Cette simplicité peut parfois être un inconvénient. Il n'est pas très descriptif et peut facilement passer inaperçu si vous ne le connaissez pas.

Les barres de navigation sont devenues un moyen plus populaire d'organiser les éléments de menu. Au lieu de tout cacher derrière un bouton quelconque, vous pouvez organiser plusieurs icônes dans une barre avec du texte. C'est beaucoup plus facile à comprendre pour quelqu'un.

Barre de navigation dans Google Maps

Une barre de navigation ne fonctionne pas pour toutes les applications, il est donc courant de voir l'icône du hamburger. Ce qui est devenu encore plus populaire, c'est l'utilisation de trois points comme icône de menu, comme indiqué ci-dessous dans Chrome pour Android.

(Sous le bouton, vous pouvez voir une icône de menu hamburger sur le site Web mobile How-To Geek. Les sites Web utilisent souvent cette conception aussi !)


On parle beaucoup de hamburgers et de conception de logiciels. Tout ce que vous devez savoir, c'est qu'un menu hamburger se compose généralement de trois lignes horizontales dans une pile verticale. Cherchez également trois points. Utilisez ces boutons lors de la recherche de menus et d'autres options. Passe-moi la moutarde, s'il te plaît.

5/5 - (1 voix)