Milline on parim viis interaktiivse infograafika tegemiseks. Sihtlehtede interaktiivse infograafika parimad kasutusviisid

Olete ilmselt märganud võrgumaailmas tohutut nihet tekstipõhiselt sisult visuaalsele sisule.

Ei saa eitada visuaalide jõudu Internetis ja meie igapäevaelus. YouTube'is ja Instagramis domineerib visuaalne sisu; YouTube on veebis kõige enam külastatud sait, kus iga päev postitatakse Instagrami üle 80 miljoni foto.

Blogi postitused ja artiklid on 80% rohkem tarbitavad, kui neil on värvilised pildid, päised või pisipildid, ja inimesed veedavad saidil mitte rohkem kui 15 sekundit, kui see ei köida nende tähelepanu esimestest sekunditest.

Infograafika on publiku ja müüjate lemmik ning tänapäeval on see inimestele 800% huvitavam kui 2012. aastal.

Pealegi luuakse sisu murettekitava kiirusega - 60% turundajatest loovad iga päev vähemalt väikese osa uuest sisust! Lisateavet saate ülevaateartiklist.

Kuna üha rohkem inimesi loovad sisu, on midagi selgumas: selleks, et teid näha saaks, peate silma paistma.

Loomulikult mõtlevad sisuturundajad juba visuaalse sisu tulevikule, selgitades välja, mida nad saavad praegu teha, mida nad saavad teha ja millised uued tehnoloogiad on juba silmapiiril. Selline edasiviiv mõtlemine on see, mis võib teie sisuturundustegevust teha või murda; peate kohanema, vastasel juhul uppute.

Visuaalse sisuga, näiteks infograafikaga, on turundajatel ainulaadne positsioon näha tulevikku, kui see läheneb. Ettevõtted, graafilised disainerid ja turundajad on kõik hakanud kasutama infograafikat - uuendades seda, et muuta see oma vaatajaskonna jaoks veelgi köitvamaks. Isegi kui te juba regulaarselt „lihtsalt postitate” infograafikat, pole kunagi liiga vara teada saada suundumustest, mis alles hakkavad arenema, nagu pole veel liiga vara teada, kuidas neid oma sisuturundusstrateegiates rakendada.

Kui soovite vaadata tulevikku ja võib -olla isegi enne mõnda teist mõne triki selgeks saada, on nüüd õige aeg!

Siin on kolm tüüpi infograafikat, mis on (lähitulevikus) kõige levinumad.

Kui otsite lahedat infograafikutööriista, soovitan vaadata Vismet. Alustuseks pakuvad nad tasuta kontot ja suurepäraseid käepäraseid funktsioone mitte-disainiga inimestele. Nüüd saate tasuta konto.

1. Interaktiivne infograafika

Kuigi näeme interaktiivsete veebisaitide ja hõlpsasti kasutatavate mängude ilu, on interaktiivsed infograafikud oma valdkonnas veel üsna uued. Nagu infograafika, sisaldavad need ilmselgelt teatud teavet ja on tavaliselt dünaamilised. Kuid interaktiivsete elementide kasutamine annab kasutajatele võimaluse ühendada teavet ja luua oma.

Olenemata teie ettevõttest, tootest, teenusest või sõnumist saate luua interaktiivseid infograafikuid, mis võimaldavad inimestel end hinnata (näiteks „Arvutage oma KMI siin”). Kasutajad saavad klõpsata ka asjakohasel teabel, mis saadab need põhjalikumalt sihitud ressurssi või tagasi sihtlehele, tekitades seeläbi liiklust. See on väga kohandatav ja lõbus viis oma publiku kaasamiseks.

Paljud turundajad on seda tüüpi infograafikaga juba kohanenud ja see edastatakse kiiresti. Kuid samal ajal võtavad paljud sellegipoolest aluseks lihtne infograafik:

.... kujutage ette, mida veel saate interaktiivse infograafikaga teha.

Võid proovida:

  • Kerimisvõtete kasutamine, mis muudavad pildid või kujundid taustast silmapaistvaks
  • Koostage hüpikaknaid, mis laiendavad tekstivaldkondi
  • Ujuvad pildid või statistika, kui neile klõpsate
  • Infograafika muutmine mitmeks leheks, mida kasutajad saavad vaadata

