web-dev-qa-db-fra.com

Sélection Hiearchichal pour le regroupement (c.-à-d. Équipes)

Disons que j'ai une page où je veux pouvoir sélectionner les personnes qui font partie de l'équipe. Chaque équipe peut avoir jusqu'à 3 participants (donc la taille ne devrait pas être un problème) mais les mêmes personnes peuvent apparaître dans plusieurs équipes.

À l'origine, je pensais avoir à utiliser un arbre (FuelUX ou autre), mais un arbre ne fait pas du bon travail dans le cas où la même personne appartient à de nombreuses équipes. Je pourrais le faire en dupliquant l'entrée du nom, mais cela crée de la confusion.

enter image description here

Le problème est qu'il y a une grande différence entre le nombre de personnes dans un groupe (1-3) et le nombre disponible (20-60). De plus, l'utilisateur devrait être capable de voir qui n'est pas dans un groupe et qui est un coup d'œil (par conséquent, l'arbre aurait fonctionné si je n'avais pas eu besoin qu'une personne appartienne à plus d'un groupe).

Quelle serait la meilleure solution pour cela? Ma meilleure idée est de diviser la création et la modification du groupe en deux pages distinctes. Tout d'abord, les groupes sont en train de créer, puis l'utilisateur regarde individuellement chaque groupe en détail et sélectionne qui en fait partie (encore une fois, avec 20 à 60 personnes, afficher tout d'un coup n'est pas une bonne idée). Il est difficile de faire en sorte que cela soit bon ET de rendre évident que chaque équipe est modifiable.

Je suis perplexe, des suggestions?!

2
Howard Grimberg

Avez-vous consulté l'interface utilisateur de Google Plus Circles? C'est une excellente façon de déplacer un grand nombre de personnes en petits groupes.

enter image description here

Il résout un certain nombre de vos besoins:

  • les gens peuvent être dans plusieurs groupes

  • il est facile d'afficher les personnes qui ne font pas encore partie d'un groupe en filtrant la vue d'ensemble des personnes disponibles

  • il fait un grand usage de votre écran immobilier pour un aperçu en un coup d'œil

  • cela semble très bien

Bien sûr, vous devez modifier cela pour votre situation spécifique, mais c'est un joli modèle. Assurez-vous simplement de mettre toutes les animations et autres trucs fantaisistes;)

4
Koen Lageveen

C'est un peu vieille école, mais cela aidera peut-être à remuer les jus créatifs.

Un générateur de liste est un exemple classique de cette fonctionnalité. Dans ce cas, la grille arborescente finit par être la "vue" des équipes (et dans ce cas, vous pouvez faire pivoter cette vue par équipes ou par personnes/joueurs).

Les avantages du générateur de liste, en supposant que les attributs peuvent avoir une relation un: plusieurs, sont que vous pouvez attribuer une (personnes) à plusieurs équipes et l'afficher.

Brain est perplexe sur un exemple Web de cela, mais MS Excel> Personnaliser le ruban est un bon exemple. enter image description here

1
Leslie M