Come creare bellissimi grafici e infografiche per i tuoi siti?

Articolo scritto da:
  • Articoli consigliati
  • Aggiornato: ottobre 10, 2019

Se Internet è una cosa, è visiva.

Le persone amano informazioni e infografiche rapide e facilmente accessibili e forniscono solo quel tipo di visualizzazione dei dati. Anche i dati complessi sono più facili da capire quando si combinano con un grafico a torta, un grafico o una fotografia.

Secondo un'infografica di Top Marketing Schools, un'infografica ha il potenziale per raggiungere circa 15 milioni di persone.

Perché l'infografica?

La società di marketing, Bell Pottinger, ha visto un aumento del 55% nei budget aziendali per articoli digitali come infografica.

In un'infografica sull'infografica, Unbounce afferma che il numero di persone alla ricerca di infografiche ha registrato un aumento del 800% negli ultimi due anni. Con statistiche del genere, è difficile negare che la visualizzazione dei dati sotto forma di infografica sia a buon contenuto / marketing per siti Web e blog.

Beneficio # 1- Nuovi visitatori

L'aggiunta di infografica attira nuovi visitatori del sito in un paio di modi.

  • Ricerche Web: Gli utenti di Internet potrebbero fare ricerche sull'argomento in cui si trova la tua infografica. Se sei l'unico sito ad avere un'infografica sul perché i mirtilli ti rendono più intelligente, allora avrai il traffico da chiunque cerchi un'infografica su quell'argomento. Coloro che stanno cercando in modo specifico per le immagini potrebbero imbattersi anche nella tua infografica.
  • Social Media: L'infografica delle migliori scuole di marketing indica che un post tradizionale ottiene tweet 75, mentre un'infografica diventa quasi 600. Dal momento che le persone hanno più probabilità di condividere la tua infografica su Twitter che un semplice post, il tuo potenziale di raggiungere nuovi visitatori tramite i social media è enorme.

Nielson / Norman Group stima che la durata media della visita della pagina sia inferiore a un minuto. A meno che tu non catturi l'interesse del lettore, guarderà la tua pagina e passerà al prossimo sito.

I visitatori del sito hanno l'abitudine di scorrere informazioni e notizie. Questo è un altro motivo per cui l'infografica funziona così bene da catturare l'interesse del lettore. Una rappresentazione visiva di un fatto interessante è un modo più rapido per presentare le informazioni rispetto ai paragrafi di testo. I lettori possono sfogliare rapidamente la tua infografica, assorbire le informazioni necessarie e restano un po 'più a lungo per verificare cos'altro hai da offrire, oppure possono aggiungere il tuo sito ai segnalibri per un uso successivo.

La sfida tecnica di servire infografiche ricche di informazioni

Tuttavia, un'altra cosa da tenere a mente è che mentre l'infografica aggiunge valore, le immagini pesanti che impiegano molto tempo a caricarsi possono servire a allontanare i visitatori. La ricerca di Pew Internet stima che il visitatore medio del sito si aspetta che una pagina venga caricata in meno di tre secondi. Più veloce sarà il caricamento del sito, migliore sarà il tasso di conversione.

È piuttosto l'atto di bilanciamento per assicurarsi che il tuo sito offra un'esperienza visivamente ricca mentre carica ancora fulmini. Il modo migliore per farlo è con server veloci e immagini ottimizzate. Noterai nel nostro recensioni di web hosting, sottolineiamo molto sulla velocità e facciamo numerosi test di velocità quando si classifica un host web.

Beneficio # 2- Conserva i visitatori

Nielson / Norman Group stima che la durata media della visita della pagina sia inferiore a un minuto. A meno che tu non catturi l'interesse del lettore, guarderà la tua pagina e passerà al prossimo sito.

I visitatori del sito hanno l'abitudine di scorrere informazioni e notizie. Questo è un altro motivo per cui l'infografica funziona così bene da catturare l'interesse del lettore. Una rappresentazione visiva di un fatto interessante è un modo più rapido per presentare le informazioni rispetto ai paragrafi di testo. I lettori possono sfogliare rapidamente la tua infografica, assorbire le informazioni necessarie e restano un po 'più a lungo per verificare cos'altro hai da offrire, oppure possono aggiungere il tuo sito ai segnalibri per un uso successivo.

Tuttavia, un'altra cosa da tenere a mente è che mentre l'infografica aggiunge valore, le immagini pesanti che impiegano molto tempo a caricarsi possono servire a allontanare i visitatori. La ricerca di Pew Internet stima che il visitatore medio del sito si aspetta che una pagina venga caricata in meno di tre secondi. Più veloce sarà il caricamento del sito, migliore sarà il tasso di conversione.

È piuttosto un atto di bilanciamento per assicurarsi che il tuo sito offra un'esperienza visivamente ricca durante il caricamento di fulmini. Il modo migliore per farlo è con server di web hosting veloci e immagini ottimizzate. Noterai che enfatizziamo molto la velocità nelle nostre recensioni di hosting - vedi Recensione di A2 Hosting per esempio o controlla le nostre altre recensioni per vedere quale host web soddisfa meglio le tue esigenze di velocità.

Beneficio #3 - Aggiungi autorità

50% del nostro cervello è coinvolto nell'elaborazione visiva (source).

La maggior parte delle persone sono studenti visivi. NeoMam ha raccolto ricerche da fonti come Google Trends, Nielson e Pearson che suggeriscono che 70 percento dei recettori sensoriali si trovano negli occhi e le persone possono prendere in considerazione e comprendere una scena visiva in appena sotto 1 / 10 di un secondo.

Le persone tendono a credere a quello che vedono perché lo comprendono meglio. Fare ricerche e sostenerlo nella tua infografica può aggiungere autorità al tuo marchio. Essere sicuri di:

  • Offrire statistiche solide
  • Aggiungi risorse ben rispettate nella parte inferiore dell'infografica
  • Aggiungi grafici e grafici che mostrano queste statistiche in modo visivo

Quando unisci i sensi visivi con caratteristiche interattive, come l'infografica NeoMam da cui provengono queste statistiche, non solo acquisisci l'interesse del tuo lettore, ma lo coinvolgi.

Cosa noti di più? Noti un semplice grafico sulla pagina o uno che si muove, lampeggia o forse avvia un video?


Cosa rende una buona infografica?

Andando avanti, esamineremo alcune delle migliori risorse e strumenti per la visualizzazione dei dati oggi. Non importa che tu sia un blogger casuale che vuole semplicemente creare delle belle infografiche per scopi di branding o un grafico di carriera che ha bisogno di scavare più a fondo in questo campo; Sono sicuro che troverai utile questo post.

Information Architecture

In generale, una buona visualizzazione dei dati consiste di tre elementi principali:

  1. Dati significativi,
  2. Design delle informazioni corrette e
  3. Bella grafica

Ricorda che sebbene le infografiche e i grafici tendano ad attirare l'attenzione degli utenti di blogsphere e dei social media; dovrebbero fare qualcosa di più della semplice promozione del marchio: infografica e grafici suppongono di fornire dati noiosi e disordinati in un modo user-friendly.

Quindi, prima creando un grafico o un'infografica, dovrai 1) Organizzare, filtrare e perfezionare i tuoi dati; 2) Decidi come presentare i tuoi dati (ovvero i disegni di visualizzazione dei dati).

Data Mining

Enter OpenRefine - Un potente strumento di data mining che ci salva dall'organizzare i nostri dati riga per riga su foglio di lavoro Excel. Precedentemente noto come Google Refine (e Freebase Gridworks), questo strumento consente agli utenti di esplorare e ripulire i dati, trasformare i dati da un formato in un altro ed estenderlo con vari servizi web.

Nel caso in cui si stiano lavorando con alcuni enormi dati non ordinati, OpenRefine deve sicuramente avere nel proprio toolkit. Lo strumento è attualmente ospitato su GitHub, è possibile visitare questa pagina per tutte le informazioni necessarie e aiuta. Per ulteriori followup e le ultime notizie, si dovrebbe anche controllare il suo sito web appena lanciato a http://openrefine.org/

Presentazione dei dati

Quando sei pronto con i tuoi dati, è il momento di decidere come presentarli agli spettatori.

Ci sono innumerevoli approcci per ottenere questo risultato: grafico a torta, diagramma, grafico a linee, istogrammi, mappa di calore, diagramma di flusso, tavola periodica e così via. Ognuno di questi approcci si adatta perfettamente a determinati tipi di dati (e puzza male se usato in modo improprio).

Come dovresti presentare i tuoi dati, in modo che la tua statistica sia bella, accattivante e facile da capire?

Riguardo questo argomento, Alfabetizzazione visiva costruito una tavola periodica estremamente maneggevole su tutte le opzioni che puoi usare per visualizzare i tuoi dati (vedi sotto).

Nota che la tavola periodica mostra un numero di esempi interessanti quando passi il mouse, quindi assicurati di vedere la tabella attuale sul sito.

Tavola periodica sulla visualizzazione dei dati

Nel caso in cui stavi cercando approcci non tradizionali, allora dovresti dare un'occhiata questo fantastico articolo su Smashing Magazine. Il post è stato pubblicato qualche tempo fa ma ancora, lo trovo molto utile.


Strumenti di infografica e ricarica da utilizzare

Non appena hai finito con l'architettura delle informazioni, è tempo per una vera produzione. Fare un bel grafico con dati grezzi non è mai un compito facile, fortunatamente ci sono innumerevoli strumenti per svolgere il lavoro.

Sì, un numero infinito di strumenti per la visualizzazione dei dati. Esistono strumenti completi che generano grafici interattivi da dati complessi; ci sono anche semplici applicazioni web che non fanno altro che generare semplici grafici lineari 2.

Per motivi pratici, esamineremo entrambi i lati ed elencheremo più strumenti grafici per utenti sia avanzati che casuali.

Advance Charting Tools

Innanzitutto, diamo un'occhiata ad alcune delle cose avanzate.

1. ggPlot2 e R

R e ggplot2

R è un linguaggio informatico e un ambiente per la manipolazione dei dati, il calcolo e la visualizzazione grafica. ggplot2, d'altra parte, è un sistema di tracciamento per R che aiuta a produrre grafica multi-strato complessa. La HeatMap sopra, per esempio, è costruita usando ggplot2 e R.

Se ti piace imparare R e ggplot2, LearnR è un grande blog per ulteriori letture (anche se il blog non è stato aggiornato per qualche tempo).

2. jqPlot

jqPlot

jqPlot è un plugin per la stampa e la creazione di grafici per il framework jQuery Javascript. jqPlot produce meravigliosi grafici a linee, a barre e a torta. Lo strumento viene fornito con alcune belle funzionalità come la generazione di punti interattivi che possono essere regolati dagli utenti sui browser web. Tuttavia, vale la pena notare che questo strumento non è stato testato a fondo e potrebbe non essere supportato da alcuni browser Web, vale a dire Chrome e IE sotto 7.

3. Grafico JP

Grafico JP

Grafico JP è uno strumento di creazione di grafici basato su PHP che supporta vari tipi di trama. Nel caso in cui tu stia scrivendo un programma PHP che necessita di un grafico per creare una libreria, questo è qualcosa che dovresti esaminare. Non direi che JP Graph è uno strumento semplice per i principianti, ma lo strumento (o la libreria PHP) è molto utile quando è necessario generare grafici e diagrammi dal proprio server Web. JP Graph è gratuito per uso non commerciale e avrai bisogno di un server web che supporti PHP 4.3.xo superiore.

4. JS InfoVis Toolkit

JavaScript InfoVis Toolkit

JavaScript InfoVis Toolkit è una biblioteca sviluppata da Nicolas Garcia Belmont. La libreria include una vasta gamma di opzioni di visualizzazione ed è completamente gratuita da usare.

5. IBM Analytics (precedentemente noto come Many Eyes)

IBM Analytics è uno strumento gratuito che consente a un utente di creare visualizzazioni da quasi tutti i tipi di set di dati.

Ospitato su server IBM, Many Eyes non si limita alla semplice visualizzazione dei dati: consente agli utenti di caricare il proprio set di dati e generare un nuovo modello di visualizzazione basato su qualsiasi dato memorizzato nel server.

6. Google Chart

Google Grafico

Google Grafico è gratuito, potente, flessibile ed è supportato da molti altri strumenti di sviluppo.

La creazione di grafici su Google Chart si basa esclusivamente sulla tecnologia HTML5 / SVG; lo strumento aiuta a creare grafici in vari formati con bellissime animazioni e controlli interattivi.

7. Asse

Axis

Axiis è un framework di visualizzazione di dati open source sviluppato da Tom Gonzalez e Michael VanDaniker. Lo strumento è progettato appositamente sia per principianti che per sviluppatori esperti. Axiis fornisce sia componenti di visualizzazione predefiniti che schemi di layout astratti e classi di rendering che consentono di creare visualizzazioni uniche.

Strumenti di infografica semplice per principianti

Certo, la maggior parte dei blogger (incluso me stesso) non hanno bisogno di strumenti grafici completi sopra per le loro normali operazioni di blogging. Più spesso, tutto ciò di cui abbiamo bisogno è una semplice applicazione web o uno strumento semplice per svolgere rapidamente il lavoro.

Detto questo, ecco l'elenco degli strumenti di creazione che richiedono pochissimi sforzi di apprendimento e facilità d'uso.

1. Visme

Visme

Visme è una piattaforma DIY che consente agli utenti di creare presentazioni e infografiche professionali.

Più di 350,000 individui e organizzazioni (inclusi utenti di grandi aziende come IBM e Disney) utilizzano lo strumento per comunicare meglio attraverso la grafica e le presentazioni interattive.

2. Venngage

Venngage è uno strumento visivo intuitivo che esiste da 2011. Lo strumento offre un modo semplice per creare infografiche con un editor drag-and-drop, canvas a forma libera e 1,000 + di esempi e modelli predefiniti.

3. Easel.ly

Easel.ly

Easel.ly aiuta a creare e condividere facilmente i dati visivi online. L'app Web è disponibile in una semplice interfaccia con alcuni modelli preimpostati e funzionalità di trascinamento della selezione. Sebbene Easel.ly sia ancora attualmente in modalità beta, ma ha già più di 130,000 utenti creati sul proprio server.

4. Vizualize.me

VIsualize.me

Vizualize.me aiuta a creare splendide infografiche sugli individui (sì, da qui il nome Vizualize Me). È uno strumento divertente con cui giocare e crea un bellissimo curriculum o profilo in pochi clic. Se sei su LinkedIn, dovresti davvero provarlo: lo strumento è in grado di collegarsi al tuo profilo LinkedIn e genera una grafica straordinaria basata sui tuoi dati.

5. Hohli

Hohli

Hai bisogno di un semplice costruttore di grafici? Poi Hohli è il posto da visitare. Queste applicazioni web supportano vari tipi di grafici in dodici diverse dimensioni: tutti gli utenti devono andare a digitare i dati e i dettagli del progetto.

6. Piktochart

Piktochart è uno strumento infografico basato su template che aiuta i non designer a creare splendidi grafici e grafici.

Lo strumento supporta le funzionalità di trascinamento della selezione e offre un'ampia selezione di modelli, icone, vettori e immagini preimpostati. Se stai cercando uno strumento grafico semplice e non ti dispiace pagare un piccolo contributo per il servizio, Piktochart è sicuramente una delle tue scelte migliori.


Prima di iniziare: Infografica Ispirazioni

Quindi sei pronto per creare alcune delle tue infografiche? Aspettare. Abbiamo ancora un po 'di più per andare qui.

Ecco alcuni dei più popolari infografica e grafici catturati da Internet.

Sono abbastanza sicuro di averne visto alcuni su reti di social media in passato - il che dimostra che una grafica carina con dati significativi si attacca!

Inoltre, ci sono motivi per cui le gallerie di infografiche sono così pesantemente trafficate in questi giorni.

Facendo riferimento alle opere degli altri, impariamo cosa funziona bene con il pubblico.

  • Qual è la dimensione media di un'infografica popolare?
  • Che tipo di argomento è più gradito dagli spettatori?
  • Dovresti includere quanti più dati possibile nei tuoi grafici?
  • Quanti punti elenco devi coprire nelle tue infografiche?
  • Cosa rende questa infografica popolare?

Esempi di vita reale: tipi di infografica

Queste sono le domande da porre quando si naviga intorno ai campioni.

Bevande al caffè illustrate

Bevande al caffè illustrate
Fonte: lokeshdhakar.com

Guida sul campo per Fan Boys

Guida sul campo di PC World Fan Boys
Fonte: PC World

La migliore birra in America 2008

La migliore birra in America
Fonte: Mikewithart.com

Tabelle periodiche di caratteri tipografici

Tabella dei caratteri tipografici

Bailout Tracker

Bailout Tracker
Fonte: New York Times

L'evoluzione del telefono

Infografica Timeline
Fonte: Pow Wow Now

Check In Graph

grafico infografica
Fonte: Four Square

Digging Deeper

Mi sono imbattuto in dozzine di blog e siti web interessanti relativi al nostro argomento quando stavo facendo la mia ricerca per questo post. Seriamente, ci sono così tante cose da leggere, imparare e giocare! Non ho mai saputo che ci sono così tanti dati disponibili liberamente Gap Minder e Migliore flusso del mondo; Ho letto molto su siti informativi / blog come UX Booth (non interamente correlato alla visualizzazione dei dati, ma ci sono molti articoli utili su come le visualizzazioni migliorano l'esperienza dell'utente web), Diagrammi dinamici, Dati fluenti; e ammiro profondamente tutte le splendide opere esposte La scheda Pinterest di Randy e Tabella porno.

Se ti stai semplicemente avviando alla visualizzazione dei dati, ti consiglio vivamente di visitare i siti e i blog sopra elencati.

Se non hai sfruttato la potenza delle visualizzazioni dei dati nella tua campagna di marketing, ora è il momento di iniziare.

A proposito di Jerry Low

Fondatore di WebHostingSecretRevealed.net (WHSR) - una recensione di hosting fidata e utilizzata dagli utenti di 100,000. Più di 15 anni di esperienza in web hosting, affiliate marketing e SEO. Collaboratore di ProBlogger.net, Business.com, SocialMediaToday.com e altro.