web-dev-qa-db-fra.com

Utilisation de la structure des onglets d'arborescence

J'ai une situation où j'ai une structure d'onglets et il y a d'autres options sous chaque onglet principal, j'ai donc choisi une structure d'onglets dans laquelle j'affiche l'onglet principal et l'onglet secondaire visuellement différents.

comme par conception ancienne lorsque l'utilisateur fait défiler l'onglet principal de niveau supérieur est converti en menu déroulant et je pense que cela prête à confusion. et comme le nouveau design, j'ai fait deux onglets visuellement différents mais quand je fais défiler vers le bas, coller deux onglets ne sera pas ce que je ressens. existe-t-il une autre solution où je peux afficher le contexte de l'onglet lorsque l'utilisateur fait défiler vers le bas

Old Design two tabs

old design after scroll it changes to drop down

primary tabs converted into drop down

new design

3
Harshith

Au début, je vous encourage fortement à parcourir ce fil ici , et surtout la réponse de Naoise Golden . Il devrait être très utile de comprendre les options que vous pourriez explorer et pourquoi les onglets imbriqués sont un modèle délicat à gérer.

Cela dit, j'ai regardé vos captures d'écran et il semble que vous puissiez réfléchir davantage à la façon dont vous regroupez le contenu sur plusieurs onglets. Cela se résume à une architecture/taxonomie de l'information plus réfléchie. Par exemple, je vois Portfolio comme enfant dans la catégorie globale mais comme parent sous la forme de Portfolio par étape/secteur/emplacement. En partant de cela et de mes hypothèses , on pourrait utiliser un filtrage intelligent et une meilleure catégorisation pour obtenir le même résultat. Mettre rapidement cela dans une maquette pour une meilleure référence:

enter image description here

1
Amit Jain

Pourquoi ne pas simplement utiliser un style de navigation déroulant standard car c'est à cela que vous ressemblez

enter image description here

1
Miroslav Jonas