Il est clair que le menu Hamburger doit se trouver à droite d'une application et d'une application Web natives. Au moins, notre communauté a conclu (par le vote) sur la question icônes du menu Hamburger - devraient-elles être à gauche ou à droite? que cela devrait être le cas.
C'est parce que aprox. 67% des utilisateurs utilisent le pouce droit (ce qui signifie donc la main droite) et dans plusieurs études ont prouvé que la zone de l'écran est plus difficile à atteindre avec cette position de la main est la partie supérieure gauche.
Pour les mêmes raisons, les éléments de menu ne seraient-ils pas également alignés à droite pour faciliter la navigation dans le menu? La zone d'élément de menu complet peut être sélectionnable, mais ce n'est pas toujours évident (et pas toujours implémenté). Ou est-ce que je manque quelque chose ici?
Je déconseille fortement l'alignement du texte à droite du point de vue de la lisibilité, du moins pour les pays où le texte est lu de gauche à droite. C'est le même cas que la lecture d'un livre, s'il était aligné à droite, votre œil se fatiguerait rapidement en cherchant le début de chaque ligne. Voir l'image:
De plus, lorsque l'utilisateur sait ce qu'il recherche, il peut simplement parcourir les premières lettres jusqu'à ce qu'il trouve une correspondance. C'est beaucoup plus difficile sur le bon exemple.
Le cas des utilisateurs gauchers, couvrant des parties du menu pendant le défilement, peut être résolu en plaçant des icônes à l'extrême gauche. Vous augmentez la lisibilité et faites de la place au doigt. Voir l'exemple:
Si le menu prend tout l'écran, comme dans votre capture d'écran, l'alignement à gauche est très bien. C'est plus naturel et les utilisateurs y sont habitués. Et comme Rob l'a dit, le pouce n'obstruerait pas le texte du menu.
Mais si votre menu ne prend que la moitié de l'écran vertical, ou moins, du côté droit, alors l'alignement à droite peut être meilleur.
Peut-être qu'en raison de cette anomalie d'alignement du texte, de nombreuses applications qui affichent le menu sur le demi-écran choisissent la moitié gauche et donc maintiennent le bouton dans le coin supérieur gauche le moins accessible.
La majorité des utilisateurs liront de gauche à droite, ce qui rend important l'alignement des éléments de navigation à gauche.
La meilleure façon de l'utiliser serait de faire flotter le menu hamburger vers la droite (ou d'aligner même le centre), en étendant le menu pleine largeur avec chaque élément de menu pleine largeur cliquable. Cela prouverait une plus grande accessibilité tout autour.
Nous avons récemment mis en œuvre quelque chose de similaire sur notre site Web qui a été lancé cette semaine.
menu Hamburger réduit par défaut et aligné au centre.
menu Hamburger développé avec des éléments de menu pleine largeur alignés à gauche.