Interaktiivse infograafika üksikasjalikuma näite saamiseks vaadake seda:

Et muuta oma infograafik väga interaktiivseks (kerimise, hüpikakende jms abil), peate natuke õppima HTML5 või CSS-i kohta või palgama kellegi teise, kes selle teie jaoks selgeks teeb.

Vaatamata lisapingutustele premeeritakse teid ainulaadse, kaasahaarava ja tõhusa sisuga.

Miks peaksite proovima lähiajal infograafikat rakendada?

  • See julgustab teie publikut teie sisuga tegelema ja seda jagama.
  • See tekitab liiklust (linkide kaudu)
  • See tõestab teie publikule, et olete uuenduslik, leidlik ja pühendunud õigeaegse ja kaasahaarava sisu edastamisele.
  • Selle arengut soodustavad interaktiivse infograafika tasemed.

2. Sisseehitatud video ja GIF

See on teist tüüpi infograafik, mida näeme täna üha sagedamini. Infograafika, mis pakub lühivideoid või isegi GIF -i (Graphics Interchange Format), on suurepärane võimalus tähelepanu äratamiseks ja oma infograafiku massist eristumiseks. Kuigi see piirab platvorme, saate oma infograafikat reaalajas jagada.

Paljud lihtsad infograafilised tööriistad, näiteks Easel.ly, pakuvad valikut „Manustatud YouTube'i video” või saate lisada video Photoshopis loodud infograafikutele videokihi abil. Saate oma Powerpointi slaidile isegi video lisada, mille saate muuta ka infograafikaks.

Veelgi enam, võite leida võrgust miljoneid GIF -e ja sisestada need samamoodi. Konks on selles, et peate oma infograafiku levitama URL -ina, et veenduda, kas see on teie saidile õigesti manustatud. Te ei tohi selliseid infograafikuid levitada ega salvestada .jpeg- ega PDF -vormingus. Kahtlemata, kuna see muutub üha populaarsemaks, on selle protsessi hõlbustamiseks ka muid video- ja gif -sisestustööriistu.

Kuid kui soovite seda tüüpi infograafikat kasutada enne kõiki teie ümber olevaid inimesi ja isegi nende koeri, õppige seda tegema, alustage kohe veebist leitud tööriistadega.

Kui soovite selle järgmisele tasemele viia, saate juba olemasolevast infograafikust video teha. See on suurepärane võimalus näha YouTube'is, Instagramis ja isegi videoplatvormidel nagu Vimeo, Snapchat jt. Allolev video on suurepärane näide sellest, kuidas muuta infograafik videoks.

Miks manustada infograafikasse videoid või GIF -faile?

  • See annab teile üllatuse elemendi - inimesed ei oota, et pilt hakkab liikuma!
  • See on väga lõbus ja originaalne, mis suurendab võimalust, et inimesed suhtlevad ja jagavad teie infograafikat.
  • See on hea võimalus näidata kõigile oma brändi ainulaadsust.

3. Animeeritud infograafika

Animeeritud infograafikates on tohutult palju visuaalseid mudeleid ja need nõuavad palju tähelepanu. Kui kasutaja lehte vaatab, ei oota ta tavaliselt midagi liigutamist, seega on hea mõte, kui õpite kõik need tehnikad selgeks enne, kui kõik teised seda teevad.

Kuna paljud animeeritud infograafikud on üsna keerulised ja võivad vajada mingisugust graafilist disaini, kodeerimist ja / või tarkvaraalaseid teadmisi, on need kõrgelt hinnatud.

Siin on näide sellest, millest ma räägin:

Kui soovite animeeritud infograafikute loomise kohta rohkem teada saada, vaadake seda tabelit Lauavaala infograafik. Samuti leiate mitmesuguseid teenuseid, mis aitavad teil seda tüüpi infograafikat luua. Igal juhul on see infograafika arengus üks raskemaid protsesse.

