Je ne peux pas penser à des diagrammes d'architecture logicielle particulièrement bons qui n'ont pas eu les données qu'ils montrent fortement simplifiées et réduites, mais nous pouvons trouver des informations pertinentes en décomposant d'abord ce qu'est un diagramme d'architecture logicielle.
Ensuite, nous examinerons quelques exemples de conceptions qui font face à des défis similaires.
Il s'agit d'un type d'organigramme / diagramme de processus mettant l'accent sur les catégories d'élément / nœud. C'est à son tour un type de diagramme de réseau de liaison de nœud, avec une directionnalité supplémentaire: essentiellement, des nœuds, qui peuvent avoir des catégories, et des connexions, qui peuvent avoir une direction.
Tout ce qui est basé sur des liens de nœuds peut se transformer en une «boule de poils» désordonnée lorsque la complexité de ce qu'il essaie de représenter augmente. Si rien de ce qui est suggéré ci-dessous basé sur les liens de nœuds ne fonctionne - si la chose en question est tout simplement trop complexe - voici un article par un universitaire respecté de visualisation de données sur quelques alternatives au concept de "nœud-lien" comme base pour les cartes de réseau que les chercheurs en visualisation de données ont trouvé. Si vous pouvez comprendre comment adapter certains de ces éléments en quelque chose de convivial et de directionnel, vous pourriez être sur un gagnant. Mais c'est la voie vraiment difficile à parcourir, n'essayez que si vous le devez.
Ainsi, des organigrammes complexes et des diagrammes de réseau mettant l'accent sur la direction / le flux et les catégories de nœuds / d'éléments. Premiers principes de base:
- Gardez chaque nœud / élément simple
- Rendre les différences entre les types d'éléments clairs et simples avec une hiérarchie claire entre eux
- Faites du flux et de la connectivité autant d'éléments d'arrière-plan que possible
Pensez au rapport signal / bruit (parfois appelé rapport données-encre dans le contexte des graphiques d'informations): les connexions sont des guides visuels, pas des données, alors rendez-les aussi subtiles que possible sans les rendre moins faciles à suivre. Pensez également à la figure de base : les données doivent être ce qui est pris en compte au premier plan, les indices visuels montrant le flux et la catégorie doivent être le fond dont les gens sont conscients mais ne sont pas distraits.
Premier exemple, une affiche d'organigramme de décision de typographie (je suis sûr que certaines personnes seront en désaccord avec le contenu ...). Utilisant uniquement du noir et du blanc, il rend un diagramme complexe utilisable avec une hiérarchie claire entre les éléments:
Il est très clair ce que chaque élément est, en utilisant un éclairage et une variation clairs mais subtils qui ajoutent un minimum de bruit. L'ensemble est complexe mais chaque partie est claire.
Améliorations possibles - il n'y a pas de direction globale, allant du milieu vers le haut - les lignes pourraient avoir des informations directionnelles sans ajouter de bruit en étant de très petits chevrons en pointillés subtils (comme >>>>>) au lieu de points, vous pouvez donc commencer n'importe où et voir où aller ensuite sans ces indices de direction distrayants.
Voici un autre exemple similaire où le flux se déplace à travers une hiérarchie (la plus générale> la plus spécifique). Il transforme un grand nombre de catégories en deux types de nœuds: les produits et les types, et la taille du nœud vous indique la spécificité du type. (Les contours du cercle et les lignes de connexion pourraient être beaucoup plus subtils, mais ils semblent avoir été pondérés pour compléter le type et donner à tout sauf le verre central de pinte une texture plus uniforme). La taille du cercle sert également d'indication de position et de flux - vous passez de cercles plus grands à plus petits, de sorte qu'ils n'ont pas besoin d'autres repères visuels ajoutant de la complexité comme des pointes de flèche.
Les très nombreux types de bières
Une grande partie du travail effectué par PopChartLab est pertinente. Ils se spécialisent dans les grandes affiches montrant beaucoup de choses interconnectées et écrivent parfois leur processus. Voici leur résumé d'un projet où ils ont vraiment eu du mal avec la quantité de choses qu'ils voulaient montrer . Personnellement, je n'aime pas beaucoup le résultat final (ils ont travaillé dur pour apprivoiser la boule de poils, mais le résultat final est toujours une boule de poils), mais lire ce qu'ils ont essayé et ce qui a fonctionné et ce qui n'a pas pu aider.
Voici un exemple qui fait une utilisation soignée du placement sur la page pour afficher les catégories et l'ordre dans le flux. Il n'a pas besoin de la palette de couleurs criardes criardes (qui fait référence au sujet, l'ancien logo arc-en-ciel d'Apple). L'utilisation des axes x et y de la page comme ceci signifie qu'il peut enregistrer les lignes de connexion pour d'autres types d'informations.
Enfin, comme je l'ai mentionné au début, les diagrammes d'architecture logicielle sont un exemple de cartes réseau, qui sont un type de carte. Ainsi, vous pouvez obtenir des idées à partir de cartes régulières (cartographiques), qui ont également un problème similaire de nombreuses catégories d'informations denses et complexes qui ont souvent des connexions et une direction - essayant constamment d'empêcher vos nombreux signaux de se transformer en bruit.
Axis Maps produit des cartes typographiques étonnantes qui ont certains des meilleurs rapports signal-bruit de tous les graphiques d'information que j'ai vus, en utilisant simplement leurs étiquettes comme les étiquettes des étiquettes - puis la couleur et quelques subtiles torsions de typographie et d'espacement pour indiquer Catégorie.
Si cela ne vous dérange pas une typographie extrême, cela pourrait probablement être utilisé pour apprivoiser un organigramme qui devenait incontrôlable. Cela ressemble à un travail minutieux, mais les résultats sont impressionnants.
