Kāds ir labākais veids, kā izveidot interaktīvas infografikas. Labākie piemēri interaktīvo infografiku izmantošanai galvenajās lapās

Jūs droši vien esat pamanījis milzīgas pārmaiņas tiešsaistes pasaulē no teksta satura uz vizuālo saturu.

Nevar noliegt vizuālā spēka spēku internetā un mūsu ikdienā. Vietnē YouTube un Instagram dominē vizuālais saturs; YouTube ir trešā apmeklētākā vietne tīmeklī, un Instagram katru dienu tiek publicēti vairāk nekā 80 miljoni fotoattēlu.

Emuāra ziņas un raksti ir par 80% vairāk "patērējami", ja tiem ir krāsaini attēli, virsraksti vai sīktēli, un cilvēki vietnē pavadīs ne vairāk kā 15 sekundes, ja tā nepiesaista viņu uzmanību jau no pirmajām sekundēm.

Infografikas ir iecienītas auditorijas un pārdevēju vidū, un mūsdienās tās ir par 800% interesantākas nekā 2012. gadā.

Turklāt saturs tiek veidots satraucošā ātrumā — 60% mārketinga speciālistu katru dienu izveido vismaz nelielu daļu jauna satura! Vairāk varat uzzināt pārskata rakstā.

Arvien vairāk cilvēku veidojot saturu, kaut kas kļūst skaidrs: lai būtu redzams, ir jāizceļas.

Protams, satura mārketinga speciālisti jau domā par vizuālā satura nākotni, izdomā, ko viņi var darīt tagad, ko viņi var darīt un kādas jaunas tehnoloģijas jau ir pie apvāršņa. Šāda veida domāšana uz priekšu ir tas, kas var padarīt vai pārtraukt visus jūsu satura mārketinga centienus; tev jāpielāgojas, citādi tu noslīksi.

Izmantojot vizuālo saturu, piemēram, infografiku, mārketinga speciālisti ir unikālā stāvoklī, lai redzētu nākotni, kad tā tuvojas. Uzņēmumi, grafiskie dizaineri un mārketinga speciālisti sāk izmantot infografikas — tās atjaunina, lai padarītu tās vēl pievilcīgākas auditorijai. Pat ja jūs jau regulāri “tikai ievietojat” infografikas, nekad nav par agru uzzināt par tendencēm, kas tikai sāk attīstīties, tāpat kā nav par agru uzzināt, kā tās ieviest savās satura mārketinga stratēģijās.

Ja vēlaties ieskatīties nākotnē un varbūt pat iemācīties dažus trikus pirms visiem pārējiem, tagad ir īstais laiks!

Šeit ir trīs infografiku veidi, kas (tuvākajā) nākotnē būs visizplatītākie.

Ja meklējat foršu infografikas rīku, iesaku apskatīt Visme. Iesācējiem tie piedāvā bezmaksas kontu un lieliskas, ērtas funkcijas cilvēkiem, kas nav saistīti ar dizainu. Tagad varat iegūt bezmaksas kontu.

1. Interaktīvas infografikas

Lai gan mēs redzam interaktīvo vietņu un ērti lietojamu spēļu skaistumu, interaktīvās infografikas joprojām ir diezgan jaunas savā jomā. Tāpat kā infografikas, tās acīmredzami satur zināmu informāciju, un tās parasti ir dinamiskas. Bet interaktīvo elementu izmantošana sniedz lietotājiem iespēju sazināties ar informāciju un izveidot savu.

Neatkarīgi no jūsu uzņēmuma, produkta, pakalpojuma vai ziņojuma varat izveidot interaktīvas infografikas, kas ļauj cilvēkiem novērtēt sevi (piemēram, “Aprēķiniet savu ĶMI šeit”). Lietotāji var arī noklikšķināt uz atbilstošās informācijas, kas viņus novirzīs uz precīzāk atlasītu resursu vai atpakaļ uz galveno lapu, tādējādi ģenerējot trafiku. Tas ir ļoti pielāgojams un jautrs veids, kā piesaistīt auditoriju.

Daudzi mārketinga speciālisti jau ir pielāgojušies šāda veida infografikām, un tā tiek ātri nodota tālāk. Bet tajā pašā laikā daudzi tomēr ņem par pamatu vienkārša infografika:

.... iedomājieties, ko vēl varat darīt ar interaktīvo infografiku.

