Avantages et inconvénients des menus horizontaux par rapport à la verticale?


11

Je me demande depuis longtemps s'il devrait y avoir une préférence pour l'utilisation des menus de navigation horizontaux ou verticaux. J'ai utilisé les deux auparavant, sur divers sites Web, et je peux voir que chacun a ses avantages et ses inconvénients.

Existe-t-il des données concrètes disponibles à ce sujet? Je m'intéresse aux problèmes d'accessibilité et de convivialité.

Réponses:


3

Outre les problèmes d'espace et la facilité de numérisation, il y a quelques autres facteurs que vous devez prendre en compte:

Les menus disposés horizontalement (de langues disposées horizontalement) signifient plus de mouvement de la souris pour passer d'un élément à l'autre.

Cependant, il sera plus facile de passer d'un élément de menu de niveau supérieur dans un menu horizontal à son menu déroulant correspondant que de passer d'un élément de menu vertical à son menu déroulant correspondant. Le problème de diagonale est considérablement amplifié dans les menus déroulants par rapport aux menus déroulants car le bord partagé est beaucoup plus petit.

Et puis il y a le problème du ciblage de la vitesse. Les menus disposés verticalement ont plus de "profondeur" que les menus horizontaux. Cela signifie que l'utilisateur peut déplacer sa souris à une vitesse plus élevée vers le menu, car il a un tampon plus grand en cas de dépassement. Bien sûr, si votre menu horizontal est placé le long du bord supérieur ou inférieur du document (c'est-à-dire une profondeur infinie), alors c'est un point discutable.

Au final, je pense que c'est un lavage. Choisissez ce qui convient le mieux à votre conception, puis optimisez la convivialité à partir de là. Vous ne voulez pas utiliser un menu vertical si cela signifie créer une énorme colonne vide en dessous pour le reste de la page. Et vous ne voulez pas utiliser un menu horizontal si cela signifie que votre mise en page doit avoir une largeur de 2000 pixels.


4

Eh bien, je suis un développeur / programmeur / codeur.

Cela signifie que je vais toujours chercher des informations sur le design avant de répondre à de telles questions. J'aime les articles de Jakob Nielsen, car ils font des recherches avant de poster.

Je pense que ces liens peuvent aider.

Maintenant mon avis. L'utilisation de menus horizontaux est la première option pour la navigation principale, surtout si vous envisagez d'utiliser des méga menus déroulants.

En outre, l'utilisation de chapelure horizontale, comme navigation auxiliaire pour aider les utilisateurs à se localiser rapidement.

J'aime les menus de navigation verticaux, mais ils ont tendance à ressembler à des publicités, ce qui les rend aveugles, alors tout d'abord, assurez-vous que vos menus verticaux ne sont PAS comme une bannière ou des annonces Google.

Deuxièmement, je préférerais utiliser des menus verticaux pour la navigation «contextuelle», afficher le contenu associé ou les éléments de sous-sections.


Bon point. Je pense que la plupart des sites qui ont une navigation à deux niveaux (principale et contextuelle) utilisent un menu latéral vertical pour ce dernier.
Lèse majesté

Oui. jakob nielsen fait des recherches sur ce genre de problèmes ... :)
JoséNunoFerreira

0

Si vous avez des éléments de menu d'un ou plusieurs mots, il y a une limite physique au nombre de mots qui rentreront dans un menu horizontal avant qu'un défilement ne soit nécessaire. Donc, pour cette raison, j'aurais tendance à privilégier le menu horizontal pour les éléments de niveau principal / supérieur.

En ce qui concerne l'accessibilité (en supposant que c'est visuellement OK), il pourrait ne pas y avoir beaucoup de différence, car ils pourraient bien être marqués de la même manière. Une liste non ordonnée de liens par exemple.


0

Je vais poster l'opposé de la réponse de bévues ...

Bien que nous lisions de gauche à droite, nous avons tendance à numériser de haut en bas. Si les éléments du menu sont disposés verticalement, il est plus facile de comparer rapidement les éléments s'ils sont les uns au-dessus des autres.

Si vous n'avez qu'une poignée de liens, l'horizontale convient. Gardez les noms courts mais clairs et n'en avez pas plus de 6-7. Bien sûr, l'autre option est une combinaison - quelques «en-têtes» horizontalement avec des listes déroulantes en survol de tout dans cette catégorie.


"nous avons tendance à balayer de haut en bas" est basé sur quelle observation ou recherche? Si une observation, veuillez expliquer. Si vous faites des recherches, veuillez les citer. "il est plus facile de comparer rapidement les articles s'ils sont les uns au-dessus des autres." comment? Les éléments doivent être chargés dans la mémoire humaine pour pouvoir être comparés, plus vite ils sont chargés, plus vite ils peuvent être comparés. L'esprit humain ne détient qu'environ 7 éléments dans une mémoire à très court terme, la conception pour plus de sept éléments est ... bien plus que ce que les humains peuvent gérer; citer: capacité de mémoire de travail - en.wikipedia.org/wiki/…
bévues

