Realizzare un diagramma di architettura attraente, ma ancora tecnico [chiuso]


13

Qualcuno ha qualche consiglio per fare un diagramma di architettura software "attraente"? Il mio manager mi ha detto di rendere il mio diagramma di architettura attuale (che è stato creato usando solo Visio e le icone di base) più "attraente" per una presentazione che devo dare a tipi di livello esecutivo che non sono tecnici. Immagino che intendesse avere qualcosa che mostreresti ai clienti o che gli esperti di marketing possano usare.

Qualche set di icone specifico o suggerimenti particolari che le persone hanno? Non posso pubblicare il mio diagramma corrente per motivi di privacy, ma per avere un'idea generale, sono solo testo, linee e icone del server (http://www.227volts.com/wp-content/uploads/2009/03/exchange2007visiostencils.jpg) questa è la serie di icone che sto usando.

Sono sinceramente confuso su come rendere qualcosa di simile "più attraente" (diavolo, penso che il bianco e nero siano sempre le migliori combinazioni di colori da usare: P)

Modificare:

Quindi qualcosa come questo http://rollerweblogger.org/roller/resource/linkedin-today.png è ancora considerato "professionale" con tutti i colori e cose simili?

Ho chiesto al mio manager e tutto ciò che ha detto è stato semplicemente renderlo più commerciabile eludendo le domande su cosa avrei dovuto fare in modo specifico.


4
Forse se hai appena scartato le foto dei computer e le hai sostituite con quelle delle riviste di moda? Inoltre, i nomi dei server sono in qualche modo opachi, è possibile cambiarli in qualsiasi icona pop a cui fa riferimento un nome di una sola parola. E invece del testo relativo all'architettura software, forse qualche dialogo da un reality show o alcuni punteggi sportivi.
psr

2
@soulesschild: (1) per favore non commentare la tua domanda. Si prega di aggiornare la propria domanda. (2) "Qualcosa del genere ... è considerato più" attraente "?" È la tua domanda Devi dirci se soddisfa la tua soglia per "attraente". Non possiamo dirti se soddisfa le tue esigenze. (3) "Il mio manager mi ha detto ..." Perché non l'hai chiesto al tuo manager? Non possiamo nemmeno iniziare a indovinare cosa volesse dire.
S.Lott

1
"eludendo le domande su cosa dovrei fare nello specifico". Quindi, vuoi che facciamo ipotesi casuali? Stai dicendo che hai bisogno di aiuto per lanciare una moneta per prendere una decisione? In tal caso, ecco alcune informazioni: Heads. Forse una cosa migliore da fare è omettere tutta la confusa storia e porre semplicemente una semplice domanda su diagrammi di architettura "attraenti". L'intera incapacità di comunicare tra il tuo manager e l'utente non è affatto utile. Si prega di considerare di rimuoverlo.
S.Lott

2
Perché è necessario presentare informazioni tecniche a dirigenti non tecnici? IMO, questo è il vero problema che dovresti risolvere. Se hai bisogno di diagrammi accattivanti per vendere le tue idee, allora questo significa che non ne avranno comunque nessuna, e stai solo sparando bombe fumogene contro di loro.
tdammers,

Risposte:


11

Questa domanda è troppo grande per rispondere esattamente punto per punto. Ci sono libri sul design e altri libri sull'esperienza degli utenti , che spiegano in ogni dettaglio come rendere il software, i prodotti di consumo, i libri, le pubblicità, i giocattoli per i bambini più attraenti per il pubblico di destinazione. In realtà, la tua domanda è simile a:

Sono un designer, ho qualche idea di programmazione (ho imparato Basic a scuola per due settimane) ma non ho tempo di imparare la programmazione. Mi viene chiesto di creare un sito Web di e-commerce da zero utilizzando ASP.NET MVC e Microsoft SQL. Puoi spiegarmi quali sono queste due cose e come posso usarle per fare un lavoro di successo?

In tutti i casi, se vuoi creare grafici "attraenti" ma non hai tempo di leggere decine di libri e non hai un designer nella tua azienda (è possibile?), Puoi provare a ispirarti da ciò che vedi in giro : siti web professionali, presentazioni, ecc. Devi annotare alcune regole e schemi e applicarli ai tuoi grafici. A volte potresti sbagliare, perché alcune regole funzionano bene per i siti Web ma falliscono per prodotti di consumo o grafici o giocattoli per bambini, ma in generale hai più possibilità di successo.

Ad esempio, se prendo il grafico nella tua modifica:

inserisci qui la descrizione dell'immagine

