Care este cel mai bun mod de a realiza infografice interactive. Cele mai bune cazuri de utilizare pentru infografice interactive pe paginile de destinație

Probabil ați observat o schimbare masivă în lumea online de la conținut bazat pe text la conținut vizual.

Nu se poate nega puterea imaginilor pe Internet și în viața noastră de zi cu zi. Pe YouTube și Instagram, conținutul vizual domină; YouTube este al treilea cel mai vizitat site de pe web, cu peste 80 de milioane de fotografii postate pe Instagram în fiecare zi.

Postările și articolele de pe blog sunt cu 80% mai „consumabile” dacă au imagini color, anteturi sau miniaturi, iar oamenii nu vor petrece mai mult de 15 secunde pe un site dacă acesta nu le atrage atenția din primele secunde.

Infograficele sunt preferate în rândul publicului și al vânzătorilor și sunt cu 800% mai interesante pentru oameni astăzi decât erau în 2012.

În plus, conținutul este creat într-un ritm alarmant - 60% dintre agenții de marketing creează cel puțin o mică parte de conținut nou în fiecare zi! Puteți afla mai multe în articolul de prezentare generală.

Pe măsură ce tot mai mulți oameni creează conținut, ceva devine clar: pentru a fi văzut, trebuie să ieși în evidență.

Desigur, marketerii de conținut se gândesc deja la viitorul conținutului vizual, își dă seama ce pot face acum, ce pot face și ce tehnologii noi sunt deja la orizont. Acest tip de gândire anticipată este ceea ce poate face sau distruge toate eforturile tale de marketing de conținut; trebuie să te adaptezi, sau te vei îneca.

Cu conținut vizual, cum ar fi infografice, specialiștii în marketing sunt poziționați în mod unic pentru a vedea viitorul pe măsură ce acesta se apropie. Companiile, designerii grafici și agenții de marketing încep cu toții să folosească infograficele - actualizându-le pentru a le face și mai atractive pentru publicul lor. Chiar dacă deja „doar postați” infografice în mod regulat, nu este niciodată prea devreme pentru a afla despre tendințele care abia încep să se dezvolte, la fel cum nu este prea devreme pentru a ști cum să le implementați în strategiile de marketing de conținut.

Dacă vrei să privești în viitor și poate chiar să înveți câteva trucuri înaintea tuturor, acum este momentul!

Iată trei tipuri de infografice care vor fi cele mai comune în viitorul (aproape).

Dacă sunteți în căutarea unui instrument infografic cool, vă recomand să verificați Visme. Pentru început, oferă un cont gratuit și funcții grozave la îndemână pentru persoanele care nu au design. Puteți obține un cont gratuit acum.

1. Infografice interactive

Deși vedem frumusețea site-urilor web interactive și a jocurilor ușor de utilizat, infograficele interactive sunt încă destul de noi în domeniul lor. La fel ca infograficele, acestea conțin, evident, unele informații și sunt de obicei dinamice. Dar utilizarea elementelor interactive oferă utilizatorilor posibilitatea de a se conecta cu informații și de a crea propriile lor informații.

Indiferent de afacerea, produsul, serviciul sau mesajul dvs., puteți crea infografice interactive care le permit oamenilor să se evalueze (de exemplu, „Calculați-vă IMC aici”). De asemenea, utilizatorii pot face clic pe informații relevante, care le vor trimite către o resursă mai profund vizată sau înapoi la pagina de destinație, generând astfel trafic. Este o modalitate foarte adaptabilă și distractivă de a-ți implica publicul.

Mulți agenți de marketing s-au adaptat deja la acest tip de infografic și este transmis rapid. Dar, în același timp, mulți, totuși, iau ca bază infografică simplă:

.... doar imaginați-vă ce altceva puteți face cu infografice interactive.