Varat mēģināt:

  • Izmantojot ritināšanas paņēmienus, kas attēlus vai formas izceļ no fona
  • Veidojiet uznirstošos logus, kas paplašina teksta apgabalus
  • Peldoši attēli vai statistika, noklikšķinot uz tiem
  • Jūsu infografikas pārvēršana vairākās lapās, kuras lietotāji var skatīt

Vairāk detalizēts piemērs interaktīva infografika, apskatiet šo:

Lai padarītu savu infografiku ļoti interaktīvu (ar ritināšanu, uznirstošajiem logiem utt.), jums būs jāiemācās nedaudz par HTML5 vai CSS vai jānoalgo kāds cits, lai to izdomātu jūsu vietā.

Neskatoties uz papildu pūlēm, jūsu atlīdzība būs unikāla, saistoša un efektīva satura daļa.

Kāpēc tuvākajā laikā vajadzētu mēģināt ieviest infografiku?

  • Tas mudina jūsu auditoriju iesaistīties un dalīties ar jūsu saturu.
  • Tas rada trafiku (izmantojot saites)
  • Tas pierāda auditorijai, ka esat novatorisks, atjautīgs un apņēmies nodrošināt savlaicīgu un saistošu saturu.
  • Ir interaktīvas infografikas līmeņi, kas virza tās attīstību.

2. Iegultais video un GIF

Šis ir vēl viens infografikas veids, ko mūsdienās redzam arvien biežāk. Infografikas, kas piedāvā īsus video vai pat GIF (Graphics Interchange Format) ir lielisks veids, kā piesaistīt uzmanību un izcelt savu infografiku no pūļa. Lai gan tas ierobežo platformas, jūs varat kopīgot savu infografiku reāllaikā.

Daudzi vienkārši infografikas rīki, piemēram, Easel.ly, piedāvā opciju “Iegultais YouTube video”, vai arī varat pievienot video infografikai, ko izveidojat programmā Photoshop, izmantojot video slāni. Varat pat pievienot video Powerpoint slaids ko varat arī pārvērst infografikās.

Turklāt tīklā varat atrast miljoniem GIF un ievietot tos tādā pašā veidā. Galvenais ir tas, ka jums būs jāizplata sava infografika kā URL, lai pārliecinātos, ka tā ir pareizi iegulta jūsu vietnē. Jūs nedrīkstat izplatīt vai saglabāt šādas infografikas .jpeg vai PDF formātā. Neapšaubāmi, tā kā tas kļūst arvien populārāks, būs arī citi video un GIF ievietošanas rīki, lai padarītu procesu vēl vienkāršāku.

Bet, ja vēlaties izmantot šāda veida infografikas, pirms visi citi, pat viņu suņi, iemācās to darīt, sāciet ar tiešsaistē atrodamajiem rīkiem.

Ja vēlaties to pacelt uz nākamo līmeni, varat izveidot video no jau esošās infografikas. Šī ir lieliska iespēja būt redzamam pakalpojumā YouTube, Instagram un pat tādās video platformās kā Vimeo, Snapchat un citās. Tālāk redzamais video ir lielisks piemērs tam, kā infografiku pārvērst video.

Kāpēc infografikā iegult video vai GIF?

  • Tas sniedz pārsteiguma elementu – cilvēki negaida, ka attēls sāks kustēties!
  • Tas ir ļoti jautri un oriģināli, kas palielina iespēju, ka cilvēki mijiedarbosies un dalīsies ar jūsu infografiku.
  • Šis labs veids parādiet ikvienam sava zīmola unikalitāti

3. Animētas infografikas

Animētajām infografikām ir ļoti daudz vizuālo modeļu, un tām ir jāpievērš liela uzmanība. Kad lietotājs apskata lapu, viņš parasti negaida, ka kaut kas pārvietosies, tāpēc ir ieteicams apgūt visas šīs metodes, pirms to dara visi citi.

Sakarā ar to, ka daudzas animētas infografikas ir diezgan sarežģītas, un tām var būt nepieciešamas dažas Grafiskais dizains, kodēšanas un/vai programmatūras zināšanas, tās tiek augstu novērtētas.

Šeit ir piemērs tam, par ko es runāju:

Ja vēlaties uzzināt vairāk par to, kā izveidot animētas infografikas, skatiet šo infografiku no Tabletop Whale. Jūs varat arī atrast dažādi pakalpojumi kas palīdz izveidot šāda veida infografikas. Jebkurā gadījumā šis ir viens no grūtākajiem procesiem infografikas evolūcijā.