Miks peaksite kulutama oma aega, energiat ja / või raha animeeritud infograafikute loomisele?

  • See eristab teid tegelikult rahvahulgast, sest kõigil pole juurdepääsu sellisele tarkvarale või sisule.
  • Paari aasta pärast on see tavaline - sa oled üks esimesi, kes seda teeb!
  • Animatsioon muudab infograafikas sisalduva teabe meeldejäävamaks
  • See inspireerib teie kasutajaid teiega koostööd tegema.

Kõik see pole ulme

See võib tunduda liiga tehniline ja tundub praegu kättesaamatuna, kuid on tõenäoline, et seda tüüpi infograafika muutub 2-3 aasta pärast väga tavaliseks. Juba praegu näeme tugevat läbimurret animeeritud infograafikates ja GIF -infograafikates, eriti kuna GIF -ide populaarsus kasvab jätkuvalt. Infograafikast on saamas üks enim tarbitud ja kõige sagedamini loodud sisutüüpe Internetis. Miks? Sest aju vajab sümboli väärtuse vastuvõtmiseks ja töötlemiseks vaid 250 millisekundit.

Kui keskmine inimene veedab veebisaidil umbes 15 sekundit ja hakkab seejärel igav, siis muidugi tahate üles tõmmata kõik, mis võib teda edasi lükata - või vähemalt saada sõnum 15 sekundi või vähem jooksul. Mõned uuringud on isegi tõestanud, et inimesed saavad millelegi keskenduda mitte rohkem kui 8 sekundit ja see näitaja väheneb igal aastal.

See on meie pideva teabevajaduse põhjus ja võib-olla ka kõrvalsaadus. Me elame infoajastul ja kogu teave on meile kättesaadav. Kuid see tähendab ka seda, et mida rohkem inimesi üritab sõnumeid jagada ja igale võimalikule küsimusele vastata, seda rohkem muutub loodav sisu taustamüraks.

Kui infograafikute kättesaadavus on täna näitaja, siis varsti on neid igal pool. See tähendab uusi muudatusi teie töös. Ükski ajaloo turunduskampaania pole olnud edukas, kui on kogu aeg sama asja teinud.

Idee on näha infograafikas rohkem kui jpeg -pilti. Infograafikat saab kohandada erinevatesse keskkondadesse ja kasutada väga erinevatel platvormidel. Ettevõtjad ja turundajad on selles juba potentsiaali näinud. Ja sina?

Viimastel aastatel on infograafika muutunud staatilistest piltidest rikkalikeks interaktiivseteks kogemusteks koos unikaalsele sisule kohandatud animatsiooni ja videoelementidega. See ei piirdu enam ainult eelnevalt ehitatud üldiste mallidega. Ja tänane kollektsioon sisaldab parimat infograafikat, et näidata, milline huvitav ja informatiivne kogemus välja näeb.

Enamik selle loendi infograafikatest on valitud näitamaks erinevaid viise, kuidas disainerid andmete visualiseerimisele lähenevad. Siiski on siin ka mitmeid „hübriide”, mis illustreerivad infograafika ja rikkaliku multimeediakogemuse vaheliste piiride hägustamist, luues samal ajal sihtlehtedele kaasahaaravat sisu ja köitvaid lugusid. Traditsioonilistest vormidest kõrvalekaldumine tähendab, et oleme sisenemas keerukamale meediamaastikule ning just selline katsetamine tehnoloogia ja jutustamisega on graafilise disaini tuleviku kujundamisel ülioluline.

1. Tuulte kaart

Tuulekaart on tähelepanuväärne disain, mis näitab tuule suunda ja kiirust Ameerika Ühendriikide kohal. Sellel kujundusel on pigem kunstiline kui utilitaarne eesmärk ja see on suurepärane: väga tore on lihtsalt istuda ja vaadata, kuidas õhukesed niidid kaardil keerlevad. Lihtne, kuid hästi läbimõeldud näide sellest, kuidas kujunditeid näitavad infograafikud saavad kasu animatsioonist ja liikuvast graafikast.

2. Lennu ajal

2014. aastal käivitas The Guardian infograafiku In Flight, mis näitab reaalajas kommertslendude andmeid (tundub, et teavet praegu ei uuendata, millest on kahju), samuti õppetund lennunduse ajaloost. Lennumeeskondade vahelised tagasihoidlikud vestlused interaktiivse saate alguses loovad erilise atmosfääri. Tundub, et infograafikud muutuvad tänapäeval aeglaselt kinoelamusteks. Vähemalt "In Flight" osutab sellele suunale ...

