Suggerimenti per creare fantastiche infografiche interattive. Infografiche: tipologie, esempi di lavoro, il futuro Infografiche interattive

Suggerimenti per creare fantastiche infografiche interattive. Infografiche: tipologie, esempi di lavoro, il futuro Infografiche interattive

03.12.2021

Negli ultimi anni, le infografiche si sono evolute da immagini statiche a ricche esperienze interattive con animazioni ed elementi video adattati a contenuti unici. Non è più limitato a modelli generici predefiniti. E la raccolta di oggi contiene le migliori infografiche per mostrare l'aspetto di un'esperienza interessante e informativa.

La maggior parte delle infografiche in questo elenco sono state scelte per mostrare i diversi modi in cui i designer si avvicinano alla visualizzazione dei dati. Tuttavia, ci sono anche diversi "ibridi" qui, che illustrano la sfocatura dei confini tra infografica e ricche esperienze multimediali mentre creano contenuti accattivanti e storie avvincenti sulle pagine di destinazione. Il distacco dalle forme tradizionali significa che stiamo entrando in un panorama mediatico più complesso, ed è proprio questo tipo di sperimentazione con la tecnologia e la narrazione che sarà fondamentale per plasmare il futuro del design grafico.

1. Mappa dei venti

La mappa del vento è un design spettacolare che mostra la direzione e la velocità del vento negli Stati Uniti. Questo design ha uno scopo artistico piuttosto che utilitaristico, e questo è fantastico: è molto bello sedersi e guardare i fili sottili che si attorcigliano attorno alla mappa. Un esempio semplice ma ben congegnato di come le infografiche che mostrano i percorsi delle forme beneficino dell'animazione e della grafica animata.

2. In volo

Nel 2014, The Guardian ha lanciato un'infografica In Flight che mostra i dati in tempo reale sui voli commerciali (sembra che le informazioni non siano aggiornate ora, il che è un peccato), oltre a una lezione sulla storia dell'aviazione. Le conversazioni sommesse tra gli equipaggi di volo all'inizio dello spettacolo interattivo creano un'atmosfera speciale. Sembra che le infografiche si stiano lentamente trasformando in esperienze cinematografiche in questi giorni. Almeno "In Flight" punta in questa direzione...

3. Componi la luna

Non succede molto nell'infografica Dial A Moon, ma serve abbastanza bene al suo scopo. Nel 2015, grazie alla NASA, le infografiche delle fasi lunari sono state aggiornate ogni ora e non si poteva andare su Google alla ricerca di queste misteriose informazioni. Ora puoi visualizzare le immagini inserendo manualmente il mese, il giorno e l'ora.

4. Giornata con Plutone

La rivista Nature pubblica molte infografiche interessanti per il suo pubblico interessato alla scienza. Tra questi c'era uno sul famoso volo di un'astronave vicino a Plutone (24 Hours Of Pluto). Le infografiche includevano molte informazioni testuali, ma le immagini fornivano una facile comprensione delle più interessanti, dalla struttura di un pianeta nano alla formazione delle sue lune. Ora la parte di testo è disponibile su Internet, così come due video animati dall'infografica.

5. Come sono cambiate le case americane

Fai un viaggio attraverso il grande sogno americano, riflesso attraverso l'evoluzione degli stili della casa. Questa infografica ben illustrata ti consente di metterti al volante di un'auto (cambiando anche il suo aspetto mentre scorri per stare al passo con l'era) e navigare dal 1900 agli anni 2000, passando davanti a edifici famosi per decenni. Lungo il percorso incontrerai una ricchezza di materiale utile (tra cui le condizioni socio-politiche dell'epoca, così come le tendenze della moda), e il tutto si conclude con una domanda che ti spinge a immaginare il futuro della casa americana. L'infografica Decades Of American Homes è un ottimo esempio di scorrimento orizzontale e si adatta qui.

6. L'evoluzione dell'analisi di marketing

