Catégories
Astuces et Design

5 raisons d'éviter l'icône du menu Hamburger de bureau

Une icône de hamburger comme seule source de navigation sur un site Web de bureau est nulle. Cela est frustrant, déroutant et enfreint les règles de navigation non écrites et les meilleures pratiques de flux d'utilisateurs. Pourquoi le feriez-vous? À part maintenir ou établir une certaine esthétique, il est difficile de trouver une réponse qui ait un sens.

L'icône de hamburger souvent débattue peut être un excellent complément à la navigation sur le site Web ou même pour les petits écrans, mais elle ne devrait pas être la seule option pour les ordinateurs de bureau. Vous faites vous-même – et la conception du site Web – un énorme mauvais service si c'est votre seule option de menu.

Prenez note des différents styles de menu du bureau tout au long de cet article. Certaines des meilleures utilisations de l'icône du hamburger sont fournies avec d'autres éléments de menu.

1. Mauvaise communication et incompréhension

menus hamburger

Les menus de navigation sont une passerelle vers votre site Web, indiquant aux visiteurs à quoi s'attendre, comment interagir et à quoi sert le site.

… Il y a une fine frontière entre la fourniture d'informations précieuses et la surcharge

Avec autant d'apparences différentes pour une icône de hamburger, du nombre de lignes à la couleur en passant par la taille et la forme ou le placement – il n'y a pas assez de modèle utilisateur directement établi pour rendre cela totalement efficace.

Les éléments du menu doivent inclure des liens vers les informations les plus importantes de votre site Web. Et il y a une fine frontière entre la fourniture d'informations précieuses et la surcharge. Tenez-vous en à quatre à six éléments de menu, pas plus que cela n'encombrera l'espace et pourrait ne pas aider les utilisateurs à décider quel lien choisir.

Les pages liées dans un menu sont considérées comme le contenu le plus important du site Web. Sans ces liens, les pages pourraient sembler moins pertinentes pour les utilisateurs.

D'un autre côté, les méga-menus géants peuvent être aussi déroutants qu'aucun menu du tout.

Voici ce que les menus de navigation doivent faire sur les sites Web de bureau pour contribuer à l'expérience utilisateur globale:

  • Communiquer ce qu'est un site Web
  • Fournissez un accès facile aux meilleurs contenus ou produits
  • Fournissez un accès facile aux éléments que vous souhaitez voir ou interagir avec les utilisateurs

Lifted Logic (ci-dessus) utilise plusieurs couches de navigation, y compris une icône de hamburger pour plus d'informations.

2. Vous allez manquer des données utiles

menus hamburger

Avez-vous une bonne idée de ce que les gens recherchent lorsqu'ils arrivent sur votre site Web? Quelles informations veulent-ils voir ensuite?

Le suivi – à l'aide de clics ou de cartes thermiques – peut vous aider à mieux comprendre comment les gens utilisent les menus pour se déplacer dans la conception du site Web. Même les utilisateurs qui ne cliquent pas sur un élément de navigation peuvent consulter les options avant de prendre une décision sur la suite à donner à la conception.

Il est vrai pour de nombreux sites Web que les pages Contact et À propos sont parmi les plus visitées sur l'ensemble du site. Pour la plupart des conceptions, il ne s'agit pas de pages liées par des appels à l'action. Les utilisateurs y accèdent à partir des menus. Souhaitez-vous manquer ces clics de personnes qui pourraient appeler, envoyer un e-mail, contacter ou visiter votre entreprise?

Aim Architecture (ci-dessus) joue directement avec un menu supérieur simple et facile.

3. Frustration des utilisateurs

menus hamburger

Selon le type de site Web que vous avez, les utilisateurs attendent des options de menu et peuvent entraîner de graves frustrations, y compris en quittant le site.

Les menus cachés dans les icônes de hamburger ont un engagement global inférieur à ceux qui se trouvent à l'air libre.

Cette frustration est plus évidente avec les utilisateurs qui se déplacent sur le site et reviennent souvent aux menus de navigation principaux pour revenir à certains contenus, trouver un blog ou des informations spécifiques, ou aider à rechercher quelque chose.