3. Vali kuu

Dial A Moon infograafikus ei juhtu palju, kuid see täidab oma eesmärki üsna hästi. 2015. aastal uuendati tänu NASA -le kuufaasi infograafikat iga tunni tagant ja te ei saanud selle salapärase teabe otsimiseks Google'isse minna. Nüüd saate pilte vaadata, sisestades käsitsi kuu, päeva ja kellaaja.

4. Päev Pluutoga

Ajakiri Nature avaldab oma teadusest huvitatud publikule palju huvitavaid infograafikuid. Nende hulgas oli üks kosmoselaeva kuulsast lennust Pluuto lähedal (24 Hours Of Pluto). Infograafika sisaldas palju tekstilist teavet, kuid visuaalid võimaldasid hõlpsasti mõista kõige huvitavamat, alates kääbusplaneedi struktuurist kuni selle kuude tekkimiseni. Nüüd on tekstiosa Internetis saadaval ja ka kaks animeeritud videot infograafikast.

5. Kuidas Ameerika kodud on muutunud

Võtke ette teekond läbi suure Ameerika unistuse, mida peegeldab maja stiilide areng. See hästi illustreeritud infograafik võimaldab teil istuda autorooli (muutes ka selle välimust, kui kerite ajastuga kursis) ja navigeerida 1900ndatest kuni 2000ndateni, sõites aastakümneid populaarsetest hoonetest mööda. Teel kohtate hulgaliselt kasulikke materjale (sealhulgas tolleaegseid ühiskondlik-poliitilisi tingimusi ja moesuundi) ning see kõik lõpeb küsimusega, mis sunnib teid ette kujutama Ameerika kodu tulevikku. Aastakümnete ameerika kodude infograafik on suurepärane näide horisontaalsest kerimisest ja see sobib siia.

6. Turundusanalüütika areng

Intelligentsete kasutajate uurimisfirma Vision Critical jälgib oma Evolution of Insighti infograafikus turundustehnoloogia turu arengut kogu maailmas 1890. aastatest tänapäevani. See toimib sarnaselt infograafikuga How American Homes Changed ja võimaldab seega võrrelda kahe väga erineva loo interaktiivse ajaskaala kasutamise tõhusust. Aastakümnete ameerika kodude infograafiku eeliseks on näha maju, kui liigutate oma autot palju intuitiivsemalt, kui reisida läbi suurepärase Ameerika analüütika. Hea infograafika luuakse sisu silmas pidades, mitte selle ümber.

7. LGBT kogukonna õigused kogu maailmas

The Guardian haarab meie nimekirjas teise positsiooni selle elegantse infograafikuga, mis selgitab LGBT -õiguste õiguslikku olukorda erinevates küsimustes (abielu, diskrimineerimine töökohal, vihakuriteod jne) igas maailma riigis. Poolringis liikumine pakub kiiret ja lihtsat võimalust erinevate riikide statistika võrdlemiseks ning infograafika koostis hoiab keskmes esiplaanil globaalse staatuse. Siin on ka võimas üleskutse tegevusele, mille eesmärk on ületada lõhe lihtsa teadlikkuse ja aktivismi vahel.

8. Ebavõrdsus on parandatav

Veel üks suurepärane näide interaktiivsest infograafikast, Inequality Is Fixable, kutsub publikut probleemi süvenema, muutes selle sügavalt isiklikuks. Vaatajal on tagatud, et ta ei kaota huvi materjali vastu, mis ütleb talle, kui palju on tema ülemus alamakstud ja miks. Tehes kasutajast loost osa, tekitavad arendajad uudishimu ja tutvustavad kasutajat kõigi vajalike toimingutega, mis viivad lõpuks üleskutsele tegevusele (kutse tegevusele).

"Lasime sellel juhtuda - kuidas me saame selle nüüd parandada?"

9. Joonista ennast: kuidas leibkonna sissetulekud ennustavad lapse võimalusi minna ülikooli