Vedo il primo errore: le ombre. Le ombre devono essere usate con cautela. In un sito Web, tale utilizzo sarebbe inaccettabile. Un buon esempio di come utilizzare le ombre è Apple.com . Ogni elemento con cui l'utente può interagire ha una piccola ombra, dando la sensazione di un volume. Nessun altro elemento ha un'ombra. In un caso di un grafico, questo può essere più accettabile, poiché gli utenti non intendono interagire con il grafico. Tuttavia, le ombre sono troppo grandi e troppo separate dagli elementi. Inoltre, qui, non ce n'è bisogno: ogni elemento ha già un bordo .

Regola empirica: KISS (o, se vuoi, "sii pigro"). Non aggiungere contemporaneamente un bordo, un'ombra e un colore di sfondo. Non rendere il testo in grassetto corsivo Arial Black 200 rosso sottolineato con un bordo giallo su sfondo verde chiaro lampeggiante. Fai solo ciò che devi fare per aggiungere impatto visivo, niente di più.

Pensa allo stile dei tuoi grafici: nessuno vuole vedere quei brutti diagrammi UML in bianco e nero. Ma non esagerare: peggiorerà solo: i diagrammi UML in bianco e nero sono brutti ma utilizzabili . Una schifezza animata GIF lampeggiante multi-font arcobaleno con un sacco di icone e frecce che cambiano colore non è solo brutta, ma anche inutilizzabile.

Per i grafici, ricorda la specificità del contesto. Se verrà mostrato attraverso un proiettore, non è possibile avere un testo verde su sfondo bianco : scomparirà magicamente quando viene proiettato su una parete. Se supporta i tuoi discorsi, non mettere troppo su una diapositiva : troppa grafica, troppi numeri, troppo testo. L'illustrazione sopra è un buon esempio di ciò che non devi mai fare per una presentazione: con una tale diapositiva, sei sicuro che metà del pubblico va a dormire e l'altra metà smette di ascoltarti, cercando disperatamente di capire cos'è questa cosa .

Infine, ricorda che sei qui per il tuo pubblico, non il contrario . Se mostrerai il grafico come quello sopra illustrato ai professionisti del marketing , si diranno che fai schifo. Sanno cos'è il cloud (o credono che abbia a che fare con le applicazioni ospitate nel cielo / nello spazio)? Sanno cosa rappresenta l'icona marrone con "DB" su di essa? Possono spiegare cos'è un'app Web e in che cosa differisce da un'altra app o da un sito Web?


1

Probabilmente è inutile sottolineare che la bellezza è una delle opinioni più soggettive di sempre. Come si suol dire, la bellezza è negli occhi di chi guarda , quindi ciò che è bello per te può essere brutto come l'inferno per qualcun altro. Molte metà migliori concorderebbero.

Detto questo, oggi le persone probabilmente si aspettano un po 'più di un diagramma ASCII. Non devi studiare la teoria dei colori, ma modellarla un po 'non farà male. I siti per realizzare diagrammi come, ad esempio, Gliffy hanno modelli dall'aspetto decente che scommetto, farebbero piacere a chiunque (o almeno non dispiacerebbe) partecipare a quella presentazione.

inserisci qui la descrizione dell'immagine


1

Dopo aver eseguito i diagrammi utilizzando gli strumenti di sviluppo normalmente utilizzati, rieseguili da zero in Powerpoint o in qualsiasi software di presentazione utilizzato dalla tua azienda. Le mie presentazioni utilizzando le icone e gli stili freccia predefiniti hanno ottenuto una risposta molto migliore rispetto a quelle che ho fatto in Enterprise Architect o Power Designer. Salta UML e scegli semplicemente diagrammi di relazione e diagrammi di flusso. Come con qualsiasi presentazione, metti insieme qualcosa velocemente e passalo davanti al tuo manager per un feedback. Non vuoi perdere ore a elaborare un diagramma del flusso di lavoro elaborato che il tuo manager abbatterà per essere "troppo occupato". Ti consiglio di fare completamente un semplice diagramma, in modo da poter mostrare lo stile (font, tavolozza dei colori, layout) e deridere il resto per il contenuto.


0

Sii coerente nel carattere. Distanziare le cose equamente separate e tenerle allineate. Probabilmente aggiungi uno o due colori (i colori dell'azienda?) Oltre il bianco e nero. Intestazioni in grassetto. I confini dovrebbero essere distinti. Qualcosa di più delle griglie come sfondo o del tutto assente.

Potrebbe essere necessario suddividere in pagine / diapositive separate. Nessuno vuole vedere 57 blocchi in un diagramma del nido di un uccello caotico (secondo la sua percezione).

Potresti voler consultare qualcuno nella tua azienda con un senso un po 'più asetico. Eseguilo da qualcuno nelle vendite o nel marketing.


0

Usa gli angoli arrotondati e i colori tenui. Usa linee spesse. Elliance ha alcuni buoni esempi. Non sono autorizzato a pubblicare immagini, tuttavia, ecco un esempio che ho usato come ispirazione per i miei diagrammi.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.