Affectation à plusieurs groupes
Bien qu'il y ait beaucoup de sujets "assigner à bla" ici, je ne suis pas sûr d'avoir vu ce cas exact. Toutes mes excuses à l'avance si cela se répète.
Construire un nouveau site Web, avec beaucoup de configuration. Il est peu probable que cela doive être poussé vers le mobile, bien que toute réflexion réactive soit la bienvenue.
J'ai donc une variante du modèle "ajouter un élément à un groupe". L'application présente plusieurs objets, regroupés dans des conteneurs (il s'agit en fait d'objets physiques). Les objets ne peuvent jamais se trouver dans plusieurs conteneurs. Chaque conteneur peut contenir jusqu'à 255 objets.
Il est nécessaire de gérer ensemble des groupes d'objets, même si les membres du groupe se trouvent dans des conteneurs différents. Un objet peut être placé en 8 groupes maximum.
Je pensais qu'un List Builder serait un bon point de départ -
Cependant, deux ou trois choses me sont venues à l'esprit -
Nous ne pouvons pas réellement supprimer l'objet de la liste une fois affecté à un groupe, car il pourrait être nécessaire pour un autre groupe. Je ne suis pas sûr que cela ferait du bien à l'utilisateur. Peut-être grisé quand la limite de 8 groupes est atteinte?
Comment diable puis-je voir dans quels groupes se trouve un objet? Il pourrait y avoir beaucoup de clics pour le trouver, puis le supprimer.
J'ai donc pensé que cela pourrait être une bonne alternative -
Peut-être plus intuitif? De plus, l'utilisateur peut voir qu'il a le bon objet avec la présentation de certaines métadonnées.
Cela pourrait ne pas fonctionner si bien si les noms de groupe deviennent longs.
Vous ne pouvez certainement pas voir comment cela fonctionnerait bien sur un mobile, si c'est une exigence.
Cependant, même si cela me convient, j'aimerais vraiment avoir des commentaires de l'esprit de la ruche - qu'est-ce que j'ai manqué?
À votre santé
Andy
Je pense que la raison pour laquelle la solution listbox ne fonctionne pas est parce que ses actions impliquent que les objets sont déplacés des conteneurs vers les groupes (ou vice versa) ce qui n'est pas pas le cas. Par exemple, lorsque vous affectez un objet de container1 à group2, il n'est pas réellement supprimé du conteneur.
Si je comprends bien, les éléments de chaque conteneur peuvent être gérés indépendamment, un conteneur à la fois - les conteneurs ne s'affectent pas les uns les autres.
Si tel est le cas, j'opterais pour le marquage des articles dans chaque conteneur séparément, similaire à votre deuxième solution. C'est clair, intuitif et fait le travail. Vous pouvez ajouter la saisie semi-automatique pour les noms d'étiquettes afin de les rendre amusants à utiliser. Découvrez ceci projet JQuery qui vous permet de gérer la liste avec uniquement le clavier.
BTW, le bouton "X" qui supprime chaque étiquette ne doit pas apparaître tout le temps, il ne peut apparaître que lorsque la souris survole l'étiquette.
Quant à vos préoccupations, regardez étiquettes gmail : lorsque le texte est trop long, il obtient des points de suspension automatiques (avec le texte intégral au survol de la souris). Et sur mobile, cliquer sur les étiquettes ouvre une fenêtre modale où vous pouvez modifier les étiquettes dans une liste avec des cases à cocher - assez simple.
Alternativement, vous voudrez peut-être considérer cela solution glisser-déposer , suggéré sur StackExchange.
Pour une tâche similaire, j'ai récemment utilisé un Facebook comme la saisie semi-automatique (par exemple jQuery Tokeninput ). Il est facile à mettre en œuvre et très léger du point de vue de l'interface utilisateur, mais l'utilisateur doit être familier avec l'ensemble des groupes et il a besoin d'un peu de saisie.