Paljud selles loendis olevad infograafikud kasutavad rikkaliku kogemuse pakkumiseks animatsiooni ja interaktiivsust. Visuaalselt järgib see ajalehe The New York Times (Te joonistate: kuidas perekonna sissetulek ennustab laste kolledži võimalusi) infograafik klassikalist diagrammivormingut, kuid kasutab ka teavet kasutajate käitumise kohta, et laiendada infograafilise disaini valdkonda, näiteks ennetavat ja interaktiivset visualiseerimine. Paludes lugejatel oma kõverat joonistada, tutvustavad nad omakasu elementi ja annavad seega inimestele tõeliselt väärtuslikku teavet.

Mitte halvim tulemus! Vertikaaltelg on kõrgkooli minevate laste protsent. Horisontaaltelg - vanemate sissetuleku protsentiil

10. Kuidas ameeriklased surevad

Välja arvatud pealkiri, kasutatakse selles näites sisu renderdamiseks enamasti vanu häid diagramme. Kuid see pole üldse igav, kuna kasutajad saavad andmetes iseseisvalt navigeerida, liigutades kursorit mööda graafikuid. Nii on palju lihtsam võrrelda näiteks 70-ndate suitsiidiga seotud surmajuhtumite arvu võrreldes tänapäevaga (vihje: praegu on see tõusuteel), staatiline graafik ei teeks seda nii korralikult.

11.

Alates debüütprojektist Snowfall, mis pälvis kõigi tähelepanu ja tunnustuse, on New York Times säilitanud oma tipptasemel multimeediaajakirjanduse maine. Kirjastamismeeskond kasutab muljetavaldavalt kaasahaarava kogemuse loomiseks kombinatsiooni infograafilisest disainist ja põhjalikust jutustamisest. Neil on ilmekamaid näiteid, kuid The Russian Left Behind on teos, mis on tekitanud teatud vastukaja. Infograafika toimib nagu interaktiivne ringreis Venemaal (teete tee kaardil).

12. Võlakirjaautod

Kui soovite kunagi James Bondi ajalooga tutvuda, vaadates tema autosid, siis tänage Briti automüüjat Evans Halshaw - ta andis teile sellise võimaluse. Tema interaktiivne infograafik Bond Cars võimaldab teil uurida iga Bondi auto mudelit ja disaini, samuti mõningaid huvitavaid fakte. Kasutades üldlevinud liuguritaktikat, saate ka "paljastada" auto kogu selle metallilises hiilguses (vaikimisi on antud ainult ühevärviline muster). Nii lahendasid autorid loominguliselt probleemi, et on vaja lisada fotosid, mis ei sobi päris infograafika esteetikaga.

13. Liikumise värvid

The Colors Of Motion on infograafiline sari, mis analüüsib filme ainult nende värvipaleti järgi, mis on tuletatud kõigi kaadrite kombinatsioonist. Kui olete kunagi mõelnud, siis nüüd on teil vastus. Kas te ei leia andmebaasist pealkirja? Saatke lihtsalt arendajatele sõnum - nad võtavad taotlusi vastu.

14. Kuninglik haud Peruus

National Geographicul on päris muljetavaldav kogu sellest, mida nad nimetavad, "interaktiivne graafika" (mille enamikule on lisatud üksikasjalikud tekstikirjeldused, nagu näiteks Trajani veeru puhul), kuid valisime selle suhteliselt lihtsa näite, et tuua esile tehnikad on interaktiivses infograafikas tõesti tõhusad. "Kuninglik sõjahaud" (Peruu kuninglik sõjahaud) paljastab tolleaegse aadlipreili matmise iseärasused. Keskendutakse muumia mähkimisele selle kaunistamisele ja asendile. Jagades teabe väikesteks tükkideks ja võimaldades kasutajal nende vahel navigeerida, väldib interaktiivne graafika kõige salakavalamaid lõkse: andmete ülekoormust ja visuaalseid efekte. Pealegi laiendab iga järgnev suhtlus kogemust, muutes selle palju tasuvamaks kui siis, kui kõik esitataks korraga. Meie ajus on mehhanism, mis lükkab pärssivad stiimulid tagasi ja seda tüüpi suhtlus muutub kasutajale suurepäraseks lahenduseks, muutes teabe imendumise lihtsaks.

15. Mis on Šoti rahvahääletus? Seletus mitte-britidele

