Si vous travaillez sur une conception de site Web, il est recommandé de placer des icônes de hamburger dans le coin supérieur gauche d'une page. Dans le monde occidental, les utilisateurs commencent à scanner une page de gauche à droite, et le menu du hamburger sera la première chose qu'ils remarquent.
- Pourquoi le menu du hamburger est-il sur le côté gauche?
- Pourquoi l'icône du hamburger est sémantiquement correcte?
- Comment gérez-vous un menu de hamburger?
- Comment utilisez-vous une icône de hamburger?
Pourquoi le menu du hamburger est-il sur le côté gauche?
L'icône du menu Hamburger a été introduite pour la première fois dans les premiers jours du Web (lorsque nous n'avons pas conçu pour les écrans mobiles), et il était généralement placé dans le coin supérieur gauche de l'écran. C'était parce que le coin supérieur gauche était l'emplacement traditionnel de la barre de menu.
Pourquoi l'icône du hamburger est sémantiquement correcte?
L'icône du hamburger est facilement évolutive et s'intègre proprement dans une grille de pixels. C'était à l'origine une icône de liste qui a été appuyée sur son rôle actuel, mais comme un menu est simplement une liste d'options, il est sémantiquement correct d'utiliser l'élément de liste de cette manière.
Comment gérez-vous un menu de hamburger?
Le placement du menu du hamburger sur l'écran est exactement la même que la valeur par défaut du bouton arrière: le coin supérieur gauche. Lorsque les deux icônes sont nécessaires, vous devrez soit les presser les deux côte à côte, soit sacrifier une certaine convivialité en en supprimant une.
Comment utilisez-vous une icône de hamburger?
Vous le trouverez sous la forme d'une icône avec trois lignes horizontales dans le coin supérieur de l'écran sur les applications et les sites Web réactifs. Une fois que vous cliquez sur cette icône, il révélera une navigation cachée avec des options de menu qui vous accordent un accès direct à leurs pages respectives.