1
@blunders: il est basé sur diverses choses que j'ai lues ici et là, mais je n'ai pas pu vous orienter vers une recherche spécifique. Re: comparer des éléments - verticalement est beaucoup plus facile car vous comparez de gauche à droite en même temps. Si vous recherchez des mots spécifiques, vous pouvez à peu près scanner la première ou les deux premières lettres de chaque instant. Horizontalement, vous devez lire l'un, puis l'autre et les traiter chacun. Je suis sûr que c'est sur le site de Jakob Nielsen quelque part ...
DisgruntledGoat

0

La réponse est probablement qu'il y a des moments pour utiliser les deux, mais pour autant que les études de suivi des yeux l'aient montré, l'œil scanne la page en forme de F , il est donc probablement préférable de garder votre navigation en haut à gauche ou à travers le Haut.

Les deux pourraient également être utilisés conjointement, comme un menu horizontal en haut pour les liens de navigation (maison, à propos de nous, contact, etc.) et un menu de gauche pour les catégories, les articles et autres.

Un autre point à considérer concernant les menus déroulants est qu'ils peuvent avoir des implications SEO. Danny Sullivan de Search Engine Land suggère que les menus déroulants peuvent diluer l'autorité des liens en ayant de nombreux liens vers chaque page et qu'un menu hiérarchique peut mieux transmettre le jus de liens. Aussi, pourquoi cacher des éléments de navigation à vos utilisateurs dans une liste déroulante où ils peuvent manquer ce qu'ils recherchent.


0

À mon humble avis, j'ai tendance à catégoriser la section principale en tant que menus horizontaux .. où en tant que sections descriptives de toute section principale active dans le menu vertical.

Par exemple:

------------------------------------------------------------------------------
Home News Product
------------------------------------------------------------------------------

|      About Us          | |                                            |
|      Mission           | |      Here is describing content            |
|      Contact Us        | |                                            |

Comme la maison, les actualités et les produits agissent comme des catégories principales, je les ai conservés dans une disposition horizontale, où comme À propos de nous, Mission, Contactez-nous sont les sections les plus descriptives de la page d'accueil, j'ai donc gardé comme menu vertical à côté de la partie d'affichage du contenu pour un accès facile .


0

Assez simple, me dites-vous, qu'est-ce qui est plus facile à lire: ABCDEFGHIJKLMNOP...Zou

A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
.
.
.
Z

Lorsque vous le lisez, réfléchissez à la façon dont votre œil bouge. Avec le premier exemple, c'est - - - etc. Avec le deuxième exemple, c'est ZZZ etc; ce qui signifie que votre œil se déplace dans un motif Z. Avec le motif Z, votre œil doit penser davantage au prochain point d'information qu'au premier. Plus une information est proche de la dernière, plus elle est facile à utiliser. Plus les informations sont compactes, mieux c'est, vous pouvez toujours ajouter de l'espace, mais certaines informations ne seront compactes que jusqu'à présent. Par exemple, je peux ajouter plus d'espace comme celui-ci, mais il est toujours plus court si vous mesurez l'extrémité la plus longue de l'exemple 2: ABCDEFGHIJKLMNOPQRSTU VWXYZ

Je suis sûr que quelqu'un publiera des recherches ou quelque chose, pourrait même dire que je me trompe, mais le fait est que ma logique est assez simple pour que je le comprenne, cela a du sens pour moi et je n'ai pas besoin d'un rapport de fantaisie pour me le dire que c'est juste ou faux ... parce que je suppose qu'un rapport de fantaisie n'a pas de sens, et n'est qu'un échantillon de données basé sur la structure du test donné ...

Alors qu'est-ce que tu en penses?


1
Vous semblez impliquer que l'horizontale est toujours meilleure? Je suis d'accord pour cet exemple particulier - éléments de menu très courts. Mais dès que les articles deviennent verbeux, cela peut devenir très salissant s'ils sont disposés horizontalement.
MrWhite

@ w3d: C'est vrai, mais c'est un sujet différent, ce qui signifie que c'est un facteur supplémentaire qui n'est pas lié à la matière principale à portée de main. Il y a beaucoup de facteurs que vous pourriez introduire, mais ils ne seraient pas directement liés à la question centrale en question. Par exemple: bonjour, bonjour, bonjour - bien sûr, le boîtier fait une différence dans la facilité de lecture, mais c'est un facteur supplémentaire.
bévues

2
Ce qu'il dit, c'est que ça n'évolue pas bien. Bien sûr, les sous-menus étaient courts lorsqu'ils ont conçu le site, et ils n'ont ajouté que quelques éléments au cours du processus de développement - un an plus tard, vous avez un désordre horizontal entre les mains.
cinqoTimo
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.