Où placer l'icône du menu mobile?
Un client a récemment soulevé un bon point concernant un menu mobile, en particulier où placer l'icône "hamburger"?
En regardant les sites, vous le voyez à trois endroits communs, en haut à droite, en haut à gauche ou partout où le menu est apparu sur le site, généralement sous le logo et tout type de contenu d'en-tête (connexion, panier, etc.) mais au-dessus du contenu principal du site.
Où est l'endroit idéal pour placer cette icône dans une perspective UX?
Remarque: il s'agit d'un site Web adapté aux mobiles.
Il y a beaucoup de recherches qui expliquent la façon dont les yeux d'un lecteur coulent naturellement lors de la lecture, vous pouvez donc en trouver une partie utile. Par exemple, vous pouvez obtenir un aperçu de:
La part de cela qui s'applique à une interface utilisateur est toujours sujette à débat. Votre question ne précise pas si vous parlez d'une application mobile ou simplement d'un site Web adapté aux mobiles, mais l'un des facteurs de toute bonne conception d'interface utilisateur est que votre conception ne se comporte pas de la manière dont la majorité de ses utilisateurs ne vous y attendez pas.
Ainsi, comme vous le dites dans votre message, les trois endroits les plus courants pour le menu hamburger sont en haut à droite, en haut à gauche ou partout où le menu apparaît. Parce que c'est ainsi que la plupart des sites le font et que cette approche est donc familière, je m'assurerais certainement que vous adoptiez l'un de ces emplacements. Pourquoi? Parce que la familiarité engendre des attentes, et cela généralement conduit à une meilleure expérience utilisateur car elle correspond à ce que les utilisateurs attendent. Voici quelques lectures supplémentaires pour étayer cette affirmation:
- http://www.cruxcollaborative.com/2-keys-to-unraveling-user-expectations/
- http://infinvision.com/familiarity-in-user-experience/
- http://www.uxmatters.com/mt/archives/2011/07/how-cognitive-fluency-affects-decision-making.php
- http://www.creativebloq.com/web-design/ux-design-patterns-work-91516961
Je dirais que vous ne voulez pas vous éloigner de cela (une approche familière) à moins d'avoir quelque chose de bien meilleur et donc de justifier le changement.
En termes de réponse à la question plus précise de savoir lequel des trois emplacements les plus courants vous devez adopter, sans voir votre conception spécifique, il est un peu difficile de proposer une réponse définitive. J'ai utilisé à la fois en haut à gauche et en haut à droite dans mes conceptions Web, et j'ai utilisé les trois dans les applications mobiles que j'ai développées.
En un mot, l'emplacement est quelque peu spécifique au design.
J'espère que cela t'aides.