Quelles sont les nouvelles façons innovantes de concevoir des relations maître / enfant sur une page?
Je travaille actuellement sur une application ASP.net qui a une variété de relations maître et enfant, représentées sur la page dans une grille principale avec les onglets ci-dessous. Bien que cela fonctionne pour un ensemble de relations quelque peu restreint, je me demandais si quelqu'un pouvait me signaler certaines des façons les plus innovantes et créatives d'afficher ce type de données.
Toute suggestion serait appréciée. Soyez créatif, je suis ouvert à tout.
La vue arborescente/vue filaire semble la plus utilisée et la plus appropriée pour les relations qui ne vont pas trop loin (trois ou quatre niveaux) et sont une hiérarchie stricte (pas de références circulaires ou croisées, chaque enfant a exactement un parent.)
Les niveaux supérieurs devraient avoir plus d'importance visuelle (placés plus à gauche, en utilisant une police plus grande/plus lourde, ayant plus d'espace autour, etc.) Pensez par exemple aux index des chapitres.
En général, les relations hiérarchiques devraient avoir une sorte de moyen de fournir une vue d'ensemble et la possibilité de zoomer pour abaisser les niveaux/plus de détails. Réfléchissez aux informations importantes à quel niveau. Pour une approche plus visuelle, l'approche Google map est intéressante à bien des égards, car vous pouvez passer d'un aperçu incroyable à des détails incroyables en très peu d'étapes. Mais pensez également à ce que Google affiche à tous les niveaux: les noms de pays au niveau de la planète, mais les noms de rue ne seront pas visibles jusqu'à ce que vous atteigniez un certain niveau de zoom. Un peu évident si vous n'y pensez pas, mais il est vraiment important d'afficher le bon type de détails à l'utilisateur à chaque niveau: montrez-lui ce dont il a besoin, mais permettez aux détails d'être facilement ignorés.
Vous pouvez également obtenir des idées plus inspirantes de http://www.webdesignerdepot.com/2009/06/50-great-examples-of-data-visualization/
Je mettrai à jour ce post avec des images et d'autres approches, mais voici une liste de plusieurs façons d'afficher plusieurs niveaux de détails.
- Tableau Kanban ** Plusieurs WIP = LeadTime * Les visualisations de données de débit deviennent naturellement disponibles également, en supposant que vos modèles de données suivent avec précision le démarrage et l'arrêt du cycle (la plupart ne le font pas)
- Cartes de l'histoire utilisateur agile de Jeff Patton
- Volet de détails à droite
- Diagramme de Sankey-Flow
- Objectif Fisheye (vue ligne temporelle CiteSpace, graphiques Explorer)
- Lentille de table (fondation de Tableau)
- Fat Scrollbars avec codage couleur pour afficher les détails importants nécessitant l'attention de l'utilisateur, ainsi que, lors de la recherche, un moyen de visualiser où se trouvent les résultats de la recherche dans la chaîne maître-détail sans cacher le contexte environnant
- Zoom UI capable comme Silverlight PivotViewer
Je ne sais pas si cela vous aide, mais - dans les cas où les parents ont non seulement des enfants mais aussi beaucoup de métadonnées, vous pouvez combiner la grille imbriquée avec un volet de détails sur le côté. Par exemple, dans un tableau d'organisation, si vous sélectionnez le groupe "QA", la liste des personnes QA s'ouvre sous la ligne sélectionnée, mais le volet d'informations affiche le nom du chef d'équipe, le nombre de personnes qu'il contient, l'emplacement du groupe etc. C'est également un bon endroit pour afficher des données propres à ce groupe, qui ne rentrent pas dans la grille principale pour diverses raisons.
Avez-vous envisagé des interfaces plus riches? Peut-être un affichage infographique de carte mentale/nœud. De multiples relations enfant/parent imbriquées peuvent souvent être mieux affichées avec des méthodes non linéaires.