Poti incerca:

  • Folosind tehnici de defilare care fac imaginile sau formele să iasă în evidență din fundal
  • Creați „ferestre pop-up” care extind zonele de text
  • Imagini sau statistici plutitoare când faceți clic pe ele
  • Transformarea infograficelor în mai multe pagini pe care utilizatorii le pot vizualiza

Pentru mai mult exemplu detaliat infografic interactiv, aruncați o privire la acesta:

Pentru a vă face infograficul extrem de interactiv (cu derulare, ferestre pop-up etc.), va trebui să învățați puțin despre HTML5 sau CSS sau să angajați pe altcineva să-l descopere pentru dvs.

În ciuda efortului suplimentar, recompensa ta va fi un conținut unic, captivant și eficient.

De ce ar trebui să încerci să implementezi infografice în viitorul apropiat?

  • Îți încurajează publicul să se implice și să împărtășească conținutul tău.
  • Aceasta generează trafic (prin linkuri)
  • Demonstrează audienței dvs. că sunteți inovator, plin de resurse și că sunteți angajat să furnizați conținut în timp util și captivant.
  • Există niveluri de infografice interactive care conduc dezvoltarea acestuia.

2. Videoclip încorporat și GIF

Acesta este un alt tip de infografic pe care îl vedem din ce în ce mai des astăzi. Infograficele care oferă videoclipuri scurte sau chiar GIF (Graphics Interchange Format) sunt o modalitate excelentă de a atrage atenția și de a vă face infograficul să iasă în evidență din mulțime. În timp ce acest lucru limitează platformele, vă puteți partaja infograficele în timp real.

O mulțime de instrumente infografice simple, cum ar fi Easel.ly, oferă o opțiune „Video YouTube încorporat” sau puteți adăuga videoclipuri la infograficele pe care le creați în Photoshop folosind un strat video. Puteți chiar să adăugați un videoclip la Slide Powerpoint pe care le poți transforma și în infografice.

În plus, puteți găsi milioane de GIF-uri pe net și le puteți introduce în același mod. Problema aici este că va trebui să distribuiți infograficul ca URL pentru a vă asigura că este încorporat corect în site-ul dvs. Nu puteți distribui sau salva astfel de infografice în format .jpeg sau PDF. Fără îndoială, pe măsură ce acest lucru devine din ce în ce mai popular, vor exista și alte instrumente de inserare video și GIF pentru a face procesul și mai ușor.

Dar dacă vrei să folosești acest tip de infografic înainte ca toți ceilalți, chiar și câinii lor, să învețe cum să o facă, începe acum cu instrumentele pe care le găsești online.

Dacă vrei să o duci la următorul nivel, poți face un videoclip din infograficul pe care îl ai deja. Aceasta este o oportunitate grozavă de a fi văzut pe YouTube, Instagram și chiar și pe platforme video precum Vimeo, Snapchat și altele. Videoclipul de mai jos este un exemplu excelent despre cum să transformați un infografic într-un videoclip.

De ce să încorporați videoclipuri sau GIF-uri în infografice?

  • Îți oferă un element de surpriză - oamenii nu se așteaptă ca imaginea să se miște!
  • Este foarte distractiv și original, ceea ce crește șansa ca oamenii să interacționeze și să distribuie infograficul tău.
  • aceasta mod bun arată tuturor unicitatea mărcii tale

3. Infografice animate

Infograficele animate au un număr mare de modele vizuale și necesită multă atenție. Când un utilizator vizualizează o pagină, de obicei nu se așteaptă să se miște nimic, așa că este o idee bună să înveți toate aceste tehnici înainte ca toți ceilalți să o facă.

Datorită faptului că multe infografice animate sunt destul de complexe și pot necesita unele design grafic, codificare și/sau cunoștințe de software, sunt foarte apreciate.

Iată un exemplu despre ce vorbesc:

Dacă doriți să aflați mai multe despre cum să creați infografice animate, consultați acest infografic de la Tabletop Whale. De asemenea, puteți găsi diverse servicii care ajută la crearea unor infografice de acest fel. În orice caz, acesta este unul dintre cele mai dificile procese din evoluția infograficelor.