Kāpēc jums vajadzētu tērēt savu laiku, enerģiju un/vai naudu, veidojot animētas infografikas?

  • Tas jūs faktiski atšķirs no pūļa, jo ne visiem ir pieejams šāda veida pakalpojums programmatūra vai saturu
  • Pēc pāris gadiem tas būs ikdiena – būsi viens no pirmajiem, kas to izdarīs!
  • Animācija padarīs informāciju infografikā neaizmirstamāku
  • Tas iedvesmos jūsu lietotājus sadarboties ar jums.

Tas viss nav zinātniskā fantastika.

Tas var izklausīties pārāk tehniski un šķist kaut kas jums nepieejams, taču, visticamāk, šāda veida infografikas kļūs ļoti izplatītas pēc 2-3 gadiem. Jau tagad redzam spēcīgu izrāvienu animēto infografiku un GIF infografiku jomā, jo īpaši tāpēc, ka GIF popularitāte turpina pieaugt. Infografikas kļūst par vienu no visvairāk patērētajiem un visbiežāk veidotajiem satura veidiem internetā. Kāpēc? Jo smadzenēm ir vajadzīgas tikai 250 milisekundes, lai saņemtu un apstrādātu simbola vērtību.

Ja vidusmēra cilvēks vietnē pavada apmēram 15 sekundes un pēc tam sāk garlaikoties, tad, protams, jūs vēlēsities izvilkt visu, kas viņu varētu aizkavēt, vai vismaz saņemt ziņojumu 15 sekundēs vai ātrāk. Daži pētījumi pat ir pierādījuši, ka cilvēki var koncentrēties uz kaut ko ne vairāk kā 8 sekundes, un šis skaitlis ar katru gadu samazinās.

Tas ir iemesls un, iespējams, mūsu pastāvīgās informācijas nepieciešamības blakusprodukts. Mēs dzīvojam informācijas laikmetā un visa informācija mums ir pieejama. Taču tas nozīmē arī to, ka jo vairāk cilvēku cenšas dalīties ar ziņojumiem un atbildēt uz visiem iespējamiem jautājumiem, jo ​​vairāk radītā satura kļūst par fona troksni.

Ja šodien infografiku pieejamība ir rādītājs, tad drīz tās būs visur. Tas nozīmē jaunas izmaiņas jūsu darbā. Neviena mārketinga kampaņa vēsturē nav bijusi veiksmīga, visu laiku darot vienu un to pašu.

Ideja ir infografikā redzēt vairāk nekā tikai jpeg attēlu. Infografikas var pielāgot dažādas vides un to var izmantot dažādās platformās. Uzņēmēji un tirgotāji jau ir saskatījuši šajā potenciālu. Un tu?

Dažu pēdējo gadu laikā infografika ir attīstījusies no statiskiem attēliem uz bagātīgu interaktīvu pieredzi ar animācijas un video elementiem, kas pielāgoti unikālam saturam. Tas vairs neaprobežojas tikai ar iepriekš izveidotām vispārīgām veidnēm. Un šodienas kolekcijā ir labākās infografikas, lai parādītu, kā izskatās interesanta un informatīva pieredze.

Lielākā daļa infografiku šajā sarakstā ir atlasītas rādīšanai Dažādi ceļi ar ko dizaineri pieiet datu vizualizācijai. Tomēr šeit ir arī vairāki “hibrīdi”, kas ilustrē līniju izplūšanu starp infografiku un bagātīgu multivides pieredzi, vienlaikus radot saistošu saturu un pārliecinošus stāstus galvenajās lapās. Atkāpe no tradicionālās formas nozīmē, ka mēs ieejam sarežģītākā mediju vidē, un tieši šāda veida eksperimentēšana ar tehnoloģijām un stāstu stāstīšanu būs izšķiroša nozīme grafiskā dizaina nākotnes veidošanā.

1. Vēju karte

Vēja karte ir iespaidīgs dizains, kas parāda vēja virzienu un ātrumu virs ASV. Šim dizainam ir māksliniecisks, nevis utilitārs mērķis, un tas ir lieliski: ir ļoti patīkami vienkārši sēdēt un skatīties, kā tievie pavedieni vijas ap karti. Vienkāršs, bet labi pārdomāts piemērs tam, kā infografikas, kas parāda formu ceļus, gūst labumu no animācijas un kustības grafikas.

2. Lidojumā

