Navigation sur 2 lignes vs listes déroulantes
J'ai vu deux types de barres de navigation différents lorsqu'un site nécessite une navigation imbriquée, une où le survol d'un lien fait descendre un menu supplémentaire et une où une deuxième barre horizontale est remplie avec les liens de cette catégorie. Dans quelles situations devrais-je préférer l'un à l'autre? Il semble que la navigation déroulante soit la plus courante, mais y a-t-il des situations où avoir les deux colonnes horizontales fonctionnerait mieux?
Il y a un problème de nombre de liens auxquels vous devez accéder. Les listes déroulantes peuvent donner accès à de nombreux autres liens.
Il y a le problème de l'espace vertical. Les listes déroulantes flottantes vous permettent d'économiser de l'espace.
Et il y a le problème de la facilité d'utilisation. J'ai tendance à penser que si votre site Web comporte des sections distinctes, par exemple, FAQ, visite guidée et assistance, et que chacune de ces sections comporte quelques sous-sections - l'utilisation de la navigation sur 2 lignes peut être plus facile, car l'utilisateur a un seul clic -accès aux autres sous-sections.
Je préfère éviter les menus déroulants pour plusieurs raisons.
Tout d'abord, il est plus facile d'incorporer une barre de navigation à 2 niveaux dans la conception de vos sites sans qu'elle soit déplacée. Il peut être difficile d'obtenir le menu déroulant pour correspondre au reste de la page, en particulier lors de l'utilisation de textures. Je vois souvent des sites qui ont de superbes textures/graphiques, puis le menu déroulant est juste d'une couleur unie.
Deuxièmement, ils disparaissent par accident ou ne disparaissent pas assez tôt. Vous avez vraiment besoin de modifier le temps après la disparition de la souris. Si vous ne le faites pas correctement, vous pouvez accidentellement déplacer la souris hors du menu et elle disparaîtra immédiatement. Ou vous pourriez avoir terminé avec le menu, déplacez la souris et elle restera ouverte jusqu'à ce qu'elle atteigne le délai.
Comme d'autres l'ont mentionné, le choix dépend vraiment du nombre de liens à afficher. Si vous avez plusieurs sous-sections, vous devrez presque utiliser des menus déroulants. Mais si vous avez de l'espace, je recommanderais une navigation à 2 niveaux. C'est rapide, facile, utilisable et il est facile de styliser pour correspondre à la conception globale du site.
Les menus à 2 niveaux peuvent être plus compliqués, mais vous devez au moins les utiliser comme solution de rechange, car si vos visiteurs naviguent avec JavaScript désactivé, vos menus déroulants sophistiqués ne fonctionneront pas.
En plus des autres réponses, un avantage de préférer une navigation à 2 lignes est que les utilisateurs savent toujours où chercher la navigation (au lieu que les menus soient situés dans un espace relatif à leur "parent"). Une navigation à 2 rangées est également une interface plus "portable cohérente" - ce qui signifie que votre interface peut rester similaire à travers diverses fonctionnalités de navigateur, telles que javascript/pas de javascript, ordinateur de bureau/mobile, etc.
Je préfère les grandes listes déroulantes cliquables qui ne disparaissent pas à l'instant où vous déplacez votre souris en dehors de la zone. Encore mieux, faites glisser la navigation vers le bas et maintenez les options.
Lorsque vous survolez les boutons de navigation principaux pour les lignes verticales, les sous-liens gâchent presque toujours et se transforment en lignes d'un autre bouton lorsque je touche accidentellement un autre bouton ou le corps de la page tout en recherchant le lien approprié.
Si vous avez plus de 2 niveaux, l'option horizontale devient très compliquée, mais pour une petite hiérarchie de menu, je pense que c'est plus un problème graphique. Je les trouve à la fois faciles à utiliser et à comprendre et sur certains sites, l'un est plus beau et sur d'autres, l'autre est meilleur.