Najboljši primeri uporabe interaktivne infografike na ciljnih straneh. Infografika: vrste, primeri dela, prihodnost Kako Američani umirajo

V zadnjih nekaj letih se je infografika razvila iz statičnih slik v bogate, interaktivne izkušnje z animacijo in video elementi, prilagojenimi edinstveni vsebini. Ni več omejeno na vnaprej pripravljeno, univerzalne šablone. In današnji izbor vsebuje najboljše primere infografik, ki prikazujejo, kako izgleda zanimiva in poučna izkušnja.

Večina infografik na tem seznamu je bila izbrana za prikaz različne načine, s katerim oblikovalci pristopijo k vizualizaciji podatkov. Vendar pa je tu tudi nekaj »hibridov«, ki ponazarjajo zabrisane meje med infografiko in bogatimi medijskimi izkušnjami pri ustvarjanju privlačne vsebine in privlačnih zgodb na ciljnih straneh. Odstopanje od tradicionalnih oblik pomeni, da vstopamo na bolj kompleksno medijsko ozemlje in prav tovrstno eksperimentiranje s tehnologijo in pripovedovanjem zgodb bo ključnega pomena za oblikovanje prihodnosti grafičnega oblikovanja.

1. Zemljevid vetra

Zemljevid vetra je dih jemajoč dizajn, ki prikazuje smer in hitrost vetra nad Združenimi državami. Ta zasnova ima bolj umetniški kot utilitarni namen in to je čudovito: zelo prijetno je samo sedeti in opazovati, kako se tanke, tanke niti vijejo po zemljevidu. Preprost, a dobro premišljen primer, kako imajo infografike, ki prikazujejo trajektorije oblik, koristi od animacije in gibljivih slik.

2. V letu

Leta 2014 je The Guardian lansiral infografiko z naslovom In Flight, ki je prikazovala podatke o komercialnih letih v realnem času (zdi se, da niso več posodobljeni, kar je škoda) in je vključevala tudi lekcijo o zgodovini letalstva. Zamolčani pogovori med letalskimi posadkami na začetku interaktivne predstave ustvarijo posebno vzdušje. Zdi se, da se infografike v teh dneh počasi spreminjajo v kinematografske izkušnje. Vsaj "In Flight" kaže v to smer ...

3. Pokličite Luno

V infografiki Dial A Moon se ne dogaja veliko, vendar precej dobro služi svojemu namenu. Leta 2015 so se po zaslugi Nase infografike luninih faz posodabljale vsako uro in ni bilo treba iti v Google, da bi iskali te skrivnostne informacije. Zdaj si lahko ogledate slike tako, da ročno vnesete mesec, dan in uro.

4. Dan s Plutonom

Revija Nature objavlja veliko zanimivih infografik za svoje občinstvo, ki ga zanima znanost. Med njimi je bila tista o preletu znamenitega vesoljskega plovila blizu Plutona (24 ur Plutona). Infografika je vsebovala veliko besedilne informacije, vendar so vizualni elementi omogočili preprost vpogled v poudarke, od strukture pritlikavega planeta do procesa oblikovanja njegovih lun. Besedilni del je zdaj na voljo na internetu, kot tudi dva animirana videa iz infografike.

5. Kako so se spremenile ameriške hiše

Podajte se na potovanje skozi velike ameriške sanje, ki se odražajo v razvoju stilov doma. Ta dobro ilustrirana infografika vam omogoča, da sedete za volan avtomobila (ki prav tako spreminja svoj videz, ko se premikate, da ostanete v koraku z dobo) in se premikate od 1900-ih do 2000-ih, mimo stavb, ki so bile priljubljene v posameznih desetletjih. Na poti boste naleteli na obilo uporabnega gradiva (vključno s takratnimi družbeno-političnimi razmerami in modnimi trendi), vse pa se konča z vprašanjem, ki vas izzove, da si predstavljate prihodnost ameriškega doma. Infografika Decades Of American Homes je odličen primer vodoravnega drsenja in tukaj pride prav.

6. Razvoj marketinške analitike