Nella sua infografica Evolution of Insight, la società di ricerca utente intelligente Vision Critical traccia l'evoluzione del mercato delle tecnologie di marketing in tutto il mondo dal 1890 ai giorni nostri. Funziona in modo simile all'infografica How American Homes Changed e consente quindi di confrontare l'efficacia dell'utilizzo di una timeline interattiva per due storie molto diverse. L'infografica Decades Of American Homes ha il vantaggio che la visualizzazione delle case mentre guidi è molto più intuitiva che viaggiare con le grandi analisi americane. Le buone infografiche vengono create pensando al contenuto, non intorno ad esso.

7. I diritti della comunità LGBT nel mondo

The Guardian conquista un'altra posizione nella nostra lista con questa elegante infografica che spiega la situazione legale dei diritti LGBT in una serie di questioni (matrimonio, discriminazione sul posto di lavoro, crimini d'odio, ecc.) in ogni nazione del mondo. Muoversi a semicerchio fornisce un modo semplice e veloce per confrontare le statistiche tra diversi paesi e la composizione dell'infografica mantiene lo stato globale in primo piano al centro. C'è anche un potente invito all'azione qui che mira a colmare il divario tra semplice consapevolezza e attivismo.

8. La disuguaglianza è risolvibile

Un altro ottimo esempio di infografica interattiva, Inequality Is Fixable invita il pubblico a immergersi nel problema, rendendolo profondamente personale. Lo spettatore ha la garanzia di non perdere interesse per il materiale dicendogli quanto il suo capo è sottopagato e perché. Rendendo l'utente parte della storia, gli sviluppatori stimolano la curiosità e guidano l'utente attraverso tutti i passaggi necessari fino all'invito all'azione (Call-To-Action) alla fine.

"Lasciamo che accada - come possiamo risolverlo ora?"

9. Disegna te stesso: come il reddito familiare prevede le possibilità di un bambino di andare all'università

Molte delle infografiche in questo elenco utilizzano l'animazione e l'interattività per fornire un'esperienza ricca. Visivamente, questa infografica del New York Times (You Draw It: How Family Income Predicts Children's College Chances) aderisce al classico formato grafico, ma utilizza anche le informazioni sul comportamento degli utenti per espandere il campo del design infografico, come proattivo e interattivo visualizzazione. Chiedendo ai lettori di disegnare la propria curva, stanno introducendo un elemento di interesse personale e quindi forniscono alle persone informazioni davvero preziose.

Non il peggior risultato! L'asse verticale è la percentuale di bambini che vanno all'università. Asse orizzontale - percentile del reddito dei genitori

10. Come muoiono gli americani

Fatta eccezione per l'immagine del titolo, questo esempio utilizza principalmente buoni grafici vecchio stile per il rendering del contenuto. Ma questo non è affatto noioso, poiché gli utenti possono navigare autonomamente tra i dati spostando il cursore lungo i grafici. Ciò rende molto più facile confrontare, ad esempio, il numero di decessi associati al suicidio negli anni '70 rispetto a oggi (suggerimento: è in aumento ora), un grafico statico non lo farebbe in modo così preciso.

11.

Sin dal suo debutto Project Snowfall, che ha attirato l'attenzione e i riconoscimenti di tutti, il New York Times ha mantenuto la sua reputazione di giornalismo multimediale all'avanguardia. Il team editoriale utilizza una combinazione di design infografico e narrazione approfondita per creare un'esperienza straordinariamente coinvolgente. Hanno esempi più vividi, ma The Russia Left Behind è un lavoro che ha suscitato una certa risonanza. L'infografica funziona come un tour interattivo della Russia (ti fai strada sulla mappa).

12. Macchine obbligate

