Quand utiliser les barres de navigation statiques (c'est-à-dire collantes)?
En tant que concepteur de sites Web amateur, j'ai porté une attention particulière aux conceptions de sites Web pour améliorer ma compréhension dans ce domaine, j'ai remarqué que certains sites Web utilisent des barres de navigation collantes tandis que d'autres utilisent des barres non collantes (telles que SE). Alors, je me demandais pourquoi choisissent-ils une option au lieu d'une autre?
Quelles sont les bases du choix d'une barre de navigation collante de toute façon? Est-ce la longueur de la page (les pages plus longues ont besoin d'un "point de retour")? Ou peut-être que cela est basé sur le type d'application (les applications Web ont besoin de barres de navigation collantes pour ressembler davantage app-y)? Ou peut-être que c'est juste la préférence personnelle du designer?
P.S .: J'ai vu des sites Web utilisant à la fois des barres de navigation collantes et non collantes, telles que SE chain et Twitter.com, et en effet, les deux sont bien conçus. Donc, je ne pense vraiment pas qu'il y ait un choix de conception mauvais ici.
La décision d'utiliser la navigation rémanente doit être basée sur les activités principales de l'utilisateur. Si l'utilisateur est susceptible d'utiliser un peu la navigation, il peut être judicieux d'accepter certains des compromis mentionnés par @obelia.
Avec SE, par exemple, l'activité principale pourrait être de lire et de répondre aux questions. La plupart de cela se produit dans le contexte d'une page défilante. C'est-à-dire: lire la question, lire les commentaires/réponses, ajouter un commentaire ou une réponse. Un cas pourrait être fait pour avoir un lien vers la page d'accueil (pour voir des questions supplémentaires), rechercher (pour trouver des réponses), et poser une question, car il peut s'agir également d'activités principales. Alors que, je dirais, les autres options dans l'en-tête ne sont peut-être pas des activités principales.
Une barre collante a l'avantage d'être toujours visible. Il présente l'inconvénient de toujours occuper une partie de la fenêtre d'affichage et de laisser moins d'espace pour le contenu. Ce n'est pas vraiment un problème sur un grand écran de bureau, mais sur un écran de téléphone plus petit, cela peut être problématique.
Un autre inconvénient d'une barre collante en haut est que lorsqu'une page vers le bas, la fenêtre de visualisation effective réduite n'est pas prise en compte, de sorte qu'elle défile effectivement un peu trop, plus que la valeur d'une page visible - il y a un ruban de sauts de contenu juste en dessous de la bas de la fenêtre juste au-dessus du haut (réduit) de la fenêtre. Ce problème est exacerbé par un grand en-tête collant. Vous remarquerez probablement que la plupart des sites qui ont un en-tête collant en ont un petit, et cela présente ses propres contraintes de conception qui ne sont pas acceptables dans de nombreux cas.
Il y a toujours des compromis.
Franchement, je pense que la question que vous devriez vous poser est de savoir quand NE PAS utiliser une barre de navigation collante.
Tant que le site ou l'application sur laquelle vous travaillez comporte plusieurs sections entre lesquelles les utilisateurs naviguent fréquemment - même les sites Web d'une seule page le font - fournir aux utilisateurs des raccourcis persistants est certainement bon pour la convivialité.
Oui, cela s'applique même et surtout aux appareils mobiles, où il est facile de se désorienter sur des pages à long défilement ou dans des applications riches en contenu.
Considérez, par exemple, que le téléphone Android Android que j'utilise pour écrire ce message a une navigation collante intégrée au système d'exploitation. Mon ancien téléphone en avait un intégré dans le matériel et la conception proéminente La caractéristique du visage de l'iPhone est son bouton d'accueil - la destination de navigation numéro un pour les utilisateurs.
En tant qu'utilisateur, je profiterai de l'espace sur l'écran toute la journée pour avoir à portée de main les boutons de navigation les plus courants.
Utilisez-les chaque fois qu'elles n'obscurcissent pas votre contenu et lorsqu'elles améliorent la convivialité. Les sites avec de longues pages (beaucoup de contenu) sur les ordinateurs de bureau ont besoin d'un menu collant. Cela peut prendre trop de temps pour y revenir. Cependant, sur les appareils mobiles, un défilement tactile avec un élan peut vous mener au sommet assez rapidement. J'ai trouvé que la navigation entièrement collante est pénible pour les mobiles. Ce qui serait mieux, c'est de le faire fonctionner comme la barre d'URL de Chrome sur Android. C'est collant, mais si vous faites défiler vers le bas, il se cache. Si vous faites défiler un peu vers le haut (indiquant que vous voudrez peut-être aller en haut), il glisse. Donc, c'est collant et non collant en même temps, je pense que c'est génial. Un "juste" doit coder cela pour leurs menus collants sur mobile.