De ce ar trebui să vă petreceți timpul, energia și/sau banii creând infografice animate?

  • De fapt, te va deosebi de mulțime, pentru că nu toată lumea are acces la acest tip de software sau conținut
  • Peste câțiva ani va fi ceva obișnuit - vei fi unul dintre primii care o vor face!
  • Animația va face informațiile din infografice mai memorabile
  • Îți va inspira utilizatorii să lucreze cu tine.

Toate acestea nu sunt science fiction.

Poate că sună prea tehnic și să pară ceva ieșit la îndemână acum, dar este posibil ca aceste tipuri de infografice să devină foarte comune în 2-3 ani. Asistăm deja la un progres puternic în infograficele animate și infograficele GIF, mai ales că GIF continuă să crească în popularitate. Infograficele devin unul dintre cele mai consumate și mai des create tipuri de conținut de pe Internet. De ce? Pentru că creierul are nevoie de doar 250 de milisecunde pentru a primi și procesa valoarea unui simbol.

Dacă o persoană obișnuită petrece aproximativ 15 secunde pe un site web și apoi începe să se plictisească, atunci bineînțeles că veți dori să scoateți tot ce ar putea să o întârzie - sau cel puțin să primiți un mesaj în 15 secunde sau mai puțin. Unele studii au demonstrat chiar că oamenii se pot concentra pe ceva timp de cel mult 8 secunde, iar această cifră scade în fiecare an.

Acesta este motivul și posibil un produs secundar al nevoii noastre constante de informații. Trăim în era informației și toate informațiile ne sunt disponibile. Dar înseamnă, de asemenea, că cu cât mai mulți oameni încearcă să partajeze mesaje și să răspundă la fiecare întrebare posibilă, cu atât mai mult conținut produs devine zgomot de fundal.

Dacă disponibilitatea infograficelor este un indicator astăzi, atunci în curând acestea vor fi peste tot. Aceasta înseamnă noi schimbări în munca ta. Nicio campanie de marketing din istorie nu a avut succes făcând același lucru tot timpul.

Ideea aici este să vedeți mai mult decât o imagine jpeg în infografic. Infograficele pot fi adaptate medii diferiteși să fie folosit pe o mare varietate de platforme. Antreprenorii și agenții de marketing au văzut deja potențialul acestui lucru. Si tu?

În ultimii câțiva ani, infografica a evoluat de la imagini statice la experiențe interactive bogate, cu elemente de animație și video adaptate la conținut unic. Nu se mai limitează la șabloane generice pre-construite. Și colecția de astăzi conține cele mai bune infografice pentru a arăta cum arată o experiență interesantă și informativă.

Majoritatea infograficelor din această listă au fost selectate pentru a fi afișate căi diferite cu care designerii abordează vizualizarea datelor. Cu toate acestea, există și câteva „hibrizi” aici, ilustrând estomparea liniilor dintre infografice și experiențe multimedia bogate, creând în același timp conținut captivant și povești convingătoare pe paginile de destinație. Abatere de la forme tradiționaleînseamnă că intrăm într-un peisaj media mai complex și acest tip de experimentare cu tehnologie și povestire va fi esențial pentru modelarea viitorului designului grafic.

1. Harta vânturilor

Harta vântului este un design spectaculos care arată direcția și viteza vântului peste Statele Unite. Acest design are mai degrabă un scop artistic decât unul utilitar, iar acest lucru este grozav: este foarte frumos să stai și să privești firele subțiri răsucindu-se în jurul hărții. Un exemplu simplu, dar bine gândit, despre modul în care infograficele care arată căile formelor beneficiază de animație și grafică în mișcare.

2. În zbor

În 2014, The Guardian a lansat un infografic In Flight care arată date în timp real despre zborurile comerciale (se pare că informațiile nu sunt actualizate acum, ceea ce este păcat), precum și o lecție despre istoria aviației. Conversațiile discrete dintre echipajele de zbor la începutul spectacolului interactiv creează o atmosferă specială. Se pare că infograficele se transformă încet în experiențe cinematografice în aceste zile. Cel puțin „În zbor” indică această direcție...

