Il cliente e l’infografica – un’intervista con SignalNoise.

I dati provengono da qualsiasi luogo – un’intervista con Jer Thorp data artist

Sei infografiche che i nostri designer amano – alcune meravigliose qui

Cos’è un’infografica B2B? – domande difficili.

Un sacco di informazioni da condividere? Fare un’infografica? Qui ci sono 14 modi per organizzare visivamente le informazioni, con esempi e suggerimenti su quando usarli.

Ci sono due modi per scoprire il modo migliore per presentare visivamente le informazioni o una storia:

1. Venite a conoscere i vostri dati o storia intimamente. Rastrella il tuo giardino zen e chiediti ” che aspetto hanno i miei dati?”
2. Passare attraverso centinaia di infografiche e cercare di vedere se uno di quelli migliori sono una buona misura per quello che vuoi fare, o dire.

Per questo post, ho cercato di fare quest’ultimo per te (se vuoi coltivare il tuo giardino zen, non posso fare nulla per te).

Il processo:
Sono andato a Visual.ly (una fonte eccellente per infografica, e la comunità intorno a loro) e recensito un paio di centinaia di infografiche più popolari da pagine visualizzate. Questa rete da traino ha rivelato 14 metafore visive. Qui li condividerò e risponderò ad alcune domande per ciascuno:

Quando funziona davvero un particolare approccio visivo?

Cosa vale la pena tenere a mente, dal punto di vista del design?

Quali sono alcuni buoni esempi?

I 10 + 4 concetti visivi

Un’anatomia visiva o infografica fornisce un’esplorazione annotata del contenuto di un oggetto o idea grande e complicato. Può essere metaforico (come l’infografica” Anatomia di un SEO “sotto) o dritto (come l’infografica” Anatomia di un sito Web perfetto” sotto).

Quando lo usi? Ogni volta che vuoi educare su qualcosa con molte parti costitutive in movimento, che non sono ampiamente o facilmente comprensibili.

Note di progettazione: Anche se il nostro obiettivo è quello di illustrare e chiarire la complessità, è necessario resistere alla tentazione di ottenere troppo dettagliato ed esplicito.

Alcuni esempi: SEOMoz Anatomia di un Search Marketer, Anatomia di un sito Web perfetto, La deliziosa serie Imaginary Factory di Jing Zhang e Il cervello di un blogger principiante di Infolinks.

Timeline

Questi sono ottimi per dimostrare (o creare) una serie di relazioni causa-effetto o evoluzione.

Quando lo usi? Ogni volta che il cambiamento nel tempo è il tuo punto principale

Design notes: Inizi tardi e lavori all’indietro o inizi presto e lavori in avanti? Generalmente quest’ultimo, a meno che il punto che stai cercando di fare riguardi le radici storiche di qualcosa. Prestare attenzione alla scala temporale-cercare di conservare lacune e grappoli.

Esempi: Battlefield vs. Call of Duty Timeline e La timeline Inception (suggerimento: non è dritto)

Sottogeneri timeline:
Storia di example esempio: Storia di sveglie

Evoluzione di example esempio: L’evoluzione del Geek

Tassonomia

Come questo post, tutti noi cerchiamo di classificare le cose. In qualche modo la roba di bucketizing mette le nostre menti di scimpanzé a proprio agio. Permette anche di comunicare ampiezza E profondità.

Quando lo usi? Se vuoi chiarire differenze significative e riconoscibili tra sottogruppi

Note di progettazione: usa questo solo se hai più elementi che differiscono su molti assi diversi (se hai solo due cose, potresti voler usare il confronto side-by-side (sotto); se solo un asse, forse scala (sotto))

Esempi: Dadi & Bulloni di tipi di grafico e un nuovo favorito: La magnifica moltitudine di birra da PopCharts Labs e il loro grafico 200 Super Poteri.

Sottogeneri di tassonomia:
Esempio di tavola periodica: La tavola periodica dei fattori di posizionamento SEO, La Tavola periodica del giuramento

Esempio di albero: Eloqua Blog Tree

Mappa

Le mappe sono fottutamente fantastiche. Li amo. Puoi scoprire dove sei, dove stai andando e dove is altre cose sono. Nulla fornisce un contesto spaziale e concettuale abbastanza come una mappa.

Quando lo usi? Ogni volta che si desidera comunicare la vicinanza, la distanza e la direzione tra un certo numero di elementi diversi, o punti di dati.

Design notes: Se riesci a impacchettare il significato nel layout della tua mappa (cioè distanze, oggetti e dimensioni hanno tutti un significato), meglio sarà.

Alcuni esempi: Flowtown Social Networking Map, La mappa del processo creativo e la straordinaria dimostrazione interattiva Distance To Mars di David Paliwoda e Jesse Williams.