The Guardian, nagu ka New York Times, tugineb multimeediaajakirjandusele ja nende video saab hakkama infograafika ühe põhifunktsiooniga: anda mahukatele andmetele vastuvõetav vorm. Paljudele meist väljaspool Ühendkuningriiki on referendum väga segane teema. Õnneks aitab see video (Scottish Referendum Explained For Non-Brits) aidata teil kiiresti selle olulisi aspekte tundma õppida, ilma et peaksite ajalukku sügavalt sukelduma.

16. Rahvatervis

Atlanticu ülesandeks oli välja töötada visioon rahvatervise parandamiseks. See tellis Truth Labsilt, et muuta kolmeosaline seeria elanikkonna tervisest digitaalseks jutustamiseks. Kunstniku peamine eesmärk oli säilitada dokumendi loomulik kerimine ja kasutaja tavaline lugemiskogemus, luues samal ajal visuaalsest vaatenurgast erineva kogemuse. Nad laenasid kinematograafiast tööriistu ja strateegiaid, et oma nägemust ellu viia, kuid keskendusid ka disainipõhimõtete kogumile, et toetada loetavuse põhimõtet kui põhireeglit.

17. Joho terad

Austria kohvimasin Joho lõi muljetavaldava multimeediakogemuse Joho's Bean, et jutustada kohviubade päritolu. Narratiiv ühendab harmooniliselt heli-, video- ja fotomaterjali, mis haarab peaaegu kõiki kasutaja meeli. Lindude säutsumine, kottides röstitud kohviubade heli ning linna hõivatud tänavate ja liikluse müra.

Joho's viib teid reisile, selgitades nende kohviubade päritolu

18. Ürgtee

Metsik rada on lõuendiga loodud interaktiivne reisilugu. Peamine element on kaart, mis animeerib lehe kerimisel kaardil olevat rada. Projekt ei pruugi kõigis brauserites töötada. Kuid sellega on kaasas artikkel, mis selgitab kõiki infograafika loomise telgitaguseid tehnoloogiaid.

19.

The Guardiani (Live Election Results) kajastus USA 2016. aasta presidendivalimistest tõi lõbusa elemendi protsentide ja valimisjaoskondade tõsise teema juurde. Interaktiivne infograafika jälgis hääli neljas osariigis. Diagramm näitas vaikimisi kogu riigi tulemusi ja kui kasutaja hõljutas kursorit suvalise kaardipiirkonna kohal, näidati, milliseid numbreid kandidaadid sinna sisestasid. Presidendikandidaate esitati naljakate pikslitega avataridena. Kuna infograafikat uuendati otse -eetris, toonisid väikesed mehed osariike, kus nad võitsid. Aeg -ajalt ilmub kandidaadi tsitaat mullina kandidaadi kõrvale.

Valimistulemuste kajastamine reaalajas

Andmete visualiseerimise tulevik on interaktiivsus.

Aga kuidas luua tõeliselt hämmastavaid interaktiivseid infograafikaid?

Infograafikat leidub igal pool ja viimasel ajal on see muutunud järjest interaktiivsemaks.

Tänases artiklis jagame teiega interaktiivsete infograafikute loomise saladusi ja linke kasulikele ressurssidele.

1. Mõista psühholoogiat

Enne infograafiku interaktiivseks muutmist on oluline mõista, miks soovite selle selliseks muuta.

Nagu selles infograafikus üksikasjalikult kirjeldatud, tajuvad inimesed visuaalset teavet paremini. Me loeme, mõistame ja mäletame esitlust palju tõenäolisemalt, kui see sisaldab kaasahaaravat visuaali. on tõhus õppevahend, kuid see võib veelgi paremaks muutuda.

Kineetiline õppimine on suurepärane alternatiiv, kuna inimesed omastavad teavet paremini füüsiliste toimingute kaudu.

Seetõttu võib interaktiivsuse lisamine paljutõotavale visualiseerimisväljale aidata teil luua veelgi meeldejäävamaid ja tõhusamaid infograafikaid.

See visuaalsete ja kineetiliste lähenemisviiside kombinatsioon muudab animeeritud infograafikud tuleviku sisuks. Mõne teema puhul on muidugi parem mitte kasutada interaktiivseid elemente, kuid enamikul juhtudel parandavad need ainult sisu.