Se vuoi conoscere la storia di James Bond guardando le sue auto, ringrazia il rivenditore di auto britannico Evans Halshaw: ti ha dato una tale possibilità. La sua infografica interattiva Bond Cars ti consente di esplorare il modello e il design di ciascuna delle auto Bond, oltre ad altri fatti interessanti. Usando l'onnipresente tattica del cursore, puoi anche "rivelare" l'auto in tutto il suo splendore metallico (per impostazione predefinita viene fornito solo un modello di colore singolo). Quindi gli autori hanno risolto in modo creativo il problema della necessità di includere foto che non si adattano perfettamente all'estetica dell'infografica.

13. Colori del movimento

The Colours Of Motion è una serie di infografiche che analizza i film solo in base alla loro tavolozza di colori, derivata dalla combinazione di tutti i fotogrammi. Se te lo sei mai chiesto, ora hai la risposta. Non trovi il titolo nel database? Basta inviare un messaggio agli sviluppatori: stanno accettando richieste.

14. Tomba dei Re in Perù

National Geographic ha una collezione abbastanza impressionante di quella che loro chiamano "grafica interattiva" (la maggior parte delle quali è accompagnata da dettagliate descrizioni testuali, come nel caso della Colonna Traiana, ad esempio), ma abbiamo scelto questo esempio relativamente semplice per evidenziare quale le tecniche sono davvero efficaci nelle infografiche interattive. "The Royal Wari Tomb" (Perù's Royal Wari Tomb) rivela le particolarità della sepoltura di una nobildonna di quei tempi. L'attenzione si sposta dall'avvolgimento della mummia alla sua decorazione e posizione. Separando le informazioni in piccoli pezzi e consentendo all'utente di navigare tra di loro, la grafica interattiva evita le insidie ​​più insidiose: sovraccarico di dati ed effetti visivi. Inoltre, ogni interazione successiva amplia l'esperienza, rendendola molto più gratificante che se fosse presentato tutto in una volta. Il nostro cervello ha un meccanismo che rifiuta gli stimoli soppressivi, e questo tipo di interazione diventa un'ottima soluzione per l'utente, permettendo di assorbire facilmente le informazioni.

15. Che cos'è il referendum scozzese? Spiegazione per i non britannici

Il Guardian, come il New York Times, si affida al giornalismo multimediale e il loro video fa fronte a una delle funzioni principali dell'infografica: dare una forma accettabile a informazioni voluminose. Per molti di noi al di fuori del Regno Unito, il referendum è un argomento molto confuso. Fortunatamente, questo video (Referendum scozzese spiegato per i non britannici) ti aiuterà a conoscere rapidamente i suoi aspetti importanti senza richiedere un tuffo profondo nella storia.

16. Salute pubblica

L'Atlantico è stato incaricato di sviluppare una visione per migliorare la salute pubblica. Ha incaricato Truth Labs di trasformare la serie di articoli in 3 parti sulla salute della popolazione in narrazione digitale. L'obiettivo principale dell'artista era quello di mantenere lo scorrimento naturale del documento e la normale esperienza di lettura dell'utente, creando un'esperienza diversa dalla prospettiva visiva. Hanno preso in prestito strumenti e strategie dalla cinematografia per dare vita alla loro visione, ma si sono anche concentrati su una serie di principi di progettazione per supportare la leggibilità come regola chiave.

17. I grani di Joho

La caffettiera austriaca Joho ha creato un'impressionante esperienza multimediale, Joho's Bean, per raccontare la storia dell'origine dei chicchi di caffè. La narrazione combina armoniosamente materiale audio, video e fotografico che coinvolge quasi tutti i sensi dell'utente. il cinguettio degli uccelli , il rumore dei chicchi di caffè tostato insaccati e il rumore delle strade trafficate e del traffico cittadino.

Joho's ti porta in un viaggio spiegando l'origine dei loro chicchi di caffè

18. Strada primordiale

The Wild Path è un racconto di viaggio interattivo creato con Canvas. L'elemento principale è la mappa, che anima il percorso sulla mappa durante lo scorrimento della pagina. Il progetto potrebbe non funzionare in tutti i browser. Ma è accompagnato da un articolo di accompagnamento che spiega tutte le tecnologie dietro le quinte per la creazione di infografiche.

19.

La copertura del Guardian (Risultati elettorali in tempo reale) delle elezioni presidenziali statunitensi del 2016 ha portato un elemento divertente alla seria questione delle percentuali e dei seggi elettorali. Le infografiche interattive hanno monitorato i voti in quattro stati. Per impostazione predefinita, il grafico mostrava i risultati per l'intero paese e, se l'utente posizionava il cursore su un'area della mappa, veniva mostrato quali numeri vi avevano digitato i candidati. I candidati presidenziali sono stati presentati come simpatici avatar pixelati. Man mano che le infografiche venivano aggiornate in tempo reale, gli ometti hanno colorato gli stati in cui hanno vinto. Di tanto in tanto, una citazione del candidato appariva in una bolla accanto al candidato.

Riflessione dei risultati elettorali in tempo reale

Il futuro della visualizzazione dei dati è l'interattività.

Ma come si creano infografiche interattive davvero sbalorditive?

Le infografiche sono onnipresenti e ultimamente sono diventate sempre più interattive.

Nell'articolo di oggi, condivideremo con te i segreti per creare infografiche interattive, nonché collegamenti a risorse utili.

1. Comprendi la psicologia

Prima di rendere interattiva un'infografica, è importante capire perché vuoi che sia.

Come dettagliato in questa infografica, le persone percepiscono meglio le informazioni visive. È molto più probabile che leggiamo, comprendiamo e memorizziamo una presentazione se contiene immagini accattivanti. è uno strumento di apprendimento efficace, ma può migliorare ulteriormente.

L'apprendimento cinetico è un'ottima alternativa in quanto gli esseri umani assorbono meglio le informazioni attraverso le azioni fisiche.

Ecco perché aggiungere l'interattività a un promettente campo di visualizzazione può aiutarti a creare infografiche ancora più memorabili ed efficaci.

Questa combinazione di approcci visivi e cinetici rende l'infografica animata il contenuto del futuro. Naturalmente, per alcuni temi, è meglio non utilizzare elementi interattivi, ma nella maggior parte dei casi miglioreranno solo il contenuto.

Il movimento aggiunge significato alle informazioni, consente all'utente di manipolare l'esperienza e impegna l'immaginazione in un modo che l'infografica statica non può.

2. Aggiungi effetti di scorrimento

Probabilmente hai notato un enorme cambiamento nel mondo online dai contenuti testuali ai contenuti visivi.

Non si può negare il potere delle immagini su Internet e nella nostra vita quotidiana. Su YouTube e Instagram dominano i contenuti visivi; YouTube è il 3° sito più visitato del web, con oltre 80 milioni di foto pubblicate su Instagram ogni giorno.

I post e gli articoli del blog sono l'80% più "consumabili" se hanno immagini a colori, intestazioni o miniature e le persone non trascorreranno più di 15 secondi su un sito se non attira la loro attenzione sin dai primi secondi.

Le infografiche sono le preferite dal pubblico e dai venditori e sono l'800% più interessanti per le persone oggi rispetto al 2012.

Inoltre, i contenuti vengono creati a un ritmo allarmante: il 60% dei marketer crea almeno una piccola parte di nuovi contenuti ogni giorno! Puoi saperne di più nell'articolo di panoramica.

Man mano che sempre più persone creano contenuti, qualcosa sta diventando chiaro: per essere visti, devi distinguerti.

Naturalmente, i content marketer stanno già pensando al futuro dei contenuti visivi, scoprendo cosa possono fare ora, cosa possono fare e quali nuove tecnologie sono già all'orizzonte. Questo tipo di lungimiranza è ciò che può creare o distruggere tutti i tuoi sforzi di marketing dei contenuti; devi adattarti o affogherai.

Con contenuti visivi come le infografiche, i marketer sono in una posizione unica per vedere il futuro man mano che si avvicina. Le aziende, i grafici e gli esperti di marketing stanno iniziando a utilizzare le infografiche, aggiornandole per renderle ancora più attraenti per il loro pubblico. Anche se pubblichi già regolarmente infografiche, non è mai troppo presto per conoscere le tendenze che stanno appena iniziando a svilupparsi, così come non è troppo presto per sapere come implementarle nelle tue strategie di content marketing.

Se vuoi guardare al futuro e magari anche imparare qualche trucco prima di tutti gli altri, ora è il momento!

Ecco tre tipi di infografica che saranno i più comuni nel (prossimo) futuro.

Se stai cercando uno strumento di infografica interessante, ti consiglio di dare un'occhiata a Visme. Per cominciare, offrono un account gratuito e ottime funzionalità utili per le persone non di design. Puoi ottenere un account gratuito ora.

1. Infografica interattiva

Mentre vediamo la bellezza dei siti Web interattivi e dei giochi facili da usare, le infografiche interattive sono ancora abbastanza nuove nel loro campo. Come le infografiche, contengono ovviamente alcune informazioni e di solito sono dinamiche. Ma l'uso di elementi interattivi offre agli utenti la possibilità di connettersi con le informazioni e crearne di proprie.

Indipendentemente dalla tua attività, prodotto, servizio o messaggio, puoi creare infografiche interattive che consentono alle persone di valutare se stesse (ad esempio, "Calcola il tuo indice di massa corporea qui"). Gli utenti possono anche fare clic su informazioni rilevanti, che li invieranno a una risorsa più mirata o di nuovo alla pagina di destinazione, generando così traffico. È un modo altamente adattabile e divertente per coinvolgere il tuo pubblico.

Molti marketer si sono già adattati a questo tipo di infografica e viene trasmessa rapidamente. Ma allo stesso tempo, molti, tuttavia, prendono come base semplice infografica:

.... immagina cos'altro puoi fare con le infografiche interattive.

Puoi provare:

  • Utilizzando tecniche di scorrimento che fanno risaltare immagini o forme dallo sfondo
  • Crea "pop-up" che espandono aree di testo
  • Immagini fluttuanti o statistiche quando fai clic su di esse
  • Trasformare le tue infografiche in più pagine che gli utenti possono visualizzare

Per un esempio più dettagliato di infografica interattiva, dai un'occhiata a questo:

Per rendere la tua infografica altamente interattiva (con scorrimento, pop-up, ecc.) Dovrai imparare un po' di HTML5 o CSS o assumere qualcun altro per capirlo per te.

Nonostante lo sforzo extra, la tua ricompensa sarà un contenuto unico, coinvolgente ed efficace.

Perché dovresti provare a implementare le infografiche nel prossimo futuro?

  • Incoraggia il tuo pubblico a interagire e condividere i tuoi contenuti.
  • Questo genera traffico (tramite link)
  • Dimostra al tuo pubblico che sei innovativo, pieno di risorse e impegnato a fornire contenuti tempestivi e coinvolgenti.
  • Ci sono livelli di infografica interattiva che guidano il suo sviluppo.

2. Video e GIF incorporati

Questo è un altro tipo di infografica che vediamo sempre più spesso oggi. Le infografiche che offrono brevi video o persino GIF (Graphics Interchange Format) sono un ottimo modo per attirare l'attenzione e far risaltare la tua infografica dalla massa. Sebbene ciò limiti le piattaforme, puoi condividere le tue infografiche in tempo reale.

Molti semplici strumenti di infografica come Easel.ly offrono un'opzione "Video YouTube incorporato" oppure puoi aggiungere video alle infografiche che crei in Photoshop utilizzando un livello video. Puoi persino aggiungere un video alla tua diapositiva di PowerPoint, che puoi anche trasformare in infografica.

Inoltre, puoi trovare milioni di GIF in rete e inserirle allo stesso modo. Il problema qui è che dovrai distribuire la tua infografica come URL per assicurarti che sia correttamente incorporata nel tuo sito. Non puoi distribuire o salvare tali infografiche in formato .jpeg o PDF. Indubbiamente, poiché questo diventa sempre più popolare, ci saranno altri strumenti di inserimento di video e GIF per rendere il processo ancora più semplice.

Ma se vuoi usare questo tipo di infografica prima che tutti gli altri, anche i loro cani, imparino a farlo, inizia subito con gli strumenti che trovi online.

Se vuoi portarlo al livello successivo, puoi realizzare un video dall'infografica che hai già. Questa è una grande opportunità per essere vista su YouTube, Instagram e persino su piattaforme video come Vimeo, Snapchat e altre. Il video qui sotto è un ottimo esempio di come trasformare un'infografica in un video.

Perché incorporare video o GIF nelle infografiche?

  • Ti dà un elemento di sorpresa: le persone non si aspettano che l'immagine inizi a muoversi!
  • È molto divertente e originale, il che aumenta le possibilità che le persone interagiscano e condividano la tua infografica.
  • Questo è un buon modo per mostrare a tutti l'unicità del tuo marchio.

3. Infografica animata

Le infografiche animate hanno un numero enorme di modelli visivi e richiedono molta attenzione. Quando un utente visualizza una pagina, di solito non si aspetta che nulla si muova, quindi è una buona idea se impari tutte queste tecniche prima di tutti gli altri.

A causa del fatto che molte infografiche animate sono piuttosto complesse e possono richiedere un qualche tipo di progettazione grafica, codifica e/o conoscenza del software, sono molto apprezzate.

Ecco un esempio di cosa sto parlando:

Se desideri saperne di più su come creare infografiche animate, dai un'occhiata a questa infografica di Tabletop Whale. Puoi anche trovare vari servizi per aiutarti a creare infografiche di questo tipo. In ogni caso, questo è uno dei processi più difficili nell'evoluzione dell'infografica.

Perché dovresti spendere tempo, energia e/o denaro creando infografiche animate?

  • In realtà ti distinguerà dalla massa perché non tutti hanno accesso a questo tipo di software o contenuto.
  • Tra un paio d'anni sarà un luogo comune: sarai uno dei primi a farlo!
  • L'animazione renderà le informazioni all'interno delle infografiche più memorabili
  • Ispirerà i tuoi utenti a lavorare con te.

Tutto questo non è fantascienza.

Può sembrare troppo tecnico e sembrare qualcosa fuori dalla tua portata ora, ma è probabile che questo tipo di infografica diventi molto comune tra 2-3 anni. Stiamo già assistendo a un forte passo avanti nelle infografiche animate e nelle infografiche GIF, soprattutto perché GIF continua a crescere in popolarità. Le infografiche stanno diventando uno dei tipi di contenuto più consumati e creati più frequentemente su Internet. Come mai? Perché il cervello ha bisogno solo di 250 millisecondi per ricevere ed elaborare il valore di un simbolo.

Se la persona media trascorre circa 15 secondi su un sito web e poi inizia ad annoiarsi, allora ovviamente vorrai tirare fuori tutto ciò che potrebbe ritardarla - o almeno ricevere un messaggio in 15 secondi o meno. Alcuni studi hanno persino dimostrato che le persone possono concentrarsi su qualcosa per non più di 8 secondi e questa cifra diminuisce ogni anno.

Questa è la ragione e forse un sottoprodotto del nostro costante bisogno di informazioni. Viviamo nell'era dell'informazione e tutte le informazioni sono a nostra disposizione. Ma significa anche che più persone cercano di condividere messaggi e rispondere a ogni possibile domanda, più i contenuti prodotti diventano rumore di fondo.

Se la disponibilità di infografiche è un indicatore oggi, presto saranno ovunque. Questo significa nuovi cambiamenti nel tuo lavoro. Nessuna campagna di marketing nella storia ha avuto successo facendo sempre la stessa cosa.

L'idea qui è di vedere più di un'immagine jpeg nell'infografica. Le infografiche possono essere adattate a diversi ambienti e utilizzate su un'enorme varietà di piattaforme. Imprenditori e professionisti del marketing ne hanno già visto il potenziale. E tu?

Il trucco della realtà virtuale è che agli altri sembrerai un idiota.

Cardboard Design Lab di Google è un buon "tutorial" per aspiranti designer di realtà virtuale

Le infografiche sono come un gioco di avventura

Il problema con Unity è che non è facile fare una buona cosa sul web.

La realtà virtuale è come le cuffie ai tuoi occhi

La realtà virtuale richiede un ambiente sicuro, non puoi entrarci in movimento. Questo limita le possibilità della VR

Chiusa la sessione in mattinata Archie tse dal New York Times con il tema provocatorio "Why NYT Does Less Interactive Work".

Il lavoro del NYT si basa su tre regole della narrazione visiva:

  1. Se il lettore ha bisogno di fare clic, non di scorrere, allora deve succedere qualcosa di straordinario.
  2. Supponiamo che i suggerimenti e qualsiasi altro effetto al passaggio del mouse non vengano mai visti da nessuno. Se il contenuto è importante, fallo in modo che il lettore lo veda subito.
  3. Se vuoi creare qualcosa di interattivo, ricorda: sarà costoso farlo funzionare su tutte le piattaforme.

Dovrai ridisegnare la grafica 2 o 3 volte affinché tutto funzioni sia su desktop che su dispositivi mobili

Come queste regole hanno cambiato l'approccio del NYT:

  1. La maggior parte dei rendering ora è statica
  2. Altri testi
  3. Se hai bisogno di movimento nell'immagine, appare durante lo scorrimento

(Il quarto punto dice che stanno ancora facendo un lavoro interattivo. Ma ora il motivo dovrebbe essere MOLTO significativo).

Abbiamo fatto passaggi "multi-step". Gli utenti si sono fermati al passaggio 3. I lettori vogliono solo scorrere, non fare clic

Archie Tse: Scorrimento vs. cliccando

Per 18 settimane, Andy Kriebel ha pubblicato infografiche e dati ogni domenica sera su VizWiz. Il compito è quello di allocare circa un'ora di tempo durante il lunedì, analizzare rapidamente la visualizzazione e creare la propria versione.

Di seguito pubblichiamo i risultati della scorsa settimana - La schiavitù nel XXI secolo.

#MakeoverMonday di Andy Kriebel. Descrizione dettagliata e interattiva - nel blog di Andy:

#MakeoverMonday di Andy Cotgreave. Descrizione dettagliata e interattiva - nel blog di Andy:

Ho anche imparato che il 51% delle persone nel mondo è più giovane di me e il 63% in Russia è più vecchio e che le mie possibilità di morire in questo momento non sono così grandi. I numeri improvvisamente cessarono di essere "statistici" e mi colpirono duramente.

Visualizzazione dati - utilizza grandi set di dati con meno lavoro di progettazione manuale; basato su algoritmi. Ad esempio, il lavoro interattivo del New York Times.

Arti visive - codifica unidirezionale. Visualizzazioni belle ma difficili da decifrare, come l'arte computazionale di Kunal Anand.

Qual è il problema?

Di conseguenza, molte opere attirano solo utenti sofisticati, ma non consentono ai lettori non iniziati di comprendere l'essenza del problema, danneggiando così lo scopo della visualizzazione: informare il pubblico. Ecco perché è così importante capire e comprendere il problema dell'alfabetizzazione visiva nel contesto della visualizzazione.

Nuova "grammatica visiva" del giornalismo

Ecco tre esempi che stanno sperimentando modi di presentare il giornalismo interattivo. Sembrano impressionanti, ma la loro interpretazione può essere un compito arduo per molti.

I diritti dei gay negli Stati Uniti, stato per stato

Il numero di fonti di dati oggi disponibili e gli strumenti per la loro elaborazione di per sé mostrano già chiaramente che così tante persone non hanno mai provato a prendere confidenza nel mondo della visualizzazione dei dati. E quando ci sono così tanti materiali disponibili per lo studio, c'è solo una domanda "Da dove cominciare?" può spaventare ogni principiante. Quindi quali sono le migliori biblioteche e cosa consigliano i professionisti? Questo sarà l'oggetto di questo articolo.

Parlare di visualizzazione dei dati senza menzionarlo è come parlare della storia dei personal computer e non dire una parola su Steve Jobs. D3 (Data Driven Documents) è, senza esagerare, la libreria JavaScript open source più importante e dominante sul mercato, comunemente utilizzata per la creazione di grafica SVG. SVG (Scalable Vector Graphics) è, a sua volta, un formato di immagine vettoriale supportato dai browser Web, ma in precedenza poco utilizzato.

La libreria D3 deve gran parte della sua popolarità all'improvviso interesse per SVG da parte dei web designer, che è in gran parte dovuto all'aspetto vantaggioso della grafica vettoriale sugli schermi ad alta risoluzione (in particolare, i display Retina utilizzati nei dispositivi Apple), che stanno diventando più comuni.

"Siamo onesti, se il compito è la visualizzazione dei dati basata su SVG, allora tutte le altre librerie non erano nemmeno vicine a risolverlo", afferma Moritz Stefaner, esperto indipendente di visualizzazione dei dati e proprietario dell'azienda. Verità e bellezza... “Ci sono anche alcuni progetti interessanti basati su D3, come NVD3, che fornisce componenti grafici standard, pronti all'uso ma personalizzabili; o, diciamo, Crossfilter è semplicemente un eccezionale strumento di filtraggio dei dati. "

Scott Murray, programmatore-designer e autore di libri Visualizzazione interattiva dei dati per il Web, sono d'accordo con l'opinione precedente: “D3 è estremamente potente in quanto utilizza tutto ciò che i browser hanno da offrire. Anche se questo ha uno svantaggio: se il browser non supporta qualcosa, ad esempio immagini 3D basate su WebGL (dall'inglese Web Graphics Library), anche D3 non lo supporterà. "

Sebbene questa libreria sia davvero versatile, non è ancora la soluzione ideale per ogni compito. "Il principale svantaggio della libreria D3, per così dire, è che non prescrive né suggerisce alcun approccio di rendering specifico", aggiunge Scott Murray. "Quindi è davvero uno strumento per caricare i dati in un browser e quindi generare componenti DOM basati su quei dati".

Sebbene D3 sia un ottimo toolkit per immagini personalizzate, se vuoi creare un grafico standard senza molto lavoro visivo, allora uno strumento come Vega... Come framework basato su D3, Vega fornisce un'alternativa per la visualizzazione di componenti grafici. Usando Vega, puoi visualizzare i dati JSON European Journalism Center e il progetto Data Driven Journalism. Le date esatte del corso non sono ancora note, ma puoi iscriverti ora.

In cinque giorni, i partecipanti al corso potranno imparare cos'è il giornalismo di dati, come funziona e quali competenze chiave è necessario padroneggiare per diventare uno specialista in questo campo. Scopri dove cercare i dati per supportare i tuoi grafici e come trovare nuove idee nei dati. Impara l'arte di trasformare dati noiosi in una storia avvincente, un'infografica o persino una visualizzazione interattiva. Acquisisci familiarità con i principi di base del design grafico che un giornalista deve conoscere.

Gli istruttori del corso sono cinque dei maggiori esperti mondiali di giornalismo e visualizzazione dei dati.

© 2021 hecc.ru - Notizie sulla tecnologia informatica