Navigation à plusieurs niveaux - Application d'entreprise
J'offre une solution de conception pour un système de navigation d'applications de niveau entreprise. Actuellement, l'utilisateur peut naviguer en parcourant une série de menus parents et enfants. Il y a jusqu'à 5 niveaux de navigation possibles, chaque niveau étant affiché dans une vue différente et jusqu'à 16 enfants dans chaque vue.
Le souhait est de déplacer ce système vers une application d'une seule page. Normalement, je chercherais à voir si le nombre d'options de menu pourrait être réduit, mais il n'y a pas de temps. J'ai quelques solutions pour consolider la navigation et j'espérais que quelqu'un pourrait en offrir un peu plus ou des informations.
Navigation arborescente à plusieurs niveaux Une navigation arborescente peut s'afficher sur la page. Cela serait persistant et nécessiterait des encarts clairs pour distinguer les niveaux. Ma préoccupation ici serait le nombre d'options possibles, il pourrait être difficile pour l'utilisateur de voir rapidement où il se trouve dans l'application. Le fait d'avoir toute la navigation visible complique également l'interface utilisateur.
Mega men Cela pourrait devenir très laid avec des flyouts de 4 et 5 niveaux. La dextérité requise pour retirer les flyouts des flyouts n'est pas souhaitable. Une variation pourrait être de gérer jusqu'à 2 niveaux de navigation par flyouts et les niveaux plus profonds seraient affichés dans un lien voir plus qui amènerait l'utilisateur à une vue différente avec les liens enfants. Cependant, cela rompt le modèle SPA.
Les deux options sont bonnes mais la navigation dans l'arborescence est recommandée. Ma suggestion serait d'ajouter le champ de recherche au-dessus de l'arborescence pour accéder rapidement à l'élément de menu. L'utilisateur peut taper 3 lettres dans la zone de recherche pour obtenir le lien de page correspondant.
À partir de 2. l'option de navigation dans l'arborescence semble le meilleur choix. J'ajouterais un comportement d'accordéon (développer/réduire) à la navigation afin que les éléments inutilisés du menu soient masqués. De plus, avoir du fil d'Ariane donnera à l'utilisateur une idée de l'endroit où il se trouve dans l'application. Vous pouvez également avoir des éléments sélectionnables dans les fils d'Ariane pour permettre à l'utilisateur de sauter entre les pages parallèles
Représenter l'intégralité du schéma de site sur une page est un peu comme la recherche, comme mentionné ci-dessus, ou une page de plan de site à l'ancienne.
S'agit-il d'un guide du site ou d'une navigation sur l'ensemble du site? Si c'est le dernier, vous pouvez afficher les niveaux supérieurs (0-4) dans la méga-navigation et les niveaux inférieurs dans la section nav.
Si les sections sont vraiment profondes, vous souhaiterez peut-être un élément de navigation vertical accordéon dans la colonne de gauche de chaque page de section pour approfondir.
De plus, avez-vous besoin de naviguer vers les niveaux les plus bas? Si vous avez une énorme pile d'objets similaires - produits, plans de cours, images, maisons à vendre, peu importe - cela se prête à une disposition de type liste filtrée. Vous pouvez utiliser la méga navigation pour fournir aux utilisateurs la liste pertinente, où ils peuvent trier et filtrer pour trouver les objets dont ils ont besoin.