Liikumine lisab teabele tähenduse, annab kasutajale võimaluse kogemusi juhtida ja kaasab kujutlusvõimet viisil, mida staatiline infograafika ei suuda.

2. Lisage kerimisefekte

Virtuaalse reaalsuse trikk on see, et teistele näete välja nagu idioot.

Google'i Cardboard Design Lab on hea õpetus virtuaalse reaalsuse disaineritele

Infograafika on nagu seiklusmäng

Unity probleem on selles, et veebis pole lihtne head asja teha.

Virtuaalne reaalsus on teie silmade jaoks nagu kõrvaklapid

Virtuaalreaalsus nõuab turvalist keskkonda, liikvel olles ei saa sellesse süveneda. See piirab VR -i võimalusi

Hommikul seanss suleti Archie tse ajalehest The New York Times provokatiivse teemaga “Miks NYT teeb vähem interaktiivset tööd”.

NYT töö põhineb kolmel visuaalse jutustamise reeglil:

  1. Kui lugejal on vaja klõpsata, mitte kerida, siis peab juhtuma midagi ebatavalist.
  2. Oletame, et keegi ei näe kunagi näpunäiteid ja muid hõljumise efekte. Kui sisu on oluline, tehke see nii, et lugeja seda kohe näeks.
  3. Kui soovite midagi interaktiivset teha, pidage meeles - selle kõikidel platvormidel töötamine on kallis.

Peate oma graafika 2 või 3 korda ümber joonistama, et kõik toimiks nii laua- kui ka mobiilseadmes

Kuidas need reeglid muutsid NYT lähenemist:

  1. Enamik renderdusi on nüüd staatilised
  2. Veel tekste
  3. Kui vajate pildil liikumist, kuvatakse see kerimise ajal

(Neljas punkt ütleb, et nad teevad endiselt interaktiivset tööd. Aga nüüd peaks põhjus olema VÄGA sisukas).

Tegime "mitmeastmelisi" samme. Kasutajad peatusid punktis 3. Lugejad tahavad lihtsalt kerida, mitte klõpsata

Archie Tse: kerimine vs. klõpsates

18 nädala jooksul on Andy Kriebel avaldanud igal pühapäeva õhtul VizWizis infograafikat ja andmeid. Ülesanne on eraldada esmaspäeval umbes tund aega, analüüsida visualiseerimist kiiresti ja teha oma versioon.

Allpool avaldame eelmise nädala tulemused - Orjus XXI sajandil.

Andy Kriebel #MakeoverMonday. Üksikasjalik kirjeldus ja interaktiivne - Andy ajaveebis:

#MakeoverMonday autor: Andy Cotgreave. Üksikasjalik kirjeldus ja interaktiivne - Andy ajaveebis:

Samuti sain teada, et 51% maailma inimestest on minust nooremad ja 63% Venemaal vanemad ning et minu võimalused praegu surra pole nii suured. Numbrid lakkasid äkki olemast "statistika" ja tabasid mind kiirel teel.

Andmete visualiseerimine - kasutab suuri andmekogumeid ja vähem käsitsi projekteerimistööd; algoritmide põhjal. Näiteks New York Timesi interaktiivne töö.

Kujutav kunst - ühesuunaline kodeerimine. Ilusad, kuid raskesti dešifreeritavad visualiseerimised, näiteks Kunal Anandi arvutuskunst.

Milles on probleem?

Seetõttu meelitavad paljud teosed ligi vaid kogenud kasutajaid, kuid ei võimalda asjatutel lugejatel probleemi olemust mõista, kahjustades seeläbi visualiseerimise eesmärki - avalikkust teavitada. Sellepärast on nii oluline mõista ja mõista visuaalse kirjaoskuse probleemi visualiseerimise kontekstis.

Ajakirjanduse uus "visuaalne grammatika"

Siin on kolm näidet, mis katsetavad interaktiivse ajakirjanduse esitamise viise. Need näevad muljetavaldavad välja, kuid nende tõlgendamine võib olla paljudele hirmutav ülesanne.

Geide õigused Ameerika Ühendriikides, osariikide kaupa

