web-dev-qa-db-fra.com

Définir les relations entre plusieurs utilisateurs dans une seule interface utilisateur?

Nous avons une interface utilisateur sur une page Web, où les relations entre les utilisateurs peuvent être définies par les administrateurs. Les utilisateurs sont divisés en deux rôles, dans ce cas "Lorem" et "Lorem ipsum".

enter image description here

enter image description here

À l'heure actuelle, une relation entre deux utilisateurs peut être choisie parmi 3 options: - aucune relation - avec notif - sans notif

Notre solution actuelle a été conçue pour un maximum de 25 utilisateurs, les utilisateurs du groupe "Lorem" sont affichés dans la première colonne, tandis que les utilisateurs du groupe "Lorem ipsum" sont affichés dans la première ligne.

La cellule d'intersection spécifique affiche la relation actuelle entre les 2 utilisateurs concernés.

Lorsque la souris survole une cellule, une boîte de dialogue apparaît affichant les 2 utilisateurs et leur type de relation actuel, ainsi que la possibilité de changer ce type.

Mes problèmes/questions:

Comme vous pouvez le voir, pour 25 utilisateurs, cela devient difficile à voir. Nous avons également une demande pour autoriser plus d'utilisateurs (supposons 50 ou même plus!), Donc afficher 50 colonnes ou plus sera vraiment difficile à gérer via cette interface utilisateur.

C'est la même chose, s'il y avait 50 lignes et que l'administrateur souhaite définir la relation de l'utilisateur dans la dernière ligne, il ne pourrait pas voir l'en-tête du tableau (dans ce cas, les utilisateurs de l'autre, " lorem ipsum "group), car elle serait déroulée!

L'idée principale derrière ce concept était d'être rapide, simple et facile à visualiser l'ensemble de la matrice relationnelle.

Des conseils pour gérer beaucoup plus d'utilisateurs?

5
Csabi

J'aime la question. La gestion d'un nombre illimité de relations entre les objets peut être abordée de plusieurs manières.

Présentation versus Vue d'édition

L'idée principale derrière ce concept était d'être rapide, simple et facile à visualiser l'ensemble de la matrice relationnelle.

Vous réalisez qu'un aperçu n'est pas toujours le meilleur endroit pour éditer .

Il existe de nombreuses façons de rendre les grandes listes de relations conviviales:

  • Pensez à conserver la grille comme une vue d'ensemble uniquement ,
  • Créez une vue de détail ou inspecteur pour chaque utilisateur qui se concentre sur n aperçu des relations avec les utilisateurs, en complément de la grille géante qui donne un aperçu de tout.
  • Un filtre ou un champ de recherche,
  • Favoris ou Récents ,
  • Pour une longue liste où les en-têtes disparaissent, pourquoi ne pas rendre l'en-tête statique pour qu'il ne défile pas hors de portée.

Si vous conservez la vue d'ensemble modifiable, n'oubliez pas qu'au fur et à mesure que n augmente dans votre n*n grid, plus vous devez en faire pour le rendre convivial.

Bonne chance et n'hésitez pas à poster les résultats plus tard :)

2
JOG

Avec une grille 50x50, vous assurer d'accéder à la bonne relation lorsque vous sélectionnez une cellule est une activité fastidieuse et sujette aux erreurs. Le processus d'édition réel est très bien; c'est votre interface utilisateur pour les relations qui doit être modifiée.

Dans presque tous les cas, les relations sont une cartographie clairsemée ... 90% ou plus de cette grille sera vide, car la plupart des gens n'ont pas de relation significative les uns avec les autres. Pour cette raison, une meilleure interface utilisateur se concentrerait sur une seule personne à la fois, et liste les relations pertinentes pour cet utilisateur.

enter image description here

Je ne l'ai pas fait dans l'image ci-dessus, mais chacun des éléments répertoriés (y compris la cellule Utilisateur 1 en haut) serait une zone de liste déroulante, où vous pouvez taper le nom ou le rôle, et il trouvera la correspondance correcte dans la liste, ou cliquez sur une flèche déroulante pour sélectionner le choix dans une liste à la place.

Des relations supplémentaires seraient créées en ajoutant des lignes à la liste, une pour chaque personne avec laquelle le prénom a une relation.

Dans cet exemple, si vous avez choisi Utilisateur 4 en haut, alors Utilisateur 1 serait répertorié ci-dessous avec une relation de Lorem Ipsum

Vous pouvez choisir d'avoir une interface telle que celle que vous indiquez dans la question, mais je pense que cette interface est mieux utilisée pour analyser les relations plutôt que de les modifier réellement.

2
Myrddin Emrys

Comme d'autres l'ont mentionné, la matrice répond à votre objectif de simplifier voir les relations en un coup d'œil. Pour les relations édition, vous souhaiterez probablement fournir une boîte de dialogue qui vous permettra de vous concentrer sur un utilisateur et ses relations à la fois.

0
Michael Brown