3. Apelează luna

Nu se întâmplă multe în infograficul Dial A Moon, dar își servește destul de bine scopul. În 2015, datorită NASA, infograficele fazei lunare au fost actualizate la fiecare oră și nu puteai să mergi pe Google în căutarea acestor informații misterioase. Acum puteți vizualiza imaginile introducând manual luna, ziua și ora.

4. Ziua cu Pluto

Revista Nature publică multe infografice interesante pentru publicul său interesat de știință. Printre acestea a fost unul despre faimosul zbor al unei nave spațiale de lângă Pluto (24 Hours Of Pluto). Infografica includea o mulțime de informații textuale, dar imaginile au oferit o înțelegere ușoară a celor mai interesante, de la structura unei planete pitice până la formarea lunilor sale. Acum partea de text este disponibilă pe Internet, precum și două videoclipuri animate din infografică.

5. Cum s-au schimbat casele americane

Faceți o călătorie prin marele vis american, reflectat prin evoluția stilurilor casei. Această infografică bine ilustrată vă permite să vă urcați la volanul unei mașini (schimbându-și și aspectul pe măsură ce derulați pentru a ține pasul cu epoca) și să navigați din anii 1900 până în anii 2000, trecând pe lângă clădiri populare timp de decenii. Pe parcurs, vei întâlni o multitudine de material util (inclusiv condițiile socio-politice ale vremii, precum și tendințele modei), iar totul se termină cu o întrebare care te îndeamnă să-ți imaginezi viitorul căminului american. Infograficul Decades Of American Homes este un exemplu excelent de defilare orizontală și se potrivește aici.

6. Evoluția analizei de marketing

În infograficul Evolution of Insight, compania inteligentă de cercetare a utilizatorilor Vision Critical urmărește evoluția pieței tehnologiei de marketing din întreaga lume din anii 1890 până în prezent. Funcționează în mod similar cu infograficul How American Homes Changed și, astfel, vă permite să comparați eficiența utilizării unei cronologie interactive pentru două povești foarte diferite. Infograficul Decades Of American Homes are avantajul că vizualizarea caselor în timp ce conduceți este mult mai intuitivă decât călătoria prin marile analize americane. Infograficele bune sunt create având în vedere conținutul, nu în jurul acestuia.

7. Drepturile comunității LGBT din întreaga lume

The Guardian ocupă o altă poziție pe lista noastră cu acest infografic elegant care explică situația legală a drepturilor LGBT într-o serie de probleme (căsătorie, discriminare la locul de muncă, crime motivate de ură etc.) în fiecare națiune din lume. Deplasarea într-un semicerc oferă o modalitate rapidă și ușoară de a compara statisticile între tari diferite iar compoziția infografică păstrează în prim plan în centru statutul global. Există, de asemenea, un apel puternic la acțiune aici, care urmărește să reducă decalajul dintre simpla conștientizare și activism.

8. Inegalitatea este reparabilă

Un alt exemplu grozav de infografică interactivă, Inequality Is Fixable invită publicul să se cufunde în problemă, făcând-o profund personală. Privitorul este garantat să nu-și piardă interesul pentru materialul care îi spune cât de mult este plătit mai puțin șeful său și de ce. Făcând utilizatorul parte din poveste, dezvoltatorii trec curiozitatea și îl ghidează pe utilizator prin toți pașii necesari, până la îndemnul (Call-To-Action) de la sfârșit.

„Am lăsat să se întâmple - cum îl putem remedia acum?”

9. Desenează-te: cum veniturile gospodăriei prezic șansele unui copil de a merge la facultate

