Avantages et inconvénients des menus horizontaux par rapport aux menus verticaux?
Je me suis longtemps demandé s'il fallait privilégier les menus de navigation horizontaux ou verticaux. J'ai déjà utilisé les deux, sur divers sites Web, et je peux voir que chacun a des avantages et des 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é.
Outre les problèmes d'espace et la facilité de numérisation, vous devez tenir compte de quelques autres facteurs:
Les menus disposés horizontalement (dans des langues disposées horizontalement) signifient plus de mouvement de la souris pour passer d'un élément à un autre.
Cependant, il sera plus facile de passer d'un élément de menu de niveau supérieur d'un menu horizontal à son menu déroulant correspondant plutôt que de passer d'un élément de menu vertical à son menu déroulant correspondant. Le problème de la diagonale est considérablement amplifié dans les menus déroulants par rapport aux menus déroulants, car le Edge partagé est beaucoup plus petit.
Et puis il y a la question de la vitesse de ciblage. Les menus disposés verticalement ont plus de "profondeur" que les menus horizontaux. Cela signifie que l'utilisateur peut déplacer sa souris plus rapidement vers le menu, car il dispose d'un tampon plus important 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), il s'agit d'un point discutable.
En fin de compte, je pense que c'est un lavage. Choisissez ce qui vous convient le mieux, 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 2000px.
Eh bien, je suis un développeur/programmeur/codeur.
Cela signifie que je cherche toujours des informations sur le design avant de répondre à de telles questions. J'aime les articles de Jakob Nielsen, parce qu'ils font des recherches avant de poster.
- http://www.useit.com/alertbox/mega-dropdown-menus.html
- http://www.useit.com/alertbox/navigation-menu-alignment.html
- http://www.useit.com/alertbox/alpha-sorting.html
Je pense que ces liens peuvent aider.
Maintenant mon avis. L'utilisation de menus horizontaux constitue la première option pour la navigation principale, en particulier si vous envisagez d'utiliser des méga-menus déroulants.
En outre, l’utilisation de la navigation horizontale pour la navigation permet aux utilisateurs de se localiser rapidement.
J'aime les menus de navigation verticale, mais ils ont tendance à ressembler à des annonces, ce qui les rend aveugles. Alors, assurez-vous que vos menus verticaux ne ressemblent PAS à des bannières ou à des annonces google.
Deuxièmement, je préférerais utiliser les menus verticaux pour la navigation "contextuelle", l'affichage de contenu associé ou d'éléments de sous-sections.
Assez simple, me dis-tu, ce qui est plus facile à lire: ABCDEFGHIJKLMNOP...Z ou
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 Z Z Z etc. ce qui signifie que votre oeil se déplace dans un motif en 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 l'information est compacte, 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 sa longueur est moindre si vous mesurez l’extrémité la plus longue de l’exemple 2: A B C D E G H I K L M N O P Q R T U V W X Y Z
Je suis sûr que quelqu'un postera 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 la comprenne, cela me semble logique et je n'ai pas besoin d'un rapport de fantaisie pour me le dire que c'est vrai ou faux ... parce que je suppose que le rapport de fantaisie n'aura aucun sens, et qu'il ne s'agit que d'un échantillon de données basé sur la structure du test donné ...
Alors qu'est-ce que tu en penses?
Si vous avez des éléments de menu d'un ou plusieurs mots, il y a une limite physique au nombre de messages pouvant être insérés dans un menu horizontal avant qu'un défilement ne soit requis. Donc, pour cette raison, j'aurais tendance à privilégier le menu horizontal pour les éléments principaux/supérieurs.
En ce qui concerne l'accessibilité (en supposant que cela soit OK sur le plan visuel), il pourrait ne pas y avoir beaucoup de différence, puisqu'ils pourraient être annotés de la même manière. Une liste non ordonnée de liens par exemple.
Je vais poster le contraire de la réponse de gaffes ...
Même si nous lisons de gauche à droite, nous avons tendance à numériser de haut en bas. Si les éléments de menu sont disposés verticalement, il est plus facile de comparer rapidement les éléments les uns au-dessus des autres.
Si vous avez seulement une poignée de liens, horizontal est très bien. Gardez les noms courts mais clairs et n’avez pas plus de 6-7. Bien sûr, l’autre option est une combinaison: quelques "en-têtes" horizontalement avec des menus déroulants en survol de tout ce qui se trouve dans cette catégorie.
La réponse est probablement qu’il est parfois temps d’utiliser les deux, mais dans la mesure où des études de suivi oculaire ont montré, l’œil scanne la page de manière motif en forme de F , il est donc probablement préférable de garder la navigation active. en haut à gauche ou en haut.
Les deux peuvent également être utilisés conjointement, comme un menu horizontal en haut pour les liens de navigation (accueil, à propos de nous, contact, etc.) et un menu de gauche pour les catégories, les articles, etc.
Un autre point à considérer en ce qui concerne les menus déroulants est qu’ils peuvent avoir des implications sur le référencement. Danny Sullivan de Search Engine Land suggère que les menus déroulants puissent diluer l'autorité des liens en offrant de nombreux liens vers chaque page et qu'un menu hiérarchique peut mieux transmettre le contenu des liens. Aussi, pourquoi masquer les éléments de navigation de vos utilisateurs dans une liste déroulante où ils risquent de manquer ce qu'ils recherchent.
IMHO, j'ai tendance à classer 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 Accueil, Nouvelles et Produits agissent en tant que catégories principales, je les ai conservés en disposition horizontale, alors que À propos de nous, Mission, Contactez-nous sont les sections les plus descriptives de la page d’accueil. .