web-dev-qa-db-fra.com

Quelle est une alternative pour gérer un nombre inconnu d'onglets dans un tableau de bord?

J'ai plusieurs onglets sur un tableau de bord où il naviguera vers différentes sections. Une fois qu'il atteint le nombre maximal d'onglets sur une ligne, il descendra sur une autre ligne. Le nombre d'onglets n'est pas défini, l'utilisateur créera un nombre quelconque d'onglets dans son tableau de bord.

Cela semble vraiment encombré et peu attrayant et actuellement à la recherche d'une solution UX pour ce problème.

enter image description here

1
Mark

Je ne sais pas comment vous pouvez autoriser l'utilisateur à ajouter de nouveaux onglets, et je ne sais pas non plus si les onglets peuvent être combinés en un seul groupe,

- Group 1 -> Tab1 , Tab2, Tab3
 - Group 2 -> Tab4
 - Group 3 -> Tab7, Tab8 and so on 

Ensuite, comme la hiérarchie des menus, nous pouvons donner une interface utilisateur qui serait plus simple pour l'utilisateur d'accéder à chaque section.

Sinon, il y a plus d'autres deux options auxquelles je peux penser,

1) Disposez tous les onglets sur une seule ligne, qui défilerait horizontalement

enter image description here

2) Onglets de mise en page dans la barre latérale gauche, ici, soit autoriser l'utilisateur à faire défiler verticalement tous les onglets

enter image description here

Si vous m'aidez à comprendre la fonctionnalité en détail, comme sur la course, l'utilisateur peut ajouter des options de type puce et celles-ci seront ajoutées sous forme d'onglets ou quoi alors je peux en savoir plus sur ce cz, même avec les options auxquelles je peux penser ne donne pas cette UX lisse.

1
Niki

Bien que la norme habituelle pour un tableau de bord soit de conserver une hauteur visible, vous pouvez les faire défiler verticalement comme ce qui se passe dans Google Analytics et beaucoup d'autres pages d'analyse. Au lieu de créer plusieurs onglets, il est préférable d'essayer de trier plusieurs d'entre eux sur une seule page de défilement long, particulièrement utile lorsque le même filtre est applicable, facilite la modification des filtres par l'utilisateur et ne soulève aucun problème de mise en cache pour maintenir la sélection du filtre pour les onglets individuels.

1
Ren

enter image description here

La première solution est le défilement vertical, souvent utilisé sur mobile. En plaçant des flèches à droite, et en cas de besoin à gauche ..
La deuxième solution consiste à avoir le bouton "Google plus" à la fin, où vous basculez tous les autres onglets qui ne correspondent pas.

La troisième solution est une "méga liste déroulante", car vous pouvez peut-être penser que les onglets ne sont pas la meilleure solution si vous avez autant d'éléments.

1
xul