Non riesco a pensare a diagrammi di architettura software particolarmente buoni che non hanno avuto i dati che mostrano fortemente semplificati e ridotti, ma possiamo trovare alcune cose rilevanti scomponendo per prima cosa cos'è un diagramma di architettura software.
Quindi, vedremo alcuni esempi di progetti che affrontano sfide simili.
È un tipo di diagramma di flusso / diagramma di processo focalizzato su categorie di elementi / nodi. Quello a sua volta è un tipo di diagramma di rete nodo-collegamento, con ulteriore direzionalità: essenzialmente nodi, che possono avere categorie e connessioni, che possono avere direzione.
Tutto ciò che si basa sui collegamenti dei nodi può trasformarsi in un disordinato "hairball" quando aumenta la complessità di ciò che sta cercando di rappresentare. Se nulla di seguito suggerito in base ai collegamenti dei nodi funziona - se la cosa in questione è troppo complessa - ecco un articolo di un rispettato accademico di visualizzazione dei dati su alcune alternative al concetto di "nodo-collegamento" come base per mappe di rete che i ricercatori di visualizzazione dei dati sono venuti in mente. Se riesci a capire come adattare alcuni di questi in qualcosa di user-friendly e direzionale, potresti essere su un vincitore. Ma questo è il modo davvero difficile da fare, provalo solo se devi.
Quindi, diagrammi di flusso complessi e diagrammi di rete con enfasi su direzione / flusso e categorie di nodo / elemento. Primi principi di base:
- Mantieni ogni nodo / elemento semplice
- Rendi chiare e semplici le differenze tra i tipi di elementi con una chiara gerarchia tra loro
- Rendi il flusso e la connettività quanto più possibile di un elemento di sfondo
Pensa al rapporto segnale-rumore (a volte chiamato rapporto dati-inchiostro nel contesto della grafica delle informazioni): le connessioni sono guide visive, non dati, quindi rendile il più sottile possibile senza renderle meno facili da seguire. Pensa anche alla figura : i dati dovrebbero essere la cosa a cui si presta attenzione in primo piano, i segnali visivi che mostrano il flusso e la categoria dovrebbero essere lo sfondo di cui le persone sono consapevoli ma non distratte.
Primo esempio, un poster del diagramma di flusso delle decisioni tipografiche (sono sicuro che alcune persone non saranno d'accordo con il contenuto ...). Utilizzando solo il bianco e nero, rende utilizzabile un diagramma complesso con una chiara gerarchia tra gli elementi:
È molto chiaro quale sia ogni elemento, usando un'illuminazione chiara ma sottile e variazioni che aggiungono un rumore minimo. Il tutto è complesso ma ogni parte è chiara.
Possibili miglioramenti - non c'è una direzione generale, con il suo andare dal centro - le linee potrebbero avere informazioni direzionali senza aggiungere rumore essendo dei piccoli chevron punteggiati sottili (come >>>>>) invece dei punti, in modo da poter iniziare ovunque e vedere dove andare dopo senza che questi segnali di direzione possano distrarre.
Ecco un altro esempio simile in cui il flusso si sta muovendo attraverso una gerarchia (più generale> più specifica). Trasforma molte categorie in due tipi di nodo: prodotti e tipi e la dimensione del nodo indica la specificità del tipo. (i contorni del cerchio e le linee di collegamento potrebbero essere molto più sottili, ma sembrano essere stati ponderati per integrare il tipo e dare a tutto tranne che al vetro pinta centrale una trama più uniforme). Le dimensioni del cerchio fungono anche da indicazione della posizione e del flusso: si passa da cerchi più grandi a più piccoli, quindi non hanno bisogno di altri segnali visivi che aggiungono complessità come le punte di freccia.
I moltissimi tipi di birra
Molto del lavoro svolto da PopChartLab è rilevante. Sono specializzati in grandi poster che mostrano molte cose interconnesse e talvolta scrivono il loro processo. Ecco il loro resoconto di un progetto in cui hanno davvero lottato con la quantità di cose che volevano mostrare . Personalmente non mi piace molto il risultato finale (hanno lavorato duramente per domare la palla di capelli, ma il risultato finale è ancora una palla di capelli), ma leggendo cosa hanno provato e cosa ha funzionato e cosa non ha potuto aiutare.
Ecco un esempio che utilizza in modo ordinato il posizionamento sulla pagina per mostrare le categorie e l'ordine nel flusso. Non ha bisogno della combinazione di colori sgargianti sgargianti (che è un riferimento all'argomento, il vecchio logo color arcobaleno di Apple). L'uso dell'asse xey della pagina in questo modo significa che è possibile salvare le linee di collegamento per altri tipi di informazioni.
Infine, come ho detto all'inizio, i diagrammi di architettura software sono un esempio di mappe di rete, che sono un tipo di mappa. Quindi, puoi ottenere idee da normali mappe (cartografiche), che hanno anche un problema simile a molte categorie di informazioni dense e complesse che spesso hanno connessioni e direzione, cercando costantemente di impedire che molti segnali si trasformino in rumore.
Axis Maps produce incredibili mappe tipografiche che presentano alcuni dei migliori rapporti segnale-rumore di qualsiasi informazione grafica che abbia mai visto, semplicemente usando le loro etichette come elementi delle etichette - quindi colore e qualche sottile tocco di typograohy e spaziatura per indicare categoria.
Se non ti dispiace qualche tipografia estrema, questo potrebbe probabilmente essere usato per domare un diagramma di flusso che stava andando fuori controllo. Sembra un lavoro scrupoloso, ma i risultati sono fantastici.
