De bonnes raisons d'omettre une barre de navigation supérieure sur une page Web?
La navigation dans la barre supérieure semble être une bonne chose. Cela fonctionne, les gens savent où le trouver et comment l'utiliser. Mais dans quelles circonstances puis-je l'omettre, en faveur d'un encombrement moindre et d'images plus grandes?
Je ne suis pas tout à fait sûr de ce que vous entendez par "navigation dans la barre supérieure" - faites-vous référence à la navigation horizontale en haut ou sur la page, ou la navigation verticale serait-elle également incluse?
Il y a toujours des cas d'exception et, comme vous l'avez dit, les gens s'attendent à voir la navigation en haut (et en bas) de la page, il y a des moments où aller à l'encontre de cela peut bien fonctionner.
Par exemple, sur le site Web de Muir Glen ( ici ), ils utilisent une navigation à position fixe en bas de la page, laissant le haut pour que leur image de marque occupe le devant de la scène. La navigation est toujours très visible et facile à trouver, donc je doute qu'elle conduirait à trop de problèmes de convivialité.
De plus, les interfaces de navigation verticales ont leur utilité - si vous avez beaucoup d'options de menu déroulant imbriquées, vertical est préférable d'utiliser qu'horizontal (par exemple, le survol de Services affiche plusieurs options, le survol de ces options révèle ses propres options, etc.) et ainsi de suite).
L'utilisation la plus courante d'une navigation non conventionnelle est probablement les sites basés sur Flash (malheureusement, ils les font souvent de manière incorrecte). Je crois que la meilleure utilisation d'un Flash sur le Web (pour créer des sites entiers) est de créer un site plus soucieux de l'expérience que du contenu. Dans ce cas, l'intégration de la navigation de manière créative est tout à fait acceptable car le but du site est l'expérience de l'utilisateur, pas la recherche rapide de contenu. Des exemples seraient la dispersion de la navigation à travers les polaroïds éparpillés sur la page ( ou similaire ) ou son intégration de manière non conventionnelle ( comme ceci ).
Donc, oui, il y a de bonnes raisons d'omettre un menu de navigation traditionnel en haut de la page; le type de navigation devrait toujours dépendre de ce qui convient le mieux à vos besoins.
Cela dépend beaucoup de la façon dont votre site est construit.
Si, par exemple, vous avez beaucoup de sections/catégories et dans le scénario typique, un utilisateur doit beaucoup se déplacer entre elles, vous aurez probablement besoin d'un schéma de navigation qui est toujours disponible sur chaque page et section.
Cependant, si vous n'avez pas beaucoup de sections ou qu'elles ne sont pas organisées en profondeur - c'est-à-dire sans imbrication intérieure et que vous pouvez accéder à chacune directement à partir de la page principale/d'accueil, vous pourrez peut-être omettre la barre. Fournissez simplement un moyen pour vous rendre rapidement à la "maison" et assurez-vous que votre fil d'Ariane indique l'emplacement.
En fait, si vous utilisez la barre uniquement pour la navigation, vous pourrez peut-être la remplacer par un fil d'Ariane soigneusement construit (même interactif).
Lorsque l'utilisateur fait défiler vers le bas (en bas de la page) pour diverses raisons (comme parcourir le contenu, etc.), il est bon d'avoir une barre de navigation inférieure au lieu d'une barre de navigation supérieure.
Voici quelques options.
une barre de navigation supérieure horizontale peut avoir presque n'importe quelle taille, donc si vous deviez redimensionner les balises même deux fois la taille d'une police de 12 pixels par exemple, vous aurez une très petite barre de navigation. Étant donné que la plupart des gens utilisent actuellement des écrans d'une hauteur d'au moins 768 pixels, ce n'est pas beaucoup.
Le placer en haut et lui donner une position fixe signifie qu'il est toujours disponible quelle que soit la durée du défilement du contenu.
Si vous n'utilisez PAS bootstrap css, alors créez un navbar.css séparé et incluez du HTML commenté que vous pouvez couper et coller dans n'importe quelle application pour créer une barre de navigation rapide.
Si vous souhaitez d'autres options pour la navigation dans la barre latérale, vous pouvez utiliser une barre latérale repliable JS qui a un long onglet latéral fin, qui apparaît lorsque vous cliquez dessus. C'est le même principe que le menu déroulant, mais latéralement. Il vous donnera le maximum d'écran possible. Cela aussi peut être rendu modulaire même si vous utilisez bootstrap ou quelque chose de similaire, il vous suffit de nommer vos ID et classes div quelque chose de pas déjà pris.