2014. gadā The Guardian laida klajā In Flight infografiku, kurā redzami reāllaika dati par komerclidojumiem (šķiet, ka šobrīd informācija netiek atjaunota, par ko žēl), kā arī aviācijas vēstures nodarbību. Pieklusinātās sarunas starp lidojumu apkalpēm interaktīvās izrādes sākumā rada īpašu atmosfēru. Šķiet, ka mūsdienās infografikas pamazām pārvēršas kino pieredzē. Vismaz "Lidojumā" norāda uz šo virzienu...

3. Sastādiet mēness numuru

Dial A Moon infografikā nekas daudz nenotiek, taču tas kalpo savam mērķim diezgan labi. 2015. gadā, pateicoties NASA, Mēness fāzes infografika tika atjaunināta katru stundu, un jūs nevarat doties uz Google, lai meklētu šo noslēpumaino informāciju. Tagad varat apskatīt attēlus, manuāli ievadot mēnesi, dienu un laiku.

4. Diena ar Plutonu

Žurnāls Nature publicē daudz interesantu infografiku savai zinātni ieinteresētajai auditorijai. Starp tiem bija viens par slaveno kosmosa kuģa lidojumu netālu no Plutona (24 Hours Of Pluto). Infografika ietvēra daudz tekstuālas informācijas, bet vizuālie materiāli sniedza vieglu izpratni par interesantāko, sākot no pundurplanētas uzbūves un beidzot ar tās pavadoņu veidošanos. Tagad internetā pieejama teksta daļa, kā arī divi animēti video no infografikas.

5. Kā mainījās amerikāņu mājas

Dodieties ceļojumā cauri lielajam amerikāņu sapnim, kas atspoguļojas māju stilu evolūcijā. Šī labi ilustrētā infografika ļauj sēsties pie automašīnas stūres (arī mainot tās izskatu, ritinot, lai sekotu laikmetam) un pārvietoties no 1900. gadiem līdz 2000. gadiem, braucot garām populārām ēkām gadu desmitiem. Pa ceļam jūs sastapsities ar daudz noderīga materiāla (tostarp tā laika sociālpolitiskajiem apstākļiem, kā arī modes tendencēm), un tas viss beidzas ar jautājumu, kas mudina iztēloties Amerikas mājas nākotni. Decades Of American Homes infografika ir lielisks horizontālās ritināšanas piemērs, un tā ir piemērota šeit.

6. Mārketinga analītikas attīstība

Savā Evolution of Insight infografikā viedais lietotāju izpētes uzņēmums Vision Critical izseko mārketinga tehnoloģiju tirgus attīstībai visā pasaulē no 1890. gadiem līdz mūsdienām. Tas darbojas līdzīgi infografikai How American Homes Changed, un tādējādi ļauj salīdzināt interaktīvās laika skalas izmantošanas efektivitāti diviem ļoti atšķirīgiem stāstiem. Infografikas Decades Of American Homes priekšrocība ir tā, ka māju apskate braukšanas laikā ir daudz intuitīvāka nekā ceļošana ar lielisko amerikāņu analīzi. Labas infografikas tiek veidotas, paturot prātā saturu, nevis ap to.

7. LGBT kopienas tiesības visā pasaulē

The Guardian ieņem citu vietu mūsu sarakstā ar šo eleganto infografiku, kas izskaidro LGBT tiesību juridisko situāciju dažādos jautājumos (laulība, diskriminācija darba vietā, naida noziegumi utt.) visās pasaules valstīs. Pārvietošanās pa pusloku nodrošina ātru un vienkāršu veidu, kā salīdzināt statistiku starp dažādas valstis un infografikas kompozīcija saglabā globālo statusu priekšplānā centrā. Šeit ir arī spēcīgs aicinājums uz darbību, kura mērķis ir pārvarēt plaisu starp vienkāršu izpratni un aktīvismu.

8. Nevienlīdzība ir labojama

Vēl viens lielisks interaktīvās infografikas piemērs, Nevienlīdzība ir labojama, aicina auditoriju iedziļināties problēmā, padarot to dziļi personisku. Skatītājam ir garantēts, ka viņš nezaudēs interesi par materiālu, kurā viņš vai viņai stāsta, cik un kāpēc viņa priekšnieks ir par maz atalgots. Padarot lietotāju par daļu no stāsta, izstrādātāji rosina zinātkāri un palīdz lietotājam veikt visas nepieciešamās darbības līdz aicinājumam uz darbību (Call-To-Action) beigās.

"Mēs ļaujam tam notikt — kā mēs varam to tagad labot?"

9. Uzzīmējiet sevi: kā mājsaimniecības ienākumi paredz bērna iespējas doties uz koledžu

