web-dev-qa-db-fra.com

Quelles sont les bonnes métaphores visuelles pour explorer les relations plusieurs-à-plusieurs?

En ce moment, j'utilise deux listes côte à côte où cliquer sur un élément de la liste A filtre la liste B pour proposer uniquement les Bs liés au A sélectionné et vice-versa. Donc, en cliquant sur B3, A2 et A5 disparaissent pour que vous sachiez que B3 est lié à A1, A3 et A4. Je crois que le modèle mental n'est pas assez fort pour le rendre instinctif à utiliser, je dois donc fournir toutes sortes d'icônes et d'animations pour le rendre convaincant. Cela n'aide pas que d'autres choses se produisent en même temps, comme les détails apparaissant sous un élément sélectionné et autres. J'espérais parvenir à un modèle mental plus fort en fournissant une métaphore à l'utilisateur.

Les parents/enfants, la métaphore semble bonne, mais elle ne permet vraiment que 2 parents pour chaque enfant. Et si vous oubliez l'aspect biologique, vous vous retrouvez avec la métaphore Arbre des parents/enfants où chaque enfant a exactement 1 parent immédiat (pas plusieurs-à-plusieurs).

Les livres/auteurs sont meilleurs, mais les livres sont généralement vus sur des étagères, ce qui réduit la métaphore à une liste.

Je cherche une métaphore où vous pouvez avoir une étagère pleine de livres ET une salle pleine d'auteurs en même temps , d'où la idée de 2 listes. Ou une mutation qui permet aux humains de concevoir des bébés à trois voies . Je pense que la nécessité d'une meilleure métaphore est évidente.

Existe-t-il d'autres options pour illustrer les relations plusieurs-à-plusieurs?

Edit: En particulier, je recherche une métaphore qui permettra une exploration facile des deux types d'éléments dans une métaphore. Pour les livres/auteurs, j'ai besoin d'une étagère et d'une salle pleine d'auteurs: deux métaphores. Pour les étudiants/classes, j'ai besoin d'une liste d'étudiants et d'une liste de classes: comment puis-je faciliter la lecture des étudiants autant que celle des classes?

1
Shawn

Les listes élastiques sont mon modèle UX préféré pour gérer cette situation. Voici un bon exemple.

http://well-formed-data.net/experiments/elastic_lists/

2
stony

Et les voitures/motos?

Un constructeur construit des voitures/motos et une voiture/moto peut être construite par plusieurs constructeurs.

  • BMW> - <voiture> - <Porsche
  • BMW> - <moto> - <Ducati

Vous pouvez également le faire pour n'importe quel produit, peut-être que choisir un produit adapté à votre base d'utilisateurs suffirait.

  • Sony> - <TV> - <Samsung
  • Nike> - <chaussure> - <New Balance
0
Aaron McIver

La meilleure chose qui me vient à l'esprit est Films et acteurs … (plus précisément crédits de cinéma et curriculum vitae des acteurs). Chaque film a des crédits composés d'acteurs, et chaque acteur a un curriculum vitae composé de films.

Bien que cela soit très proche des livres et des auteurs, presque tout le monde connaît IMDB (Internet Movie Database) ou Six Degrees of Kevin Bacon , il est donc plus facile de s'y identifier.

0
Taj Moore