Les menus cachés dans les icônes de hamburger ont un engagement global inférieur à ceux qui se trouvent à l'air libre. Cela peut être un signe de frustration ou d'incapacité à trouver le menu. (Selon les données démographiques de votre public cible, il se peut qu'ils ne sachent même pas comment ni pourquoi utiliser ces trois lignes en haut de l'écran.)

Cette frustration est également confirmée par la recherche. Le Nielsen Norman Group a constaté que les icônes de hamburger réduisaient de moitié la découverte de contenu et que «le temps de tâche est plus long et la difficulté de tâche perçue augmente».

Merci, savez-vous quoi faire avec l'exemple de site Web ci-dessus?

4. Occasion manquée de conversions

menus hamburger

Sans chemins utilisateur clairs, il y a beaucoup de place pour les opportunités et les conversions manquées.

Les sites Web de commerce électronique sont un bon exemple de l'importance des menus; à savoir pour un accès facile au panier ou aux boutons de commande. Si la navigation est masquée ou que les utilisateurs ne peuvent pas accéder à ces liens de manière rapide et intuitive, cela peut entraîner une vente manquée.

Garder le panier visible est une stratégie clé pour réduire l'abandon et passer de l'acheteur en ligne à l'acheteur en ligne. Quel meilleur endroit qu'un menu principal toujours visible sur les ordinateurs de bureau? (Cela devient un peu plus délicat sur mobile. Mais la plupart des acheteurs mobiles font toujours un achat impulsif rapide tandis que les acheteurs de bureau achètent plus d'articles et comparent les achats entre les onglets.)

Il en va de même pour d'autres types de sites Web. Imaginez que vous vendiez une assurance. Il existe différents types d'agents d'assurance individuelle ou d'entreprise, d'assurance habitation ou automobile, d'événement ou de responsabilité. Le menu peut aider à garantir aux utilisateurs qu'ils sont au bon endroit et à trouver les informations qui leur sont destinées.

menus hamburger

Les utilisateurs sont plutôt paresseux (c'est vrai, vous pouvez admettre être paresseux lorsque vous visitez des sites Web vous-même) et si vous devez cliquer trop de fois pour accéder à quelque chose, il y a de fortes chances que vous abandonniez. Mettre des éléments de menu derrière une icône ajoute un clic de plus à tout parcours utilisateur impliquant la navigation.

Si un utilisateur ne clique que trois fois et quitte le site Web, souhaitez-vous que l'accès au menu soit l'un de ces clics?

Cela peut sembler trop simplifié, mais c'est vraiment aussi simple que cela.

Crisp (ci-dessus) fait quelque chose d'intéressant. La navigation démarre sans hamburger et s'effondre en un seul sur le parchemin.

Mais, les hamburgers sont OK sur mobile

Mais voici la chose: pour la version adaptée aux mobiles, vous voudrez probablement cette icône de hamburger. Ce n'est pas une option de conception intrinsèquement mauvaise.

  • Il est efficace et permet d'économiser des biens immobiliers à l'écran.
  • Les utilisateurs mobiles sont plus habitués à son fonctionnement.
  • Ce style de menu peut être plus facile à utiliser sans appuyer sur des boutons par inadvertance.
  • Le mythe des icônes de hamburger tuant l'optimisation des moteurs de recherche est mort. Google classe en fait le mobile d'abord lors de l'indexation des sites Web et lira ces menus.

Conclusion

Les icônes et les menus du hamburger ont une place dans la conception de sites Web. En général, les concepteurs en sont venus à les accepter et de nombreux utilisateurs comprennent leur utilisation et leur utilité.

Cela ne signifie pas pour autant qu’ils sont indispensables en matière de navigation. Bien que certains éléments soient OK cachés derrière un menu, cela peut ne pas fonctionner pour certains sites Web, industries ou groupes d'utilisateurs, en particulier sur les appareils de bureau. Si vous allez utiliser une icône de hamburger sur un bureau, envisagez-la pour un menu secondaire ou avec des étiquettes pour vous assurer que les utilisateurs savent exactement à quoi ces trois lignes sont destinées.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *