Cum să faci grafice frumoase și infografice pentru site-urile dvs.?

Actualizat: 2020-08-21 / Articol de: Jerry Low

Dacă Internetul este un lucru, este vizual.

Oamenii iubesc informațiile rapide, ușor accesibile și infografiile oferă doar acel tip de vizualizare a datelor. Chiar și datele complexe sunt mai ușor de înțeles atunci când sunt combinate cu o diagrama plăcintă, grafic sau fotografie.

Potrivit unei infografice de către școlile de marketing de top, un infographic are potențialul de a ajunge la aproximativ 15 de milioane de oameni.

De ce Infographics?

Compania de marketing, Bell Pottinger, a înregistrat o creștere de 55% a bugetelor de afaceri pentru articole digitale precum infografia.

Într-un infographic despre infografii, Unbounce afirmă că numărul celor care caută infografie a înregistrat o creștere de 800% în ultimii doi ani. Cu statistici de genul acesta, este greu de negat că vizualizările de date sub formă de infografie sunt a conținut bun / marketing pentru site-uri web și bloguri.

Beneficiați # 1 - vizitatori noi

Adăugarea infografice atrage noi vizitatori în câteva moduri.

  • Căutări pe Web: Utilizatorii de Internet pot face cercetări pe tema pe care se află infografia dvs. Dacă sunteți singurul site care are un infographic despre motivul pentru care afinele vă fac mai inteligenți, atunci veți obține traficul de la oricine caută un infographic pe acel subiect. Cei care caută în mod special imagini pot apărea și pe infografice.
  • Social Media: Infografia din Topul Școlilor de Marketing indică faptul că un post tradițional primește despre tweets 75, în timp ce un infographic devine aproape 600. Întrucât oamenii au mult mai multe șanse să vă împărtășească informațiile pe Twitter decât un simplu post, potențialul dvs. de a ajunge la noi vizitatori prin intermediul rețelelor sociale este enorm.

Grupul Nielson / Norman estimează că vizita medie a paginii durează sub un minut. Dacă nu apucați interesul cititorului, ea va arunca o privire asupra paginii dvs. și va trece la următorul site.

Vizitatorii site-ului au obiceiul de a derula informații și știri. Acesta este un alt motiv pentru care infografiile funcționează atât de bine pentru a atrage interesul cititorului. O reprezentare vizuală a unui fapt interesant este o modalitate mai rapidă de a prezenta informații decât punctele de text. Cititorii pot schimba rapid infografia dvs., pot absorbi informațiile necesare și vor rămâne mai mult timp pentru a vedea ce altceva aveți de oferit sau puteți marca site-ul dvs. pentru o utilizare ulterioară.

Provocarea tehnică de a difuza informații infografice bogate

Cu toate acestea, un alt lucru de reținut este faptul că, în timp ce infographics adaugă valoare, imagini grele care iau mult timp pentru a încărca poate servi pentru a conduce vizitatori departe. Cercetarea efectuată de Pew Internet estimează că vizitatorul mediu site-ul se așteaptă ca o pagină să se încarce în mai puțin de trei secunde. Cu cât este mai rapid încărcarea site-ului dvs., cu atât vor fi mai bune ratele de conversie.

Este destul de echilibrat actul pentru a vă asigura că site-ul dvs. oferă o experiență bogată vizual, în timp ce încă încărcarea fulger rapid. Cea mai bună modalitate de a realiza acest lucru este cu servere rapide și imagini optimizate. Veți observa în nostru web hosting comentarii, punem accentul foarte mult pe viteză și facem numeroase teste de viteză când clasificăm o gazdă web.

Beneficiați # 2 - păstrați vizitatorii

Grupul Nielson / Norman estimează că vizita medie a paginii durează sub un minut. Dacă nu apucați interesul cititorului, ea va arunca o privire asupra paginii dvs. și va trece la următorul site.

Vizitatorii site-ului au obiceiul de a derula informații și știri. Acesta este un alt motiv pentru care infografiile funcționează atât de bine pentru a atrage interesul cititorului. O reprezentare vizuală a unui fapt interesant este o modalitate mai rapidă de a prezenta informații decât punctele de text. Cititorii pot schimba rapid infografia dvs., pot absorbi informațiile necesare și vor rămâne mai mult timp pentru a vedea ce altceva aveți de oferit sau puteți marca site-ul dvs. pentru o utilizare ulterioară.

Cu toate acestea, un alt lucru de reținut este faptul că, în timp ce infographics adaugă valoare, imagini grele care iau mult timp pentru a încărca poate servi pentru a conduce vizitatori departe. Cercetarea efectuată de Pew Internet estimează că vizitatorul mediu site-ul se așteaptă ca o pagină să se încarce în mai puțin de trei secunde. Cu cât este mai rapid încărcarea site-ului dvs., cu atât vor fi mai bune ratele de conversie.

Este un act de echilibru să te asiguri că site-ul tău oferă o experiență bogată vizual, în timp ce încărcă rapid. Cel mai bun mod de a realiza acest lucru este rapid gazduire web servere și imagini optimizate. Veți observa că punem foarte mult accent pe viteză în recenziile noastre de găzduire – vezi A2 Hosting revizuiască de exemplu sau consultați celelalte recenzii ale noastre pentru a vedea ce gazdă web satisface cel mai bine nevoia dvs. de viteză

Beneficiul nr. 3 - Adăugați autoritate

50% din creierul nostru este implicat în procesarea vizuală (sursă).

Majoritatea oamenilor sunt învățați vizuali. NeoMam a compilat cercetări din surse precum Google Trends, Nielson și Pearson, care sugerează că procentul 70 al receptorilor senzoriali este localizat în ochi, iar oamenii pot lua și înțelege o scenă vizuală chiar sub 1 / 10-a unei secunde.

Oamenii tind să creadă ceea ce văd, deoarece înțeleg mai bine. Efectuarea de cercetări și susținerea lor în infographic vă pot adăuga autoritate mărcii dvs. Asigurați-vă că:

  • Oferiți statistici solide
  • Adăugați resurse bine respectate în partea de jos a secțiunii infografice
  • Adăugați grafice și diagrame care arată aceste statistici într-o manieră vizuală

Atunci când combinați simțurile vizuale cu funcții interactive, cum ar fi cele de la NeoMam infographic, aceste statistici au venit, nu numai că captați interesul cititorului, ci îl angajați.

Ce observi mai mult? Observi un grafic simplu pe pagină sau unul care se mișcă, clipește sau poate începe un videoclip?

 


 

Ce face un bun infographic?

Mergând înainte, vom analiza astăzi unele dintre cele mai bune resurse și instrumente pentru vizualizarea datelor. Indiferent dacă sunteți un blogger obișnuit care dorește pur și simplu să creeze niște infografice frumoase în scopuri de branding sau un designer de carieră care trebuie să sapă mai adânc în acest domeniu; Sunt sigur că veți găsi acest post util.

Arhitectura de informații

În general, o bună prezentare a datelor cuprinde trei elemente principale:

  1. Date semnificative,
  2. Proiectarea adecvată a informațiilor și
  3. Grafică frumoasă.

Rețineți că, deși infografiile și graficele tind să atragă atenția blogului și a utilizatorilor de social media; ar trebui să facă mai mult decât promovarea mărcii - Infografiile și diagramele ar trebui să furnizeze date plictisitoare și dezordonate într-un mod ușor de utilizat, în primul rând.

Deci, înainte crearea unui grafic sau a unui grafic, va trebui să 1) Organizați, filtrați și perfecționați datele; 2) Decide cum să vă prezentați datele (de asemenea, desenele de vizualizări de date).

Data Mining

Introduceți OpenRefine - Un instrument puternic de extragere a datelor care ne scutește de organizarea datelor rând cu rând pe foaia de lucru Excel. Fost cunoscut sub numele de Google Refine (și Freebase Gridworks), acest instrument îi ajută pe utilizatori să exploreze și să curețe datele, transformând datele dintr-un format în altul și extinzându-le cu diverse servicii web.

În cazul în care lucrați cu date masive neordonate, OpenRefine este cu siguranță necesar să aveți în setul de instrumente. Instrumentul este în prezent găzduit pe GitHub, puteți vizitați această pagină pentru toate informațiile necesare și ajută. Pentru urmări ulterioare și cele mai recente știri, ar trebui să verificați și noul site lansat la http://openrefine.org/

Prezentarea datelor

După ce sunteți gata cu datele dvs., este timpul să decideți cum aveți de gând să le prezentați spectatorilor.

Există nenumărate abordări pentru a realiza acest lucru: diagramă circulară, diagramă, grafic liniar, histograme, hartă de căldură, diagramă de flux, tabel periodic și așa mai departe. Fiecare dintre aceste abordări se potrivește perfect pentru un anumit tip de date (și miroase rău dacă este folosită greșit).

Cum ar trebui să prezinți datele dvs., astfel încât statisticile dvs. să fie frumoase, atrăgătoare și ușor de înțeles?

Pe această temă, Literația vizuală a construit o tabelă periodică extrem de la îndemână cu privire la toate opțiunile pe care le puteți utiliza pentru vizualizarea datelor dvs. (vizualizați mai jos).

Rețineți că tabelul periodic afișează un număr de exemple interesante atunci când rotiți mouse-ul, deci asigurați-vă că vedeți tabelul real pe site.

Tabel periodic privind vizualizarea datelor

În cazul în care căutați abordări netradiționale, atunci ar trebui să verificați acest articol minunat pe revista Smashing. Postul este publicat cu ceva timp în urmă, dar totuși, mi se pare foarte util.

 


 

Instrumente infografice și de încărcare utilizate

De îndată ce ați terminat cu arhitectura informațională, este timpul pentru o producție reală. Crearea unui grafic cu aspect bun din datele brute nu este niciodată o sarcină ușoară, din fericire există nenumărate instrumente pentru a duce la bun sfârșit munca.

Da, un număr nenumărat de instrumente pentru vizualizarea datelor. Există instrumente complete care generează grafică interactivă din date complexe; există, de asemenea, aplicații web ușoare care nu fac altceva decât să genereze grafice liniare simple pe 2 axe.

Din motive practice, vom examina ambele părți și vom enumera mai multe instrumente grafice atât pentru utilizatorii avansați, cât și pentru cei ocazionali.

Instrumente Advance Charting

În primul rând, să ne uităm la unele lucruri avans.

1. ggPlot2 și R

R și ggplot2

R este un limbaj de calculator și un mediu pentru manipularea datelor, calcul și afișare grafică. ggplot2, pe de altă parte, este un sistem de plotare pentru R care ajută la producerea graficelor complexe multi-strat. HeatMap de mai sus, de exemplu, este construit folosind ggplot2 și R.

Dacă sunteți dornici să învățați R și ggplot2, LearnR este un blog bun pentru citirea ulterioară (deși blogul nu a fost actualizat de ceva timp).

2. jqPlot

jqPlot

jqPlot este un plugin de graficare și diagramă pentru cadrul jQuery Javascript. jqPlot produce diagrame frumoase de linii, bare și diagrame. Instrumentul vine cu câteva caracteristici frumoase, cum ar fi generarea de puncte interactive care pot fi ajustate de utilizatori pe browserele web. Cu toate acestea, merită menționat faptul că acest instrument nu este testat temeinic și ar putea să nu fie acceptat de anumite browsere web - și anume Chrome și IE sub 7.

3. JP Graph

JP Graph

JP Graph este un instrument de graficare bazat pe PHP care acceptă diferite tipuri de diagrame. În cazul în care scrieți un program PHP care are nevoie de o bibliotecă de creare de grafice, acesta este ceva la care ar trebui să vă uitați. Nu aș spune că JP Graph este un instrument ușor pentru început, dar instrumentul (sau biblioteca PHP) este foarte util atunci când trebuie să generați grafice și diagrame din dvs. server de web. JP Graph este gratuit pentru uz non-comercial și veți avea nevoie de un server web care acceptă PHP 4.3.x sau mai sus.

4. JS InfoVis Toolkit

Instrumentul JavaScript InfoVis

Instrumentul JavaScript InfoVis este o bibliotecă dezvoltată de Nicolas Garcia Belmont. Biblioteca are o gamă largă de opțiuni de vizualizare și este complet liberă de utilizat.

 5. IBM Analytics (cunoscut anterior ca Mulți Ochi)

IBM Analytics este un instrument gratuit care permite unui utilizator să creeze vizualizări din aproape orice tip de set de date.

Găzduit pe servere IBM, Many Eyes face mai mult decât simpla vizualizare a datelor - permite utilizatorilor să-și încarce propriul set de date, precum și să genereze un nou model de vizualizare pe baza oricăror date stocate pe server.

6. Google Chart

Google Chart

Google Chart este gratuit, puternic, flexibil și este susținut de multe alte instrumente de dezvoltare.

Graficele pe Google Chart se bazează exclusiv pe tehnologia HTML5 / SVG; instrumentul ajută la crearea de diagrame în diferite formate cu animație frumoasă și controale interactive.

7. Axa

Axă

Axiis este un cadru de vizualizare a datelor open source dezvoltat de Tom Gonzalez și Michael VanDaniker. Instrumentul este special conceput atât pentru începători, cât și pentru dezvoltatori de experți. Axiis oferă atât componente de vizualizare pre-construite, cât și modele de aspect abstract și clase de redare care vă permit să vă creați vizualizări unice.

Ușor Instrumente Infografice pentru începători

Desigur, cei mai mulți bloggeri (inclusiv eu) nu au nevoie de mai multe instrumente grafice de mai sus pentru operațiile obișnuite de blogging. Mai des, tot ce ne trebuie este o aplicație web ușoară sau un instrument simplu pentru a face rapid treaba.

Cu această afirmație, iată lista instrumentelor de creație care necesită foarte puține eforturi de învățare și ușor de utilizat.

1. Visme

visme

Visme este o platformă DIY care permite utilizatorilor să creeze prezentări profesionale și infografice.

Peste 350,000 de persoane și organizații (inclusiv utilizatori de companii mari precum IBM și Disney) utilizează instrumentul pentru a comunica mai bine prin intermediul graficelor interactive și al prezentărilor.

2. Vengage

Venngage este un instrument vizual ușor de utilizat, care a existat încă de la 2011. Instrumentul oferă un mod ușor de a crea infografie cu un editor drag-and-drop, pânză de formă liberă și 1,000 + de exemple și șabloane pre-construite.

3. Easel.ly

Easel.ly

Easel.ly ajută la crearea și partajarea cu ușurință a datelor vizuale online. Aplicația web vine într-o interfață simplă, cu câteva șabloane prestabilite și caracteristici drag-and-drop. Deși Easel.ly este încă în prezent în modul beta, dar are deja peste 130,000 de imagini create de utilizatori pe serverul său.

4. Vizualize.me

VIsualize.me

Vizualize.me ajută la crearea unor infografii frumoase despre indivizi (da, de unde și numele Vizualize Me). Este un instrument distractiv cu care te poți juca și creează un CV sau un profil frumos în doar câteva clicuri. În cazul în care vă aflați pe LinkedIn, ar trebui să încercați cu adevărat acest lucru - instrumentul este capabil să se conecteze la profilul dvs. LinkedIn și generează o grafică uimitoare pe baza datelor dvs.

5. Hohli

Hohli

Aveți nevoie de un simplu constructor de diagrame? Atunci Hohli este locul de vizitat. Aceste aplicații web acceptă diferite tipuri de diagrame în douăsprezece dimensiuni diferite - tot ce trebuie să facă utilizatorii este să introducă datele și detaliile de proiectare.

6. Piktochart

Piktochart este un instrument informatic bazat pe șabloane care ajută designerii să creeze grafică și diagrame frumoase.

Instrumentul acceptă caracteristici drag-and-drop și oferă o gamă largă de șabloane, pictograme, vectori și imagini presetate. Dacă sunteți în căutarea unui instrument grafic ușor și nu vă supărați să plătiți o mică taxă pentru acest serviciu, Piktochart este cu siguranță una dintre cele mai bune alegeri.

 


 

Înainte de a începe: Inspirațiile infografice

Deci esti gata sa creezi cateva din infografiile tale? Aștepta. Mai avem încă ceva pentru a merge aici.

Iată câteva dintre cele mai populare infographics și grafice capturate de pe Internet.

Sunt destul de sigur că le-ați văzut pe unele pe rețelele de socializare în trecut - ceea ce dovedește că grafica frumoasă cu date semnificative!

De asemenea, există motive pentru care galeriile infografice sunt traficate atât de greu în aceste zile.

Referindu-ne la lucrările altora, ajungem să învățăm ce funcționează bine cu publicul.

  • Care este mărimea medie a unui infografic popular?
  • Ce tip de subiect este cel mai bine primit de către spectatori?
  • Ar trebui să includeți cât mai multe date pe hărțile dvs.?
  • Câte puncte bullet ar trebui să le acoperiți în infografice?
  • Ce face acest infographic popular?

Exemple de viață reală: Tipuri de informații infografice

Acestea sunt întrebările pe care le puteți întreba atunci când navigați în jurul probelor.

Bauturi de cafea ilustrate

Bauturi de cafea ilustrate
Sursa: lokeshdhakar.com

Ghid de câmp pentru băieți 

PC World Fan Boys Field Ghid
Sursa: PC World

Cea mai bună bere în America 2008

Cea mai bună bere din America
Sursa: Mikewithart.com

Tabele periodice de tipărire

Tabelul de tipărire

Bailout Tracker

Bailout Tracker
Sursa: New York Times

Evoluția telefonului

Cronologie Infographics
Sursa: Pow Wow Acum

 

Verificați în grafic

graph infographic
Sursa: Four Square

Săpând mai adânc

M-am lovit de zeci de bloguri și site-uri web interesante legate de subiectul nostru când îmi făceam cercetările pentru această postare. Serios, sunt atât de multe de citit, de învățat și de jucat! Nu am știut niciodată că există atât de multe date disponibile în mod liber Gap Minder și Better World Flux; Am citit mult pe site-uri informative / bloguri ca UX Booth (nu sunt în întregime legate de vizualizarea datelor, dar există o mulțime de articole utile despre modul în care vizualizările îmbunătățesc experiența utilizatorilor web); Diagrame dinamiceDescoperirea datelor; și admir profund toate lucrările uimitoare afișate pe Placa Pinterest a lui Randy și  Grafic porno.

Dacă vă gândiți doar la vizualizarea datelor, vă recomand să vizitați site-urile și blogurile enumerate mai sus.

Dacă nu ați folosit puterea vizualizărilor de date în campania dvs. de marketing, este momentul să începeți.

Despre Jerry Low

Fondator al WebHostingSecretRevealed.net (WHSR) - o recenzie de găzduire de încredere și utilizată de utilizatorii 100,000. Mai mult de 15 ani de experiență în web hosting, marketing afiliat, și SEO. Contributor la ProBlogger.net, Business.com, SocialMediaToday.com și multe altele.