Podjetje za obveščanje uporabnikov Vision Critical v svoji infografiki Evolution of Insight spremlja razvoj trga tržnih tehnologij po vsem svetu od leta 1890 do danes. Deluje podobno kot infografika How American Homes Have Changed in vam tako omogoča primerjavo učinkovitosti uporabe interaktivne časovnice za dve zelo različni zgodbi. Infografika Decades Of American Homes ima to prednost, da je ogled domov med vožnjo veliko bolj intuitiven kot potovanje po Great American Analytics. Dobra infografika se ustvari okoli vsebine, ne okoli nje.

7. Pravice LGBT po svetu

Guardian zaseda še eno mesto na našem seznamu s to izvrstno infografiko, ki pojasnjuje pravno krajino pravic LGBT glede na vrsto vprašanj (poroka, diskriminacija na delovnem mestu, zločini iz sovraštva itd.) v vseh državah na svetu. Premikanje po polkrogu omogoča hiter in enostaven način za primerjavo statističnih podatkov med različnimi državami, sestava infografike pa ohranja globalni status v ospredju in na sredini. Tukaj je tudi močan poziv k akciji, katerega namen je premostiti vrzel med ozaveščenostjo in aktivizmom.

8. Neenakost je popravljiva.

Še en odličen primer interaktivne infografike, Neenakost je popravljiva, vabi občinstvo, da se poglobi v težavo, hkrati pa jo naredi zelo osebno. Gledalca bo zagotovo zanimalo gradivo, ki mu pove, koliko premalo plača njegov/njen šef in zakaj. S tem ko postane uporabnik del zgodbe, razvijalci vzbudijo radovednost in uporabnika vodijo skozi vse potrebne korake vse do poziva k dejanju na koncu.

»Pustili smo, da se je zgodilo – kako lahko zdaj to popravimo?«

9. Nariši sam: Kako družinski dohodek napoveduje otrokove možnosti za študij