Ti piace il post? Spero che lo condividerai con persone che la pensano allo stesso modo. Twitta. LinkedIn condividi. O piace.

Scivoli e scale

Conosci il gioco: salti in avanti e scivoli all’indietro apparentemente per caso, lottando sempre dall’inizio alla fine. I partecipanti procedono attraverso la progettazione di una parte e la possibilità di una parte.

Quando lo usi? Quando vuoi spiegare un processo, in cui praticamente tutti vogliono iniziare e finire nello stesso posto (ma il percorso dall’inizio alla fine è altamente variabile)

Design notes: generalmente c’è poco dibattito sui passaggi lungo la strada; trascorri il tuo tempo e i tuoi sforzi sui salti avanti e indietro, perché quelli attireranno la massima attenzione.

Esempi: Rapporto di credito 101 e scivoli e scale di marketing di Insightera.

Lo spazio è uguale allo spazio

È una delle prime lezioni della scuola materna: alcune cose sono grandi, altre piccole (ma solo in confronto tra loro). Lo spazio è uguale a space infographic traccia due o più oggetti l’uno contro l’altro utilizzando la stessa scala.

Quando lo usi? Ogni volta che si desidera comunicare la dimensione relativa o il numero di cose disparate, perché la relazione è inaspettata o interessante

Note di progettazione: spesso è bello impostare una linea di base, quindi confrontare e contrastare con quella. Cambiare la linea di base può essere fonte di confusione.

Un esempio: cosa c’è di più piccolo di Apple e quanto sono grandi i draghi di Game of Thrones.

Scale

Tutto nell’universo, non importa quanto sia unico, è su una scala mobile – dobbiamo solo chiederci qual è la scala. Ad esempio, un unicorno rosa è su una scala mobile da “è un unicorno rosa” a “non è un unicorno rosa” dove la maggior parte delle cose nell’universo sono verso l’endpoint del secondo gruppo.

Quando lo usi? Ogni volta che vuoi dare la priorità o classificare un numero di oggetti rispetto a un criterio che il tuo pubblico apprezzerà particolarmente

Design notes: le scale top-down tenderanno a rendere la parte superiore buona e la parte inferiore cattiva; le classifiche side to side non daranno un’estremità della preferenza di scala.

Alcuni esempi: La simpatia di Angry Birds, L’affidabilità delle barbe

Confronto fianco a fianco

Conosciamo tutti le basi di questa visuale dalla classica tabella delle funzionalità. Si inizia selezionando un modello o un esempio in alto, quindi si scende nel grafico per vedere cosa fa o non ha quel modello. Il punto di questi è il confronto facile.

Quando lo usi? Ogni volta che si dispone di una quantità limitata di elementi che si desidera confrontare o contrasto rapidamente.

Note di progettazione: Quando si scende a due elementi, questi elementi spesso finiscono per apparire come se fossero in conflitto.

Un esempio: Geek vs. Hipster

Decision tree

Questi possono essere fantastici quando sono etero, e questi possono essere fantastici quando sono comici. Sono progettati per rispondere a ogni possibile circostanza con una risposta appropriata.

Quando lo usi? Gli alberi decisionali sono ottimi per guidare le persone mentalmente e visivamente da un punto di partenza indeterminato a uno qualsiasi dei molti punti finali diversi.

Note di progettazione: Dovrai strutturare ogni punto per avere solo una o due risposte chiuse (facili da rispondere), terminare con una raccomandazione concreta e giungere a una conclusione molto rapidamente.

Alcuni esempi: Devo accettare quella richiesta di amicizia?, Dovrei indossare pantaloni della tuta?, Devi svegliarti ancora?

Diagramma di Venn

Il diagramma di Venn viene dal filosofo Rudolf Venn-Herschelderferer che non ha mai perso un combattimento; ha appena aggiunto un altro livello di complessità. In tutta onestà, questi diagrammi sono circa costringendo le persone in compromessi. Non puoi avere tutto, avere tutto puro e averlo del tutto, mai.

Quando lo usi? Quando vuoi che le persone vedano che una situazione non ha uno scenario ideale, ma piuttosto una serie di compromessi e compromessi. O per mostrare un punto dolce in cui due zone si sovrappongono.

Note di progettazione: non ho mai visto un diagramma di Venn di successo con più di max. quattro grandi cerchi. Non significa che non sia possibile, ma sto solo dicendo.

Un esempio: Come ti piacerebbe il tuo design grafico?
E c’è una grande collezione di diagrammi Venn su questo Tumblr: Diagrammi di Venn Fuck Yeah

Ti piace questo post? Condividilo e possiamo fare di più!
Oppure controlla la nostra lista di controllo della strategia di marketing dei contenuti B2B.