Praegu kättesaadavate andmeallikate ja nende töötlemiseks vajalike tööriistade arv näitab juba selgelt, et nii paljud inimesed pole kunagi püüdnud end andmete visualiseerimise maailmas mugavalt tunda. Ja kui õppimiseks on saadaval nii palju materjale, on ainult üks küsimus "Kust alustada?" võib hirmutada iga algajat. Millised on siis parimad raamatukogud ja mida spetsialistid nõu annavad? Seda arutatakse käesolevas artiklis.

Andmete visualiseerimisest rääkimata seda mainimata on sama, mis rääkida personaalarvutite ajaloost ja mitte öelda sõnagi Steve Jobsist. D3 (andmepõhised dokumendid) on liialdamata kõige olulisem ja domineerivam avatud lähtekoodiga JavaScripti teek turul, mida tavaliselt kasutatakse SVG -graafika loomiseks. SVG (skaleeritav vektorgraafika) on vektorpildi formaat, mida veebibrauserid toetavad, kuid varem vähe kasutatud.

Raamatukogu D3 võlgneb suurel määral populaarsusele veebidisainerite äkiline huvi SVG vastu, mis on suuresti tingitud sellest, kui soodne vektorgraafika näeb välja suure eraldusvõimega ekraanidel (eriti Apple'i seadmetes kasutatavatel võrkkesta ekraanidel), mis muutuvad üha populaarsemaks. levinud.

"Olgem ausad, kui ülesanne on SVG-põhine andmete visualiseerimine, siis ei olnud kõik teised raamatukogud selle lahendamiseks isegi lähedal," ütleb sõltumatu andmete visualiseerimise ekspert ja ettevõtte omanik Moritz Stefaner. Tõde ja ilu... „Samuti on üsna palju huvitavaid D3-põhiseid projekte, näiteks NVD3, mis pakub standardseid graafikakomponente-kasutusvalmis, kuid kohandatav; või ütleme, et Crossfilter on lihtsalt suurepärane andmete filtreerimise tööriist. "

Scott Murray, programmeerija-disainer ja raamatu autor Interaktiivne andmete visualiseerimine veebis, Nõustun eelmise arvamusega: „D3 on äärmiselt võimas selle poolest, et kasutab kõike, mida brauserid pakuvad. Kuigi sellel on negatiivne külg: kui brauser ei toeta midagi, näiteks WebGL -il põhinevaid 3D -pilte (inglise veebigraafika raamatukogust), siis ei toeta seda ka D3. "

Kuigi see raamatukogu on tõeliselt mitmekülgne, ei ole see siiski ideaalne lahendus iga ülesande jaoks. "D3 raamatukogu peamine puudus on nii -öelda see, et see ei näe ette ega paku isegi mingit konkreetset renderdusmeetodit," lisab Scott Murray. "Nii et see on tõesti tööriist andmete laadimiseks brauserisse ja seejärel nende andmete põhjal DOM -komponentide genereerimiseks."

Kui D3 on suurepärane tööriistakomplekt kohandatud piltide jaoks, siis kui soovite luua tavalise graafiku ilma palju visuaalset tööd tegemata, siis selline tööriist nagu Vega... Vega pakub D3-põhise raamistikuna alternatiivi graafiliste komponentide kuvamiseks. Vega abil saate visualiseerida JSON -i andmeid Euroopa Ajakirjanduskeskus ja andmepõhise ajakirjanduse projekti. Kursuse täpsed kuupäevad pole veel teada, kuid registreeruda saab kohe.

Viie päeva jooksul saavad kursusel osalejad teada, mis on andmeajakirjandus, kuidas see toimib ja milliseid võtmeoskusi tasub omandada, et saada selle valdkonna spetsialistiks. Mõelge välja, kust otsida andmeid oma lugude toetamiseks ja kuidas andmetest uusi ideid leida. Õppige igavate andmete muutmise köitvat lugu, infograafikut või isegi interaktiivset visualiseerimist. Tutvuge graafilise disaini põhiprintsiipidega, mida ajakirjanik peab teadma.

Kursuse juhendajad on viis maailma juhtivat andmeajakirjanduse ja visualiseerimise eksperti.