Številne infografike na tem seznamu uporabljajo animacijo in interaktivnost za zagotavljanje bogate izkušnje. Vizualno se ta infografika iz New York Timesa (You Draw It: How Family Income Predicts Children's College Chances) drži klasičnega formata grafikona, vendar uporablja tudi razumevanje vedenja uporabnikov za razširitev obsega oblikovanja infografike, in sicer tehniko proaktivnega in interaktivno vizualizacijo. S tem, ko prosijo bralce, naj narišejo lastno krivuljo, vnesejo element lastnega interesa in tako ljudem posredujejo resnično dragocene informacije.

Ni najslabši rezultat! Navpična os— odstotek otrok, ki so šli na fakulteto. Vodoravna os: percentil dohodka staršev

10. Kako Američani umirajo

Z izjemo naslovne slike ta primer za vizualizacijo vsebine večinoma uporablja navadne stare grafikone. A to ni prav nič dolgočasno, saj lahko uporabniki samostojno krmarijo po podatkih s premikanjem kurzorja po grafih. Tako je na primer veliko lažje primerjati število s samomorom povezanih smrti v 70. letih prejšnjega stoletja v primerjavi z današnjim časom (namig: zdaj je v porastu), nekaj, kar statična tabela ne bi naredila tako lepo.

11.

Odkar je Snowfall pritegnil široko pozornost in pohvale, je The New York Times ohranil svoj sloves odličnosti v multimedijskem novinarstvu. Ekipa za objavo uporablja kombinacijo infografskega oblikovanja in poglobljenega pripovedovanja zgodb, da ustvari izjemno privlačno izkušnjo. Imajo bolj osupljive primere, a The Russia Left Behind je delo, ki je povzročilo določen odmev. Infografika deluje kot interaktivno potovanje po Rusiji (navigirate se po zemljevidu).

12. Bondovi avtomobili

Če želite kdaj doživeti zgodovino Jamesa Bonda z ogledom njegovih avtomobilov, potem se zahvalite britanskemu trgovcu z avtomobili Evansu Halshawu, da vam je dal priložnost. Njegova interaktivna infografika Bond Cars vam omogoča raziskovanje znamke in dizajna vsakega Bondovega avtomobila, poleg tega pa vam ponuja nekaj dodatnih zanimiva dejstva. Z uporabo vseprisotne taktike drsnika lahko tudi "razkrijete" avto v vsem njegovem kovinskem sijaju (privzeto je na voljo le enobarvna oblika). Tako so avtorji kreativno rešili problem potrebe po vključitvi fotografij, ki ne ustrezajo povsem estetiki infografike.

13. Barve gibanja

Barve gibanja so infografske serije, ki analizirajo filme izključno na podlagi njihove barvne palete, ki izhaja iz kombinacije vseh okvirjev. Če ste se kdaj spraševali, imate zdaj odgovor. Ne najdete naslova v zbirki podatkov? Samo pošljite razvijalcem sporočilo - sprejemajo zahteve.

14. Kraljeva grobnica v Peruju

National Geographic ima precej impresivno zbirko, čemur pravijo "interaktivne grafike" (večina jih spremlja podrobna besedilni opisi, kot na primer v primeru Trajanovega stebra), vendar smo izbrali ta relativno preprost primer, da bi poudarili, katere tehnike so resnično učinkovite v interaktivni infografiki. "Peru's Royal Wari Tomb" razkriva posebnosti pokopa plemkinje tistih časov. Poudarek se premakne z ovojev mumije na njene okraske in položaj. Z razdelitvijo informacij na majhne koščke in omogočanjem uporabniku, da krmarijo med njimi, se interaktivna grafika izogne ​​najbolj zahrbtnim pastem: preobremenitvi podatkov in vizualnim učinkom. Poleg tega vsaka naslednja interakcija izboljša izkušnjo, zaradi česar je veliko bolj koristna, kot če bi bilo vse predstavljeno hkrati. Naši možgani imajo mehanizem, ki zavrača močne dražljaje in ta tip interakcija postane odlična rešitev za uporabnika, saj olajša absorbiranje informacij.

15. Kaj je "škotski referendum"? Pojasnilo za ljudi, ki niso Britanci

Guardian je tako kot New York Times zavezan multimedijskemu novinarstvu in njihov videoposnetek odlično opravlja nalogo ene od glavnih funkcij infografike: okorne informacije postavlja v obvladljivo obliko. Za mnoge od nas, ki živimo zunaj Združenega kraljestva, je referendum zelo zmedena tema. Na srečo vam bo ta videoposnetek (Pojasnjen škotski referendum za ne-Britance) pomagal hitro spoznati pomembne vidike, ne da bi se morali poglobiti v zgodovino.

16. Javno zdravje

Poslanstvo Atlantica je bilo razviti vizijo za izboljšanje javnega zdravja. Podjetje Truth Labs je naročilo, da razvije 3-delno serijo o "zdravju prebivalstva" v digitalno pripovedovanje zgodb. Umetnikov glavni cilj je bil ohraniti naravno drsenje po dokumentu in uporabnikovo običajno bralno izkušnjo, hkrati pa ustvariti izkušnjo, ki se razlikuje od vizualne perspektive. Da bi ga oživili, so si sposodili orodja in strategije iz filma, vendar so se oprli tudi na nabor oblikovalskih načel, da bi podprli berljivost kot ključno pravilo.

17. Johova zrna

Avstrijski proizvajalec kave Joho's je ustvaril poglobljeno multimedijsko izkušnjo, da pripoveduje zgodbo o izvoru kavnih zrn, ki brezhibno združuje zvok, video in fotografijo, da pritegne skoraj vse čute uporabnika plantaža kave, slišiš, zvok ptičjega žvrgolenja, zvok praženih kavnih zrn, ki se pakirajo v vrečke, in zvok prometnih ulic v mestu Popolna potopitev!

Joho's vas popelje na potovanje in razloži izvor njihovih kavnih zrn

18. Neokrnjena cesta

"Divja pot" je interaktivni eksperiment, potopis, ustvarjen s Canvasom. Glavni element je zemljevid, ki med pomikanjem po strani animira pot na zemljevidu. Projekt morda ne bo deloval v vseh brskalnikih. Prihaja pa s spremnim člankom, ki pojasnjuje vse zakulisne tehnologije za ustvarjanje infografik.

19.

Guardianovo poročanje o ameriških predsedniških volitvah leta 2016 (rezultati volitev v živo) je prineslo zabaven element v resen posel o volilnih številkah in voliščih. Interaktivna infografika je spremljala glasovanje v štirih državah. Graf je privzeto prikazoval rezultate za celotno državo, in če se je uporabnik pomaknil nad območje na zemljevidu, je pokazalo, katere številke so kandidati tam dosegli. Predsedniški kandidati so bili predstavljeni kot smešni slikovni avatarji. Ker je bila infografika posodobljena v realnem času, so ljudje pobarvali države, ki so jih osvojili. Od časa do časa se je v oblačku poleg kandidata pojavil citat.

Odsev volilnih rezultatov v realnem času

Verjetno ste opazili ogromen premik k spletni svet od besedilnih vsebin do vizualnih vsebin.

Ni mogoče zanikati moči vizualnih vsebin na internetu in v našem vsakdanjem življenju. Na YouTubu in Instagramu prevladujejo vizualne vsebine; YouTube je 3. najbolj obiskano spletno mesto na spletu, Instagram pa ima vsak dan objavljenih več kot 80 milijonov fotografij.

Za objave v spletnem dnevniku in članke je 80 % večja verjetnost, da bodo uporabljeni, če imajo barvne slike, naslove ali sličice, in ljudje ne bodo preživeli več kot 15 sekund na spletnem mestu, če ne bo takoj pritegnilo njihove pozornosti.

Infografike so priljubljene med občinstvom in trgovci na drobno in so danes za ljudi 800 % bolj zanimive kot leta 2012.

Poleg tega se vsebina ustvarja alarmantno hitro – 60 % tržnikov vsak dan ustvari vsaj majhno količino nove vsebine! Več lahko izveste iz preglednega članka.

Ko vedno več ljudi začne ustvarjati vsebino, postaja ena stvar jasna: če želite biti vidni, morate izstopati.

Seveda tržniki vsebin že razmišljajo o prihodnosti vizualnih vsebin, kaj lahko storijo zdaj, kaj lahko implementirajo in katere nove tehnologije so na obzorju. Ta vrsta naprednega razmišljanja je tisto, kar lahko izboljša ali uniči vaša prizadevanja za trženje vsebine; moraš se prilagoditi ali pa se boš utopil.

Z vizualno vsebino, kot je infografika, imajo tržniki edinstvena priložnost glej prihodnost, ko se približuje. Podjetja, grafični oblikovalci in tržniki vsi začenjajo uporabljati infografiko in jo posodabljajo, da postane še bolj privlačna za njihovo občinstvo. Tudi če že redno »samo objavljate« infografike, ni nikoli prezgodaj, da spoznate trende, ki se šele začenjajo razvijati, tako kot nikoli ni prezgodaj, da se naučite, kako jih implementirati v svoje strategije vsebinskega trženja.

Če želite pogledati v prihodnost in se morda celo naučiti nekaj trikov pred drugimi, je zdaj pravi čas!

Tukaj so tri vrste infografik, ki bodo najbolj pogoste v (bližnji) prihodnosti.

Če iščete kul orodje za ustvarjanje infografike, priporočam, da si ogledate Visme. Za začetek ponujajo brezplačen račun in odlične uporabniku prijazne funkcije za ne-oblikovalce. Zdaj lahko dobite brezplačen račun.

1. Interaktivna infografika

Medtem ko smo videli lepoto interaktivnih spletnih mest in iger, ki so enostavne za uporabo, so interaktivne infografike na tem področju še vedno precej nove. Tako kot infografike očitno vsebujejo nekaj informacij in so običajno dinamične. Toda uporaba interaktivnih elementov daje uporabnikom možnost, da se povežejo z informacijami in ustvarijo svoje.

Ne glede na vaše podjetje, izdelek, storitev ali sporočilo lahko ustvarite interaktivno infografiko, ki ljudem omogoča, da se ocenijo (na primer »tukaj izračunajte svoj BMI«). Uporabniki lahko tudi kliknejo povezane informacije, kar jih bo popeljalo do bolj poglobljenega vira ali nazaj Ciljna stran, s čimer ustvarja promet. Je zelo prilagodljiv in zabaven način, da pritegnete občinstvo.

Mnogi tržniki so se že prilagodili tej vrsti infografike in se hitro prenaša. Toda hkrati mnogi še vedno vzamejo za osnovo preproste infografike:

….samo predstavljajte si, kaj vse lahko naredite z interaktivno infografiko.

Lahko poskusite:

  • Uporaba tehnik drsenja, zaradi katerih slike ali oblike izstopajo iz ozadja
  • Izdelava "pojavnih oken", ki razširijo področja besedila
  • Slike ali statistični podatki se prikažejo, ko jih kliknete
  • Svojo infografiko spremenite v več strani, ki si jih lahko ogledajo uporabniki

Za več podroben primer Za interaktivno infografiko si oglejte to:

Če želite, da bo infografika zelo interaktivna (z drsenjem, pojavnimi okni itd.), se boste morali naučiti nekaj o HTML5 ali CSS ali najeti nekoga drugega, da bo to ugotovil namesto vas.

Kljub dodatnemu trudu boste nagrajeni z edinstveno, privlačno in učinkovito vsebino.

Zakaj bi morali v bližnji prihodnosti poskušati implementirati infografiko?

  • To spodbuja vaše občinstvo, da sodeluje z vašo vsebino in jo deli.
  • To ustvarja promet (prek povezav)
  • To vašemu občinstvu dokazuje, da ste inovativni, iznajdljivi in ​​nameravate zagotoviti pravočasno in zanimivo vsebino.
  • Obstajajo plasti interaktivne infografike, zaradi katerih je njen razvoj obvladljiv

2. Vdelan video in GIF

To je drugačna vrsta infografike, ki jo danes vidimo vse pogosteje. Infografike, ki ponujajo kratke videoposnetke ali celo GIF (Graphics Interchange Format), so odličen način, da pritegnete pozornost in poskrbite, da vaša infografika izstopa iz množice. Čeprav je to omejeno s platformami, lahko svoje infografike delite v sedanjiku.

Številna preprosta orodja za infografiko, kot je Easel.ly, ponujajo možnost »Vdelan videoposnetek YouTube«, lahko pa dodate video v infografiko, ki jo ustvarite v Photoshopu, z uporabo video plasti. Powerpoint diapozitivu lahko dodate celo videoposnetek, ki ga prav tako spremenite v infografiko.

Poleg tega lahko na spletu najdete na milijone GIF-jev in jih vstavite na enak način. Ulov je v tem, da boste morali svojo infografiko razdeliti kot URL, da zagotovite, da je pravilno vdelana v vaše spletno mesto. Takih infografik ne smete distribuirati ali shranjevati v formatu .jpeg ali PDF. Brez dvoma, ko bo to postalo bolj priljubljeno, bodo na voljo druga orodja za vstavljanje videoposnetkov in GIF, ki bodo postopek še olajšala.

Toda če želite uporabiti to vrsto infografike, preden se vsi okoli vas, tudi njihovi psi, naučijo, kako to storiti, začnite zdaj z orodji, ki jih najdete na spletu.

Če ga želite dvigniti na višjo raven, lahko naredite video iz infografike, ki jo že imate. To je odlična priložnost, da vas opazijo na YouTubu, Instagramu in celo video platformah, kot so Vimeo, Snapchat in druge. Spodnji video je odličen primer, kako infografiko spremeniti v video.

Zakaj vdelati video ali GIF v infografiko?

  • To vam daje element presenečenja - ljudje ne pričakujejo, da se bo slika premaknila!
  • Je zelo zabavno in izvirno, kar poveča možnost, da bodo ljudje komunicirali in delili vašo infografiko.
  • to dober način pokažite vsem edinstvenost vaše blagovne znamke

3. Animirane infografike

Animirane infografike imajo ogromno vizualnih vzorcev in zahtevajo veliko pozornosti. Ko si uporabnik ogleda stran, običajno ne pričakuje, da se bo kaj premaknilo, zato je dobro, če se vseh teh tehnik naučite pred vsemi drugimi.

Ker so številne animirane infografike precej zapletene in lahko zahtevajo nekaj znanja o grafičnem oblikovanju, kodiranju in/ali programski opremi, so zelo cenjene.

Tukaj je primer tega, o čem govorim:

Če želite izvedeti več o ustvarjanju animirane infografike, si oglejte to infografiko podjetja Tabletop Whale. Najdete lahko tudi različne storitve, ki vam pomagajo ustvariti tovrstne infografike. Vsekakor je to eden najtežjih procesov v evoluciji infografike.

Zakaj bi morali vložiti svoj čas, energijo in/ali denar v ustvarjanje animiranih infografik?

  • Tako boste dejansko izstopali iz množice, saj nimajo vsi dostopa do te vrste programsko opremo ali vsebino
  • Čez samo nekaj let bo to nekaj običajnega - boste med prvimi, ki bodo to storili!
  • Z animacijo si bodo informacije v infografiki bolj vtisnile v spomin
  • To bo navdihnilo vaše uporabnike, da bodo sodelovali z vami.

To ni znanstvena fantastika.

To se trenutno morda sliši preveč tehnično in presega vaše zmožnosti, vendar je verjetno, da bodo tovrstne infografike v 2-3 letih postale zelo običajne. Pri animiranih infografikah in GIF-ih že lahko vidimo močan preboj, zlasti ker GIF-i še naprej postajajo vse bolj priljubljeni. Infografika postaja ena izmed najbolj uporabljanih in najpogosteje ustvarjenih vrst vsebin na internetu. Zakaj? Da, ker možgani potrebujejo le 250 milisekund, da sprejmejo in obdelajo pomen simbola.

Če povprečna oseba preživi približno 15 sekund na spletnem mestu in se nato začne dolgočasiti, potem si seveda želite na zaslonu prikazati kar koli, kar bi jo lahko zadržalo - ali vsaj prejeti sporočilo v 15 sekundah ali manj. Nekatere študije so celo dokazale, da se lahko ljudje osredotočimo na nekaj največ 8 sekund, in ta številka se vsako leto zmanjšuje.

To je razlog in morda stranski produkt naše nenehne potrebe po prejemanju informacij. Živimo v informacijski dobi in vse informacije so nam na voljo. A to pomeni tudi to več ljudi poskuša deliti sporočila in odgovoriti na vsa možna vprašanja, več proizvedene vsebine postane hrup v ozadju.

Če je današnja razpoložljivost infografik kakršen koli pokazatelj, bodo kmalu povsod. To pomeni nove spremembe v vašem delu. Nobena marketinška kampanja v zgodovini ni dosegla uspeha s ponavljanjem ene in iste stvari.

Ideja tukaj je videti infografiko kot več kot le sliko jpeg. Infografiko je mogoče prilagoditi različnim medijem in uporabljati na najrazličnejših platformah. Podjetniki in tržniki so v tem že videli potencial. In ti?

čip navidezna resničnost je, da boš drugim videti kot idiot

Googlov Cardboard Design Lab je dobra "vadnica" za začetnike oblikovalcev virtualne resničnosti

Infografika - kot pustolovska igra

Težava z Unityjem je, da ni tako enostavno narediti dobre stvari za splet.

Virtualna resničnost je kot slušalke za vaše oči

Navidezna resničnost zahteva varno okolje; vanjo ne morete iti kar na mah. To omejuje zmožnosti VR

Zaključil sejo v prvi polovici dneva Archie Tse iz The New York Timesa s provokativno temo "Zakaj NYT opravlja manj interaktivnega dela."

Delo NYT temelji na treh pravilih vizualnega pripovedovanja zgodb:

  1. Če mora bralec klikniti namesto listanja, se mora zgoditi nekaj nenavadnega.
  2. Predpostavimo, da namigov orodij in drugih učinkov lebdenja ne bo videl nihče. Če je vsebina pomembna, poskrbite, da jo bo bralec takoj videl.
  3. Če želite narediti nekaj interaktivnega, ne pozabite, da bo drago, da bo delovalo na vseh platformah.

Svojo grafiko boste morali prerisati 2- ali 3-krat, da bo delovala na namizju in mobilni napravi

Kako so ta pravila spremenila pristop NYT:

  1. Večina vizualizacij je zdaj statičnih
  2. Besedil je več
  3. Če je potrebno premikanje na sliki, se prikaže med drsenjem

(Četrta točka navaja, da še vedno opravljajo interaktivno delo. Toda zdaj mora biti razlog ZELO pomemben).

Delali smo »več korakov«. Uporabniki so se ustavili pri 3. koraku. Bralci se želijo samo pomikati, ne klikati

Archie Tse: Drsenje vs. klikanje

V zadnjih 18 tednih je Andy Kriebel vsako nedeljo zvečer objavljal infografiko in podatke, na katerih temelji na VizWiz. Naloga je, da si v ponedeljek vzamete približno eno uro časa, hitro analizirate vizualizacijo in naredite svojo različico.

V nadaljevanju objavljamo rezultate prejšnjega tedna - Suženjstvo v 21. stoletju.

#MakeoverMonday avtor Andy Kriebel. Natančen opis in interaktivno - na Andyjevem blogu:

#MakeoverMonday avtor Andy Cotgreave. Podroben opis in interaktivnost - na Andyjevem blogu:

Izvedel sem tudi, da je 51 % ljudi na svetu mlajših od mene, v Rusiji pa 63 % starejših in da moje možnosti, da trenutno umrem, niso tako velike. Številke so nenadoma prenehale biti »statistika« in so me pritegnile.

Vizualizacija podatkov - uporablja velike nabore podatkov z manj ročnega oblikovanja; na podlagi algoritmov. Na primer interaktivno delo New York Timesa.

Vizualna umetnost - enosmerno kodiranje. Čudovite, a težko razvozlane vizualizacije, kot je računalniška umetnost Kunala Ananda.

V čem je problem?

Posledica tega je, da mnoga dela pritegnejo le prefinjene uporabnike, neposvečenim bralcem pa ne omogočijo razumeti bistva problematike, s čimer je izničen namen vizualizacije - obveščanje javnosti. Zato je tako pomembno prepoznati in razumeti problem vizualne pismenosti v kontekstu vizualizacije.

Nova »vizualna slovnica« novinarstva

Tukaj so tri dela, ki eksperimentirajo z načini predstavitve interaktivnega novinarstva. Videti so impresivno, vendar je njihova interpretacija za mnoge lahko težka naloga.

Pravice gejev v ZDA, zvezna država za državo

Število virov podatkov in orodij za njihovo obdelavo, ki so danes na voljo, jasno kaže, da se še nikoli ni toliko ljudi poskušalo vživeti v svet vizualizacije podatkov. In ko je na voljo toliko materialov za študij, je samo eno vprašanje "Kje začeti?" je lahko zastrašujoče za vsakega novinca. Torej, katere knjižnice so najboljše in kaj priporočajo strokovnjaki? O tem bomo razpravljali v tem članku.

Govoriti o vizualizaciji podatkov in je ne omeniti je enako kot govoriti o zgodovini ustvarjanja osebni računalniki in ne rečem niti besede o Stevu Jobsu. D3 (iz angleščine Data Driven Documents) je brez pretiravanja najpomembnejši in dominanten na trgu. knjižnica JavaScript z odprtim izvorna koda, ki se običajno uporablja za ustvarjanje grafike SVG. SVG (iz angleščine Scalable Vector Graphics) je format vektorska slika, ki ga podpirajo spletni brskalniki, a prej malo uporabljen.

Knjižnica D3 ima velik del svoje priljubljenosti zaradi nenadnega zanimanja za SVG med spletnimi oblikovalci, kar je v veliki meri posledica tega, kako ugodna je vektorske grafike glejte na zaslonih visoke ločljivosti (zlasti na zaslonih Retina, ki se uporabljajo v naprave Apple), ki postajajo vse pogostejše.

»Bodimo iskreni, če je težava vizualizacija podatkov, ki temelji na SVG, potem je vse druge knjižnice niso niti blizu rešitve,« pravi Moritz Stefaner, neodvisni strokovnjak za vizualizacijo podatkov in lastnik podjetja Resnica in lepota. »Obstaja tudi veliko zanimivih projektov, ustvarjenih na osnovi D3, kot je NVD3, ki zagotavlja standardne grafične komponente – pripravljene za uporabo, vendar prilagodljive; ali pa recimo, da je Crossfilter preprosto izjemno orodje za filtriranje podatkov.«

Scott Murray, programer oblikovalec in avtor knjige Interaktivna vizualizacija podatkov za splet, se strinja s prejšnjim mnenjem: »D3 je izjemno zmogljiv, saj izkorišča vse, kar ponujajo brskalniki. Čeprav ima tudi Zadnja stran: Če brskalnik česa ne podpira, na primer 3D slik, ki temeljijo na WebGL (iz angleške spletne grafične knjižnice), potem D3 tega ne bo podpiral."

In čeprav je ta knjižnica resnično univerzalna, še vedno ni idealna rešitev za vsako nalogo. »Glavna pomanjkljivost knjižnice D3, tako rekoč, je, da ne predpisuje ali celo predlaga nobenega posebnega pristopa k vizualizaciji,« dodaja Scott Murray. "Torej je res orodje za nalaganje podatkov v brskalnik in nato generiranje komponent DOM na podlagi teh podatkov."

Medtem ko je D3 odlično orodje za slike po meri, če želite ustvariti standardni graf brez veliko dela na vizualnem vidiku, boste morda našli orodje, kot je Vega. Kot ogrodje, razvito na vrhu D3, Vega ponuja alternativo za prikazovanje grafičnih komponent. Z uporabo Vege lahko vizualizirate podatke v formatu JSON European Journalism Center in Data Driven Journalism project. Točni datumi tečaja še niso znani, lahko pa se že prijavite.

Udeleženci tečaja bodo v petih dneh spoznali, kaj je podatkovno novinarstvo, kako deluje in katere ključne veščine morajo obvladati, da postanejo strokovnjaki na tem področju. Ugotovite, kje iskati podatke za podporo svojih zgodb in kako poiskati nove ideje v obstoječih podatkih. Naučite se umetnosti spreminjanja dolgočasnih podatkov v privlačno zgodbo, infografiko ali celo interaktivno vizualizacijo. Seznanite se z osnovnimi načeli grafičnega oblikovanja, ki jih mora poznati novinar.

Inštruktorji tečaja so pet vodilnih svetovnih strokovnjakov za podatkovno novinarstvo in vizualizacijo.

Prihodnost vizualizacije podatkov je interaktivna.

Toda kako ustvarite resnično neverjetno interaktivno infografiko?

Infografike so povsod, v zadnjem času pa postajajo vse bolj interaktivne.

V današnjem članku bomo z vami delili skrivnosti ustvarjanja interaktivnih infografik, pa tudi povezave do uporabnih virov.

1. Razumeti psihologijo

Preden naredite infografiko interaktivno, je pomembno razumeti, zakaj jo želite narediti interaktivno.

Kot je podrobno opisano v tej infografiki, ljudje bolje zaznavajo vizualne informacije. Veliko bolj verjetno je, da bomo prebrali, razumeli in si zapomnili predstavitev, če ima privlačne vizualne elemente. je učinkovito orodje trening, lahko pa postane še boljši.

Kinetično učenje je odlična alternativa, saj se ljudje s fizičnimi aktivnostmi bolje učijo.

Zato vam bo dodajanje interaktivnosti na obetavno področje vizualizacije pomagalo ustvariti še bolj nepozabno in učinkovito infografiko.

Zaradi te kombinacije vizualnega in kinetičnega pristopa je animirana infografika vsebina prihodnosti. Seveda je pri nekaterih temah bolje, da interaktivnih elementov ne uporabljate, a v večini primerov le izboljšajo vsebino.

Gibanje dodaja pomen informacijam, omogoča uporabniku nadzor nad izkušnjo in pritegne domišljijo na način, ki ga statična infografika ne more.

2. Dodajte učinke drsenja