Navigation globale / secondaire mobile pour une longue page de défilement?
Un site Web avec un long défilement de page avec un contenu hiérarchique profond veut suivre les meilleures pratiques lorsqu'il est adapté au mobile. Le concepteur recommande actuellement que la navigation passe à une navigation locale lorsque l'utilisateur commence à faire défiler vers le bas. Est-ce considéré comme la meilleure pratique?
La navigation globale est représentée complètement à droite, tandis que la navigation locale proposée est les deux photos les plus à gauche. Je vous remercie
Je pense qu'il n'est pas nécessaire d'avoir une navigation "double" comme proposé par votre designer.
Dans l'un de vos commentaires, vous avez dit que la hiérarchie est profonde de 3 niveaux, mais sur le site de démonstration que j'ai vu n'en a que 2.
Si la navigation n'a que 2 niveaux de profondeur
Je voudrais simplement le laisser tel que vous l'avez maintenant. La navigation elle-même n'est pas très longue, il n'y a donc pas tellement de contenu à faire défiler. Le rendre vraiment facile à comprendre pour les utilisateurs. La navigation est limpide de cette façon.
Si la navigation n'a que 3 niveaux de profondeur
La double navigation peut être une bonne idée pour une hiérarchie profonde à 3 niveaux, mais personnellement, je ne la placerais pas dans une seule barre de navigation. Je me considère comme une personne très avisée, et puisque je suis designer, je pense que je comprends beaucoup de modèles de navigation différents. Mais je trouverais cela très déroutant. Je proposerais d'ajouter une barre supplémentaire avec des liens vers différentes sections du document, comme dans l'image ci-dessous.
- L'avantage est que c'est vraiment clair de cette façon. Il sépare la navigation de l'ensemble du site Web et de ses sections principales, et la navigation du document actuel.
- L'inconvénient ici, c'est qu'il faut un espace vertical supplémentaire (ce qui n'est pas si grave aujourd'hui)
Bonne question, la navigation mobile peut être assez délicate. Je n'utiliserais pas un menu local si le même contenu peut être atteint en utilisant le menu global. Les utilisateurs ne sauront pas où ils se trouvent dans votre hiérarchie. Je ne pense pas non plus que les utilisateurs comprendront la flèche représentant un menu global.
Je serais utile si vous pouviez publier la hiérarchie (ou la quantité d'articles qu'elle contient) afin que nous puissions vous donner de meilleurs conseils.
Ce que vous pouvez faire, c'est placer les deux premiers niveaux d'éléments de menu dans votre navigation globale. Ensuite, vous pouvez créer un menu/index avec le troisième niveau d'éléments de menu sur une page elle-même (comme des raccourcis ou cachés derrière un bouton). Quelle est la profondeur de votre hiérarchie?
Que diriez-vous d'ajouter une sorte de "Table des matières" en haut de la page, répertoriant les différents en-têtes et même un lien vers eux, avec l'option d'une icône "haut de page" par chaque en-tête plus bas sur la page. (Niether de ceux-ci devrait être collant.)
De cette façon, il est simple d'obtenir un aperçu du contenu et de naviguer vers le haut/bas sans avoir à trop défiler.
Mais je suggérerais également de vérifier la solution mobile de wikipedia, j'ai fait une vérification rapide et ils ne semblent pas compenser de grandes quantités de défilement (autre qu'une option pour rechercher dans la page depuis le menu principal).