Daudzas no šajā sarakstā iekļautajām infografikām izmanto animāciju un interaktivitāti, lai nodrošinātu bagātīgu pieredzi. Vizuāli šī The New York Times infografika (You Draw It: How Family Income Predicts Children's College Chances) atbilst klasiskajam diagrammu formātam, taču tajā tiek izmantots arī ieskats lietotāju uzvedībā, lai paplašinātu infografikas dizaina jomu, piemēram, proaktīvu un interaktīvu. vizualizācija. Aicinot lasītājus uzzīmēt savu līkni, viņi ievieš pašlabuma elementu un tādējādi sniedz cilvēkiem patiešām vērtīgu informāciju.

Nav sliktākais rezultāts! Vertikālā ass ir to bērnu procentuālā daļa, kuri mācās koledžā. Horizontālā ass - vecāku ienākumu procentile

10. Kā mirst amerikāņi

Izņemot titulattēlu, šajā piemērā satura renderēšanai galvenokārt tiek izmantotas vecmodīgas diagrammas. Bet tas nepavisam nav garlaicīgi, jo lietotāji var patstāvīgi pārvietoties pa datiem, pārvietojot kursoru pa diagrammām. Tādējādi ir daudz vienkāršāk salīdzināt, piemēram, ar pašnāvībām saistīto nāves gadījumu skaitu 70. gados un mūsdienās (mājiens: tagad tas pieaug), statiskā diagramma to nedarītu tik precīzi.

11.

Kopš debijas Project Snowfall, kas izpelnījās ikviena uzmanību un atzinību, New York Times ir saglabājis savu reputāciju kā progresīvā multimediju žurnālistika. Izdevēju komanda izmanto infografikas dizaina un padziļinātas stāstu kombinācijas, lai radītu iespaidīgi saistošu pieredzi. Viņiem ir spilgtāki piemēri, bet The Russia Left Behind ir darbs, kas izraisījis zināmu rezonansi. Infografika darbojas kā interaktīva tūre pa Krieviju (jūs veicat ceļu kartē).

12. Bonda automašīnas

Ja kādreiz vēlies iepazīt Džeimsa Bonda vēsturi, aplūkojot viņa automašīnas, tad paldies britu auto tirgotājam Evansam Halšovam – viņš tev tādu iespēju deva. Tās interaktīvā Bond Cars infografika ļauj izpētīt katras Bond automašīnas modeli un dizainu, kā arī dažus papildu interesanti fakti... Izmantojot visuresošo slīdņa taktiku, jūs varat arī "atklāt" automašīnu visā tā metāliskajā krāšņumā (pēc noklusējuma tiek piešķirts tikai viens krāsu raksts). Tā autori radoši atrisināja problēmu par nepieciešamību iekļaut fotogrāfijas, kas ne visai atbilst infografikas estētikai.

13. Kustību krāsas

The Colors Of Motion ir infografiku sērija, kas analizē filmas tikai pēc to krāsu paletes, kas iegūta no visu kadru kombinācijas. Ja esat kādreiz domājis, tagad jums ir atbilde. Vai nevarat atrast nosaukumu datubāzē? Vienkārši nosūtiet ziņojumu izstrādātājiem - viņi pieņem pieprasījumus.

14. Karaļu kaps Peru

Vietnē National Geographic ir diezgan iespaidīga kolekcija, ko viņi to sauc par "interaktīvo grafiku" (no kuriem lielākajai daļai ir pievienoti detalizēti tekstuāli apraksti, piemēram, Trajana kolonnas gadījumā), taču mēs izvēlējāmies šo salīdzinoši vienkāršo piemēru, lai izceltu, kuras metodes ir patiešām efektīvas interaktīvās infografikās. "The Royal Wari Tomb" (Peru's Royal Wari Tomb) atklāj to laiku muižnieces apbedīšanas īpatnības. Fokuss pāriet no mūmijas uztīšanas uz tās dekorāciju un novietojumu. Sadalot informāciju mazos gabaliņos un ļaujot lietotājam pārvietoties starp tiem, interaktīvā grafika ļauj izvairīties no vismānīgākajām kļūmēm: datu pārslodzes un vizuālie efekti... Turklāt katra nākamā mijiedarbība paplašina pieredzi, padarot to daudz vērtīgāku nekā tad, ja viss tiktu pasniegts uzreiz. Mūsu smadzenēs ir mehānisms, kas noraida nomācošus stimulus, un dotais tips mijiedarbība kļūst par lielisku risinājumu lietotājam, atvieglojot informācijas uzņemšanu.

15. Kas ir Skotijas referendums? Paskaidrojums tiem, kas nav briti

The Guardian, tāpat kā New York Times, paļaujas uz multimediju žurnālistiku, un viņu video tiek galā ar vienu no galvenajām infografikas funkcijām: piešķirt apjomīgai informācijai pieņemamu formu. Daudziem no mums ārpus Apvienotās Karalistes referendums ir ļoti mulsinošs temats. Par laimi, šis video (Skotijas referenduma skaidrojums ne-britiem) palīdz ātri uzzināt par viņu svarīgi aspekti neprasot dziļu ienirt vēsturē.

16. Sabiedrības veselība

Atlantijas okeānam tika uzdots izstrādāt vīziju par sabiedrības veselības uzlabošanu. Tā uzdeva Truth Labs pārveidot trīsdaļīgo rakstu sēriju par iedzīvotāju veselību digitālā stāstu stāstā. Mākslinieka galvenais mērķis bija saglabāt dabisku dokumenta ritināšanu un lietotāja parasto lasīšanas pieredzi, vienlaikus radot pieredzi, kas atšķiras no vizuālās perspektīvas. Viņi aizņēmās no kinematogrāfijas rīkus un stratēģijas, lai īstenotu savu redzējumu, bet koncentrējās arī uz dizaina principu kopumu, lai atbalstītu lasāmību kā galveno noteikumu.

17. Joho graudi

Austrijas kafijas automāts Joho "s radīja iespaidīgu multimediju pieredzi Joho's Bean, lai pastāstītu par kafijas pupiņu izcelsmi. Stāstījums harmoniski apvieno audio, video un fotogrāfiju materiālus, kas iesaista gandrīz visas lietotāja maņas. Jūs dzirdat čivināšanu. putnu skaņas, maisos saliktu grauzdētu kafijas pupiņu skaņas un pilsētas rosīgo ielu un satiksmes troksnis.

Joho's ved jūs ceļojumā, izskaidrojot savu kafijas pupiņu izcelsmi

18.Sākotnējais ceļš

Mežonīgais ceļš ir interaktīvs eksperiments, ceļojumu stāsts, kas ģenerēts ar Canvas. Galvenais elements ir karte, kas, ritinot lapu, animē ceļu kartē. Projekts var nedarboties visās pārlūkprogrammās. Bet tam ir pievienots pavadošais raksts, kurā ir izskaidrotas visas infografiku veidošanas aizkulises.

19.

The Guardian (tiešraides vēlēšanu rezultāti) atspoguļojums par 2016. gada ASV prezidenta vēlēšanām ienesa jautru elementu nopietnajā jautājumā par procentiem un vēlēšanu iecirkņiem. Interaktīvā infografika izsekoja balsojumus četros štatos. Pēc noklusējuma grafikā tika rādīti rezultāti par visu valsti, un, ja lietotājs novietoja kursoru virs jebkura apgabala kartē, tika parādīts, kādus skaitļus kandidāti tur ierakstīja. Prezidenta kandidāti tika pasniegti kā smieklīgi pikseļu iemiesojumi. Tā kā infografika tika atjaunināta tiešraidē, mazie vīriņi tonēja štatus, kuros uzvarēja. Laiku pa laikam burbulī blakus kandidātam parādījās kandidāta citāts.

Vēlēšanu rezultātu atspoguļojums reāllaikā

Datu vizualizācijas nākotne ir interaktivitāte.

Bet kā izveidot patiesi satriecošu interaktīvu infografiku?

Infografikas ir visuresošas un pēdējā laikā kļūst arvien interaktīvākas.

Šodienas rakstā mēs dalīsimies ar jums interaktīvu infografiku izveides noslēpumos, kā arī saitēm uz noderīgiem resursiem.

1. Izprast psiholoģiju

Pirms izveidot interaktīvu infografiku, ir svarīgi saprast, kāpēc vēlaties, lai tā būtu.

Kā norādīts šajā infografikā, cilvēki vizuālo informāciju uztver labāk. Mēs daudz biežāk lasām, sapratīsim un iegaumēsim prezentāciju, ja tajā ir ietverti saistoši vizuālie materiāli. ir efektīvs līdzeklis mācīšanās, bet tā var kļūt vēl labāka.

Kinētiskā mācīšanās ir lieliska alternatīva, jo cilvēki labāk absorbē informāciju, veicot fiziskas darbības.

Tāpēc ir jāpievieno interaktivitāte daudzsološā joma vizualizācijas var palīdzēt izveidot vēl neaizmirstamāku un efektīvāku infografiku.

Šī vizuālo un kinētisko pieeju kombinācija padara animētu infografiku par nākotnes saturu. Protams, dažām tēmām interaktīvos elementus labāk neizmantot, taču vairumā gadījumu tie tikai uzlabos saturu.

Kustība piešķir informācijai nozīmi, ļauj lietotājam manipulēt ar pieredzi un piesaista iztēli tā, kā to nespēj statiskā infografika.

2. Pievienojiet ritināšanas efektus

Virtuālās realitātes viltība ir tāda, ka citiem tu izskatīsies pēc idiota.

Google Cardboard Design Lab ir laba “pamācība” topošajiem virtuālās realitātes dizaineriem

Infografika ir kā piedzīvojumu spēle

Vienotības problēma ir tā, ka tīmeklī nav viegli izdarīt labu lietu.

Virtuālā realitāte jūsu acīm ir kā austiņas

Virtuālajai realitātei ir nepieciešama droša vide, jūs nevarat tajā iedziļināties ceļā. Tas ierobežo VR iespējas

Sesiju noslēdza no rīta Arčijs tse no The New York Times ar provokatīvu tēmu “Kāpēc NYT darbojas mazāk interaktīvi”.

NYT darbs ir balstīts uz trim vizuālās stāstīšanas noteikumiem:

  1. Ja lasītājam jāklikšķina, nevis jāritina, tad jānotiek kaut kam neparastam.
  2. Pieņemsim, ka rīka padomus un citus kursora efektus neviens nekad neredzēs. Ja saturs ir svarīgs, izveidojiet to tā, lai lasītājs to redzētu uzreiz.
  3. Ja vēlies kaut ko padarīt interaktīvu, atceries – būs dārgi panākt, lai tas darbotos visās platformās.

Jums būs jāpārzīmē grafika 2 vai 3 reizes, lai viss darbotos gan galddatorā, gan mobilajā ierīcē

Kā šie noteikumi mainīja NYT pieeju:

  1. Lielākā daļa atveidojumu tagad ir statiski
  2. Vairāk tekstu
  3. Ja attēlā nepieciešama kustība, tā parādās ritināšanas laikā

(Ceturtais punkts saka, ka viņi joprojām veic interaktīvu darbu. Bet tagad iemeslam vajadzētu būt ĻOTI jēgpilnam).

Mēs veicām "daudzpakāpju" darbības. Lietotāji apstājās pie 3. darbības. Lasītāji vēlas tikai ritināt, nevis klikšķināt

Arčijs Tse: Ritināšana pret noklikšķinot

18 nedēļas Endijs Krībels katru svētdienas vakaru VizWiz publicē infografikas un datus. Uzdevums ir pirmdienas laikā atvēlēt apmēram stundu laika, ātri analizēt vizualizāciju un izveidot savu versiju.

Zemāk publicējam pagājušās nedēļas rezultātus - Verdzība XXI gs.

#MakeoverMonday autors Endijs Krībels. Detalizēts apraksts un interaktīvi - Endija emuārā:

#MakeoverMonday autors Endijs Kotgrīvs. Detalizēts apraksts un interaktīvs - Endija blogā:

Es arī uzzināju, ka 51% cilvēku pasaulē ir jaunāki par mani un 63% Krievijā ir vecāki, un ka manas iespējas nomirt šobrīd nav tik lielas. Skaitļi pēkšņi pārstāja būt "statistika" un mani smagi skāra.

Datu vizualizācija - izmanto lielas datu kopas ar mazāku skaitu paštaisīts pār dizainu; pamatojoties uz algoritmiem. Piemēram, interaktīvais New York Times darbs.

Vizuālās mākslas - vienvirziena kodēšana. Skaistas, bet grūti atšifrējamas vizualizācijas, piemēram, Kunal Anand skaitļošanas māksla.

Kāda ir problēma?

Rezultātā daudzi darbi piesaista tikai izsmalcinātus lietotājus, bet neļauj nezinātājiem izprast jautājuma būtību, tādējādi kaitējot vizualizācijas mērķim - informēt sabiedrību. Tāpēc ir tik svarīgi izprast un izprast vizuālās pratības problēmu vizualizācijas kontekstā.

Jauna žurnālistikas "vizuālā gramatika".

Šeit ir trīs piemēri, kas eksperimentē ar interaktīvās žurnālistikas prezentēšanas veidiem. Tie izskatās iespaidīgi, taču to interpretācija daudziem var būt biedējošs uzdevums.

Geju tiesības Amerikas Savienotajās Valstīs, pa štatiem

Mūsdienās pieejamo datu avotu un to apstrādes rīku skaits jau pats par sevi skaidri parāda, ka tik daudzi cilvēki nekad nav mēģinājuši iejusties datu vizualizācijas pasaulē. Un, kad ir tik daudz materiālu, kas ir pieejami studijām, ir tikai viens jautājums "Kur sākt?" var nobiedēt katru iesācēju. Tātad, kādas ir labākās bibliotēkas un ko profesionāļi iesaka? Tas būs šī raksta tēma.

Runāt par datu vizualizāciju, to nepieminot, ir tas pats, kas runāt par personālo datoru vēsturi, nerunājot ne vārda par Stīvu Džobsu. D3 (Data Driven Documents) bez pārspīlējuma ir vissvarīgākā un dominējošā atvērtā pirmkoda JavaScript bibliotēka tirgū, ko parasti izmanto SVG grafikas veidošanai. SVG (Scalable Vector Graphics) savukārt ir formāts vektora attēls, ko atbalsta tīmekļa pārlūkprogrammas, bet iepriekš maz izmantots.

D3 bibliotēkas popularitāte lielā mērā ir saistīta ar pēkšņo tīmekļa dizaineru interesi par SVG, kas lielā mērā ir saistīta ar uzvaras gūšanu. vektorgrafika skatieties augstas izšķirtspējas ekrānos (jo īpaši tīklenes displejos, ko izmanto Apple ierīces), kas kļūst arvien izplatītāki.

"Būsim godīgi, ja uzdevums ir uz SVG balstīta datu vizualizācija, tad visas pārējās bibliotēkas nebija pat tuvu tam, lai to atrisinātu," saka Morics Stefaners, neatkarīgs datu vizualizācijas eksperts un uzņēmuma īpašnieks. Patiesība un skaistums... “Ir arī diezgan daudz interesantu uz D3 balstītu projektu, piemēram, NVD3, kas nodrošina standarta grafikas komponentus — gatavus lietošanai, bet pielāgojamus; vai, teiksim, Crossfilter ir vienkārši izcils datu filtrēšanas rīks.

Skots Marejs, programmētājs-dizaineris un grāmatu autors Interaktīva datu vizualizācija tīmeklim, piekrītu iepriekšējam viedoklim: “D3 ir ārkārtīgi spēcīgs, jo izmanto visu, ko piedāvā pārlūkprogrammas. Lai gan tam ir mīnuss: ja pārlūkprogramma kaut ko neatbalsta, piemēram, 3D attēlus, kuru pamatā ir WebGL (no angļu Web Graphics Library), tad arī D3 to neatbalstīs.

Un, lai gan šī bibliotēka ir patiesi universāla, tā joprojām nav ideāls risinājums jebkuram uzdevumam. "Galvenais D3 bibliotēkas trūkums, tā sakot, ir tas, ka tā nenosaka vai pat neiesaka nekādu īpašu renderēšanas pieeju," piebilst Skots Marejs. "Tātad tas patiešām ir rīks datu ielādei pārlūkprogrammā un pēc tam DOM komponentu ģenerēšanai, pamatojoties uz šiem datiem."

Lai gan D3 ir lielisks rīku komplekts pielāgotiem attēliem, ja vēlaties izveidot standarta grafiku bez liela vizuāla darba, izmantojiet tādu rīku kā Vega... Kā uz D3 balstīta sistēma Vega nodrošina alternatīvu grafisko komponentu attēlošanai. Izmantojot Vega, varat vizualizēt JSON datus Eiropas Žurnālistikas centru un Data Driven Journalism projektu. Precīzi kursu norises datumi vēl nav zināmi, taču reģistrēties var jau tagad.

Piecu dienu laikā kursu dalībnieki varēs uzzināt, kas ir datu žurnālistika, kā tā darbojas un kādas galvenās prasmes jāapgūst, lai kļūtu par šīs jomas speciālistu. Uzziniet, kur meklēt datus, lai atbalstītu jūsu plānus, un kā datos atrast jaunas idejas. Apgūstiet mākslu pārvērst garlaicīgus datus pārliecinošā stāstā, infografikā vai pat interaktīvā vizualizācijā. Iepazīsties ar grafiskā dizaina pamatprincipiem, kas jāzina žurnālistam.

Kursu pasniedzēji ir pieci no pasaulē vadošajiem ekspertiem datu žurnālistikas un vizualizācijas jomā.