Multe dintre infograficele din această listă folosesc animația și interactivitatea pentru a oferi o experiență bogată. Din punct de vedere vizual, acest infografic din The New York Times (You Draw It: How Family Income Predicts Children's College Chances) aderă la formatul clasic de diagramă, dar folosește, de asemenea, informații despre comportamentul utilizatorilor pentru a extinde domeniul de design infografic, cum ar fi proactiv și interactiv. vizualizare. Cerându-le cititorilor să-și deseneze propria curbă, ei introduc un element de interes propriu și astfel oferă oamenilor informații cu adevărat valoroase.

Nu este cel mai rău rezultat! Axa verticală este procentul de copii care merg la facultate. Axa orizontală - percentila venitului parental

10. Cum mor americanii

Cu excepția imaginii de titlu, acest exemplu utilizează în mare parte grafice bune de modă veche pentru a reda conținutul. Dar acest lucru nu este deloc plictisitor, deoarece utilizatorii pot naviga în mod independent prin date deplasând cursorul de-a lungul graficelor. Acest lucru face mult mai ușor de comparat, de exemplu, numărul de decese asociate cu sinuciderea în anii 70 față de astăzi (indiciu: este în creștere acum), o diagramă statică nu ar face acest lucru atât de bine.

11.

Încă de la debutul său Project Snowfall, care a câștigat atenția și laudele tuturor, New York Times și-a păstrat reputația de jurnalism multimedia de ultimă oră. Echipa de publicare folosește o combinație de design infografic și povestiri aprofundate pentru a crea o experiență impresionant de captivantă. Au exemple mai vii, dar The Russia Left Behind este o lucrare care a provocat o anumită rezonanță. Infografica funcționează ca un tur interactiv al Rusiei (vă faceți drum pe hartă).

12. Obligații de mașini

Dacă vrei vreodată să cunoști povestea lui James Bond uitându-te la mașinile sale, atunci mulțumește-i dealer-ului britanic Evans Halshaw - el ți-a oferit o astfel de șansă. Infograficul său interactiv Bond Cars vă permite să explorați modelul și designul fiecăruia dintre mașinile Bond, precum și câteva fapte interesante... Folosind tactica de glisare omniprezentă, puteți, de asemenea, să „dezvăluiți” mașina în toată gloria ei metalică (doar un singur model de culoare este dat implicit). Deci, autorii au rezolvat în mod creativ problema necesității de a include fotografii care nu se potrivesc prea bine cu estetica infografică.

13. Culorile mișcării

The Colors Of Motion este o serie infografică care analizează filmele doar după paleta lor de culori, derivată din combinarea tuturor cadrelor. Dacă te-ai întrebat vreodată, acum ai răspunsul. Nu puteți găsi titlul în baza de date? Doar trimiteți un mesaj dezvoltatorilor - aceștia acceptă cereri.

14. Mormântul Regilor din Peru

National Geographic are o colecție destul de impresionantă de ceea ce ei o numesc, „grafică interactivă” (majoritatea fiind însoțită de descrieri textuale detaliate, ca în cazul Columnei lui Traian, de exemplu), dar am ales acest exemplu relativ simplu pentru a evidenția care tehnicile sunt cu adevărat eficiente în infograficele interactive. „The Royal Wari Tomb” (Mormântul Regal Wari din Peru) dezvăluie particularitățile înmormântării unei femei nobile din acele vremuri. Accentul se schimbă de la înfășurarea mumiei la decorarea și poziția acesteia. Împărțind informațiile în bucăți mici și permițând utilizatorului să navigheze între ele, grafica interactivă evită cele mai insidioase capcane: supraîncărcarea datelor și efecte vizuale... Mai mult, fiecare interacțiune ulterioară extinde experiența, făcând-o mult mai plină de satisfacții decât dacă totul ar fi prezentat odată. Creierul nostru are un mecanism care respinge stimulii supresori și tipul dat interacțiunea devine o soluție excelentă pentru utilizator, facilitând absorbția informațiilor.

15. Ce este Referendumul Scoțian? Explicație pentru non-britanici

The Guardian, ca și New York Times, se bazează pe jurnalismul multimedia, iar videoclipul lor face față uneia dintre principalele funcții ale infograficului: de a oferi informații voluminoase o formă acceptabilă. Pentru mulți dintre noi din afara Regatului Unit, referendumul este un subiect foarte confuz. Din fericire, acest videoclip (Scottish Referendum Explained For Non-Brits) vă ajută să aflați rapid despre ea aspecte importante fără a necesita o scufundare profundă în istorie.

16. Sănătatea publică

Atlantic a fost însărcinat să dezvolte o viziune pentru îmbunătățirea sănătății publice. Acesta a comandat Truth Labs să transforme seria de articole din 3 părți despre sănătatea populației în povestiri digitale. Scopul principal al artistului a fost să mențină derularea naturală a documentului și experiența normală de citire a utilizatorului, creând în același timp o experiență diferită din perspectiva vizuală. Ei au împrumutat instrumente și strategii din cinematografie pentru a-și aduce viziunea la viață, dar s-au concentrat și pe un set de principii de design pentru a sprijini lizibilitatea ca regulă cheie.

17. Boabele lui Joho

Filtrul de cafea austriac Joho a creat o experiență multimedia impresionantă, Joho's Bean, pentru a spune povestea originii boabelor de cafea. Narațiunea combină armonios materiale audio, video și fotografice care implică aproape toate simțurile utilizatorului. Auzi ciripitul de păsări, sunetul boabelor de cafea prăjite în pungi și zgomotul străzilor aglomerate și al traficului din oraș.

Joho's te poartă într-o călătorie explicând originea boabelor de cafea

18. Drum primordial

Calea Sălbatică este experiment interactiv, poveste de călătorie generată cu Canvas. Elementul principal este harta, care animă calea pe hartă la derularea paginii. Este posibil ca proiectul să nu funcționeze în toate browserele. Dar este însoțit de un articol însoțitor care explică toate tehnologiile din culise pentru crearea infograficelor.

19.

Acoperirea The Guardian (Rezultatele alegerilor în direct) a alegerilor prezidențiale din SUA din 2016 a adus un element distractiv în problema serioasă a procentelor și a secțiilor de votare. Infograficele interactive au urmărit voturile în patru state. În mod implicit, graficul arăta rezultatele pentru întreaga țară, iar dacă utilizatorul trecea cursorul peste orice zonă de pe hartă, era afișat ce numere au tastat candidații acolo. Candidații la președinție au fost prezentați ca niște avatare amuzante pixelate. Pe măsură ce infograficele au fost actualizate în timp real, omuleții au colorat stările în care au câștigat. Din când în când, un citat al candidatului apărea într-un balon lângă candidat.

Reflectarea rezultatelor alegerilor în timp real

Viitorul vizualizării datelor este interactivitatea.

Dar cum poți crea infografice interactive cu adevărat uimitoare?

Infograficele sunt omniprezente și au devenit din ce în ce mai interactive în ultima vreme.

În articolul de astăzi, vă vom împărtăși secretele creării de infografice interactive, precum și link-uri către resurse utile.

1. Înțelegeți psihologia

Înainte de a face o infografică interactivă, este important să înțelegeți de ce doriți să fie.

După cum este detaliat în acest infografic, oamenii percep mai bine informațiile vizuale. Este mult mai probabil să citim, să înțelegem și să memorăm o prezentare dacă conține elemente vizuale captivante. este o instrument eficientînvăț, dar poate deveni și mai bine.

Învățarea cinetică este o alternativă excelentă, deoarece oamenii absorb mai bine informațiile prin acțiuni fizice.

Acesta este motivul pentru care adăugați interactivitate la zonă promițătoare vizualizările vă pot ajuta să creați infografice și mai memorabile și mai eficiente.

Această combinație de abordări vizuale și cinetice face din infografica animată conținutul viitorului. Desigur, pentru unele teme, este mai bine să nu folosiți elemente interactive, dar în majoritatea cazurilor acestea vor îmbunătăți doar conținutul.

Mișcarea adaugă sens informațiilor, permite utilizatorului să manipuleze experiența și antrenează imaginația într-un mod în care infografica statică nu poate.

2. Adăugați efecte de defilare

Trucul realității virtuale este că pentru alții vei arăta ca un idiot.

Cardboard Design Lab de la Google este un „tutorial” bun pentru aspiranții designeri de realitate virtuală

Infografica este ca un joc de aventură

Problema cu Unity este că nu este ușor să faci un lucru bun pe web.

Realitatea virtuală este ca și căștile pentru ochii tăi

Realitatea virtuală necesită un mediu sigur, nu poți intra în el din mers. Acest lucru limitează posibilitățile VR

Sesiunea închisă dimineața Archie tse de la The New York Times cu tema provocatoare „De ce NYT lucrează mai puțin interactiv”.

Munca lui NYT se bazează pe trei reguli de povestire vizuală:

  1. Dacă cititorul trebuie să facă clic, nu să deruleze, atunci trebuie să se întâmple ceva ieșit din comun.
  2. Să presupunem că sfaturile instrumente și orice alte efecte de hover nu vor fi văzute niciodată de nimeni. Dacă conținutul este important, faceți-l astfel încât cititorul să-l vadă imediat.
  3. Dacă doriți să faceți ceva interactiv, amintiți-vă - va fi costisitor să îl faceți să funcționeze pe toate platformele.

Va trebui să vă redesenați grafica de 2 sau 3 ori pentru ca totul să funcționeze atât pe desktop, cât și pe mobil

Cum au schimbat aceste reguli abordarea NYT:

  1. Cele mai multe randări sunt acum statice
  2. Mai multe texte
  3. Dacă aveți nevoie de mișcare în imagine, aceasta apare în timpul derulării

(Al patrulea punct spune că încă mai lucrează interactiv. Dar acum motivul ar trebui să fie FOARTE semnificativ).

Am făcut pași „cu mai mulți pași”. Utilizatorii s-au oprit la pasul 3. Cititorii vor doar să defileze, nu să facă clic

Archie Tse: Scrolling vs. făcând clic

Timp de 18 săptămâni, Andy Kriebel publică infografice și date în fiecare duminică seara pe VizWiz. Sarcina este să alocați aproximativ o oră de timp în timpul lunii, să analizați rapid vizualizarea și să vă faceți propria versiune.

Mai jos publicăm rezultatele săptămânii trecute - Sclavia în secolul XXI.

#MakeoverMonday de Andy Kriebel. Descriere detaliatași interactiv - pe blogul lui Andy:

#MakeoverMonday de Andy Cotgreave. Descriere detaliată și interactivă - în blogul lui Andy:

Am mai învățat că 51% dintre oamenii din lume sunt mai tineri decât mine, iar 63% din Rusia sunt mai în vârstă și că șansele mele de a muri chiar acum nu sunt atât de mari. Cifrele au încetat brusc să fie „statistici” și m-au lovit puternic.

Vizualizarea datelor - folosește seturi mari de date cu mai puține făcut singur peste design; bazate pe algoritmi. De exemplu, lucrarea interactivă a New York Times.

Arte vizuale - codificare unidirecţională. Vizualizări frumoase, dar greu de descifrat, cum ar fi arta computațională a lui Kunal Anand.

Care este problema?

Drept urmare, multe lucrări atrag doar utilizatori sofisticați, dar nu permit cititorilor neinițiați să înțeleagă esența problemei, dăunând astfel scopului vizualizării - de a informa publicul. De aceea este atât de important să înțelegem și să înțelegem problema alfabetizării vizuale în contextul vizualizării.

Noua „gramatică vizuală” a jurnalismului

Iată trei exemple care experimentează modalități de prezentare a jurnalismului interactiv. Arată impresionant, dar interpretarea lor poate fi o sarcină descurajantă pentru mulți.

Drepturile gay în Statele Unite, stat cu stat

Numărul de surse de date disponibile astăzi și instrumentele pentru procesarea lor în sine arată deja în mod clar că atât de mulți oameni nu au încercat niciodată să se simtă confortabil în lumea vizualizării datelor. Și când există atât de multe materiale disponibile pentru studiu, există o singură întrebare "Unde sa încep?" poate speria orice începător. Deci, care sunt cele mai bune biblioteci și ce sfătuiesc profesioniștii? Acesta va fi subiectul acestui articol.

A vorbi despre vizualizarea datelor fără a o menționa este ca și cum ai vorbi despre istoria computerelor personale și nu ai spune un cuvânt despre Steve Jobs. D3 (Data Driven Documents) este fără exagerare cea mai importantă și dominantă bibliotecă JavaScript open source de pe piață, care este folosită în mod obișnuit pentru crearea de grafică SVG. SVG (Scalable Vector Graphics) este, la rândul său, un format imagine vectorială, acceptat de browserele web, dar anterior puțin utilizat.

Biblioteca D3 își datorează o mare parte din popularitate interesului brusc pentru SVG din partea designerilor web, care se datorează în mare parte modului de câștig grafica vectoriala uitați-vă la ecranele de înaltă rezoluție (în special, afișajele Retina utilizate în Dispozitivele Apple), care devin din ce în ce mai frecvente.

„Să fim sinceri, dacă sarcina este vizualizarea datelor bazată pe SVG, atunci toate celelalte biblioteci nici măcar nu au fost aproape să o rezolve”, spune Moritz Stefaner, expert independent în vizualizarea datelor și proprietarul companiei. Adevăr și Frumusețe... „Există, de asemenea, destul de multe proiecte interesante construite pe deasupra D3, cum ar fi NVD3, care oferă componente grafice standard — gata de utilizare, dar personalizabile; sau, de exemplu, Crossfilter este pur și simplu un instrument remarcabil de filtrare a datelor.”

Scott Murray, programator-designer și autor de cărți Vizualizare interactivă a datelor pentru web, sunt de acord cu opinia anterioară: „D3 este extrem de puternic prin faptul că folosește tot ce au de oferit browserele. Deși acest lucru are un dezavantaj: dacă browserul nu acceptă ceva, de exemplu, imagini 3D bazate pe WebGL (din Biblioteca engleză Web Graphics), atunci nici D3 nu îl va accepta. ”

Și, deși această bibliotecă este cu adevărat universală, tot nu este solutie ideala pentru orice sarcină. „Principalul dezavantaj al bibliotecii D3, ca să spunem așa, este că nu prescrie și nici măcar nu sugerează nicio abordare specifică de redare”, adaugă Scott Murray. „Deci este într-adevăr un instrument pentru încărcarea datelor într-un browser și apoi generarea de componente DOM pe baza acestor date.”

În timp ce D3 este un set de instrumente grozav pentru imagini personalizate, dacă doriți să creați un grafic standard fără multă muncă vizuală, atunci un instrument precum Vega... Ca cadru bazat pe D3, Vega oferă o alternativă pentru afișarea componentelor grafice. Folosind Vega, puteți vizualiza datele JSON Centrul European de Jurnalism și proiectul Data Driven Journalism. Datele exacte ale cursului nu sunt încă cunoscute, dar vă puteți înscrie acum.

În cinci zile, participanții la curs vor putea învăța ce este jurnalismul de date, cum funcționează și ce abilități cheie trebuie să stăpânești pentru a deveni specialist în acest domeniu. Aflați unde să căutați date pentru a vă sprijini diagramele și cum să găsiți idei noi în date. Învață arta de a transforma datele plictisitoare într-o poveste convingătoare, infografică sau chiar vizualizare interactivă. Familiarizați-vă cu principiile de bază ale designului grafic pe care un jurnalist trebuie să le cunoască.

Instructorii cursului sunt cinci dintre cei mai importanți experți din lume în jurnalism de date și vizualizare.