Icônes du menu Hamburger - devraient-elles être à gauche ou à droite?
Menus Hamburger (les trois petites barres horizontales: la nouvelle icône de menu). Doivent-ils être à droite ou à gauche?
Je ne pense qu'aux applications mobiles et tablettes.
Le motif que je vois le plus est sur le côté gauche: application Youtube, application Evernote et bien d'autres. Cependant, j'ai vu l'argument selon lequel la droite est plus conviviale car lorsque vous saisissez le téléphone avec votre main droite, il est plus facile d'accéder au menu.
Qu'en pensez-vous? Dois-je suivre le flux et implémenter le menu sur le côté gauche?
Ce menu est devenu "célèbre" car Facebook et Path l'ont implémenté pour la première fois. Personnellement, je ne suis pas vraiment attiré par ce menu, mais si je dois choisir un côté, je choisirais le bon côté.
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. Quelque chose que vous pouvez voir correctement dans cette image du livre de LukeW's Web Form Design
La navigation d'une application de site mobile doit être facilement accessible et accessible. De cette façon, l'expérience est plus confortable (au moins pour 67% des utilisateurs droitiers).
Vous trouverez ici un article très intéressant sur la façon dont les utilisateurs détiennent les appareils mobiles: Comment les utilisateurs détiennent-ils vraiment les appareils mobiles?
Vous devez d'abord faire ce qui est déjà fait.
Les utilisateurs adorent la cohérence
Si la majorité des applications le font en haut à gauche, allez-y. Cela ressemble beaucoup à la façon dont beaucoup de téléphones, même si différentes entreprises, appliquent les mêmes mécanismes pour les écrans tactiles (appuyez une fois pour ouvrir une application, au lieu de deux, ou même glissez dessus).
De plus, comme le montre la recherche (merci @Izahaki), le côté gauche est meilleur car il est beaucoup plus facile de s'étirer, puis de compresser (moins d'équilibre de cette façon dans la main que ce que j'ai trouvé).
De plus, je ne peux pas exprimer cela suffisamment: Test utilisateur.
Découvrez ce que vos utilisateurs cibles (parties prenantes) sont plus à l'aise ou habitués. S'ils sont technophiles, j'irais avec cohérence.
Cependant, il existe aussi quelque chose appelé comportements appris . Quelque chose que les utilisateurs commencent à faire après une utilisation répétitive. Donc, vraiment, si vous définissez une norme, ne la cassez pas et il pourrait y avoir un potentiel de comportement appris. Cependant, je vous suggère fortement de commencer par ce qui est fait en premier, puis d'établir vos propres règles si nécessaire.
Nous y avons beaucoup réfléchi et testé récemment et avons essayé le menu hamburger/rideau à gauche et à droite. Un facteur important à garder à l'esprit est la position des autres éléments de navigation que vous avez, en particulier une icône Accueil ou Précédent.
Apple fronce les sourcils en voyant le hamburger directement à côté/au-dessus d'un bouton Retour - et a rejeté l'une de nos applications à cause de cela. Il est intéressant de noter que d'autres ont réussi à le faire, donc Apple semble être quelque peu incohérent à ce sujet. Cela dépend peut-être d'autres facteurs tels que la taille des zones de prise, la distinction visuelle entre les fonctions, etc.
Cependant, en règle générale, je plaiderais pour avoir l'icône du hamburger sur le côté droit. Le coin supérieur gauche semble être une position naturelle pour les boutons Retour/Accueil. Les recherches précédentes que nous avons effectuées ont montré que les utilisateurs aiment avoir un bouton Retour/Accueil car cela leur donne un sentiment de sécurité/de mise à la terre dans la hiérarchie de navigation - ils savent toujours qu'ils peuvent revenir dans une zone "sûre".
Peut-être devriez-vous tout d'abord vous demander si une navigation rideau est nécessaire du tout ... ils sont pratiques en ce sens qu'ils agissent effectivement comme une navigation globale, accessible depuis n'importe où dans l'application. Est-ce que votre application en a besoin? Est-il plus facile d'avoir simplement une page de navigation avec un tableau d'icônes/fonctions pour l'application sur la page d'accueil? Cela aide à donner aux clients un bon modèle mental de l'application/des fonctions possibles. Cela dépend de votre application, du nombre de fonctions disponibles et de la façon dont vos utilisateurs l'utilisent.
Quoi que vous fassiez, assurez-vous de tester un prototype de votre solution avec de vrais utilisateurs avant de l'envoyer en développement!
Les commandes les plus utilisées doivent se trouver dans la zone d'écran la plus facilement accessible.
Si le menu est rarement utilisé, ce qui est, je pense, le cas, il ne remplit pas les conditions requises pour être à la portée du pouce droit.
Un menu rarement utilisé qui ouvre par exemple un écran de configuration occupé appelant à une interaction active est plus susceptible d'être utilisé à deux mains.
De plus, avoir le menu dans le coin supérieur gauche présente deux autres avantages: il est toujours visible et il est moins susceptible d'être touché accidentellement.
Depuis la réponse, beaucoup de choses ont changé. Nous savons maintenant que les menus du bas sont beaucoup plus conviviaux, c'est pourquoi nous voyons de plus grandes marques plus vers ce concept.
La façon dont ces menus fonctionnent, vous placez 4 de vos actions de menu dans cette barre et avez un 5ème bouton "menu", pour cacher les autres éléments de menu, moins importants, que vous auriez sur une version de bureau.
C'est évident si vous y pensez, vos doigts sont plus proches du bas de l'écran, alors pourquoi ne le placez-vous pas là?! J'ai rassemblé quelques exemples.
Menu Spotify
Menu Facebook
Divers autres menus
Les occidentaux ont l'habitude de lire de gauche à droite, de haut en bas, donc mettre des informations intéressantes en haut à gauche (comme le logo et le titre de l'application actuelle) au lieu d'un bouton statique ennuyeux, leur fait gagner du temps. Aussi, les droitiers aiment les choses interactives à droite .
À mon avis, cela dépend de la façon dont le bouton doit réagir. S'il doit afficher un menu vertical caché, il devrait être du côté où se trouve le menu vertical (un peu comme l'application Facebook). Si le menu tombe du haut, du bas ou passe à une vue complètement différente, cela ne devrait pas vraiment avoir d'importance.
En cas de doute, je choisirais ce qui est le plus simple et le mieux adapté à l'écran.
Je pense que cela dépend de l'action provoquée par le bouton. S'il active un menu qui apparaît sur la partie gauche de l'écran alors le bouton doit aller à gauche pour renforcer l'association entre le bouton et le menu par proximité.
Si active un menu qui apparaît dans la partie supérieure de l'écran, le bouton doit aller à droite, car c'est la façon dont les listes déroulantes sont configurées, et ce style de menu est conceptuellement issu des listes déroulantes.