Infografiikka: tyypit, esimerkkejä työstä, tulevaisuus. Parhaat esimerkit interaktiivisten infografioiden käytöstä aloitussivuilla Esimerkkejä interaktiivisista infografioista

Olet luultavasti huomannut valtavan muutoksen verkkomaailmassa tekstipohjaisesta sisällöstä visuaaliseen sisältöön.

Visuaalisuuden voimaa Internetissä ja meillä on kiistaton Jokapäiväinen elämä. YouTubea ja Instagramia hallitsee visuaalinen sisältö; YouTube on kolmanneksi vierailluin sivusto verkossa, ja Instagramissa julkaistaan ​​yli 80 miljoonaa kuvaa päivittäin.

Blogiviestit ja artikkelit kulutetaan 80 % todennäköisemmin, jos niissä on värikuvia, otsikoita tai pikkukuvia, ja ihmiset viettävät sivustolla enintään 15 sekuntia, jos se ei kiinnitä heidän huomionsa heti.

Infografiikka on yleisön ja jälleenmyyjien suosikki, ja ne kiinnostavat nykyään ihmisiä 800 % enemmän kuin vuonna 2012.

Kaiken lisäksi sisältöä syntyy hälyttävää vauhtia – 60 % markkinoijista luo ainakin pienen määrän uutta sisältöä joka päivä! Voit oppia lisää arvosteluartikkelista.

Kun yhä useammat ihmiset alkavat luoda sisältöä, yksi asia on tulossa selväksi: jotta sinut nähtäisiin, sinun on erotuttava joukosta.

Luonnollisesti sisältömarkkinoijat pohtivat jo visuaalisen sisällön tulevaisuutta, pohtivat, mitä he voivat tehdä nyt, mitä he voivat toteuttaa ja mitä uusia teknologioita on näköpiirissä. Tämäntyyppinen tulevaisuuden ajattelu voi tehdä tai katkaista sisältömarkkinointiponnistelusi. sinun on sopeuduttava tai hukkut.

Visuaalisen sisällön, kuten infografiikan, ansiosta markkinoijilla on ainutlaatuinen mahdollisuus nähdä tulevaisuus sen lähestyessä. Yritykset, graafiset suunnittelijat ja markkinoijat alkavat kaikki käyttää infografiikkaa ja päivittää niitä tehdäkseen niistä entistä houkuttelevampia yleisölleen. Vaikka jo "vain postaat" infografiikkaa säännöllisesti, ei ole koskaan liian aikaista oppia vasta kehittyvistä trendeistä, kuten ei ole koskaan liian aikaista oppia soveltamaan niitä sisältömarkkinointistrategioihin.

Jos haluat katsoa tulevaisuuteen ja ehkä jopa oppia muutaman tempun ennen muita, nyt on sen aika!

Tässä on kolme infografiikkatyyppiä, jotka ovat yleisimpiä (lähi)tulevaisuudessa.

Jos etsit hienoa infografiikan luontityökalua, suosittelen tutustumaan Vismeen. Ensinnäkin he tarjoavat ilmaisen tilin ja loistavia käyttäjäystävällisiä ominaisuuksia muille kuin suunnittelijoille. Voit saada ilmaisen tilin nyt.

1. Interaktiivinen infografiikka

Vaikka olemme nähneet interaktiivisten verkkosivustojen ja helppokäyttöisten pelien kauneuden, interaktiiviset infografiikat ovat vielä melko uutta alallaan. Infografioiden tapaan ne sisältävät tietysti jotain tietoa, ja ne ovat yleensä dynaamisia. Mutta interaktiivisten elementtien käyttö antaa käyttäjille mahdollisuuden olla yhteydessä tietoihin ja luoda omia.

Riippumatta yrityksestäsi, tuotteestasi, palvelustasi tai viestistäsi, voit luoda interaktiivisen infografiikan, jonka avulla ihmiset voivat arvioida itseään (esimerkiksi "laske painoindeksisi tästä"). Käyttäjät voivat myös napsauttaa aiheeseen liittyviä tietoja, jotka vievät heidät syvemmälle resurssille tai takaisin aloitussivu, mikä luo liikennettä. Se on erittäin mukautuva ja hauska tapa saada yleisösi mukaan.

Monet markkinoijat ovat jo sopeutuneet tämän tyyppiseen infografiaan, ja se siirtyy nopeasti. Mutta samaan aikaan monet pitävät edelleen perustana yksinkertainen infografiikka:

….kuvittele, mitä muuta voit tehdä interaktiivisilla infografioilla.

Voit kokeilla:

• Käyttämällä vieritystekniikoita, jotka saavat kuvat tai muodot erottumaan taustasta
• Tekstialueita laajentavien "ponnahdusikkunoiden" rakentaminen
• Kuvat tai tilastot avautuvat, kun napsautat niitä
• Tee infografioistasi useita sivuja, joita käyttäjät voivat tarkastella

Jos haluat yksityiskohtaisemman esimerkin interaktiivisesta infografiikasta, katso tämä:

Jos haluat tehdä infografiikasta erittäin vuorovaikutteisen (selaamalla, ponnahdusikkunoilla jne.), sinun on opittava hieman HTML5:stä tai CSS:stä tai palkattava joku muu selvittämään se puolestasi.

Ylimääräisestä vaivannäöstä huolimatta sinut palkitaan ainutlaatuisella, mukaansatempaavalla ja tehokkaalla sisällöllä.

Miksi sinun pitäisi yrittää ottaa infografiikka käyttöön lähitulevaisuudessa?

• Tämä rohkaisee yleisöäsi sitoutumaan sisältöösi ja jakamaan sitä.
• Tämä tuottaa liikennettä (linkkien kautta)
• Tämä todistaa yleisöllesi, että olet innovatiivinen, kekseliäs ja aiot tarjota oikea-aikaista ja mielenkiintoista sisältöä.
• On olemassa kerroksia interaktiivisia infografioita, jotka tekevät sen kehittämisestä hallittavissa

2. Upotettu video ja GIF

Tämä on erilainen infografiikka, jota näemme nykyään yhä useammin. Infografiikka, joka tarjoaa lyhyitä videoita tai jopa GIF (Graphics Interchange Format) - mahtava keino kiinnitä huomiota ja erottele infografiisi joukosta. Vaikka tätä rajoittavat alustat, voit jakaa infografiisi nykymuodossa.

Monet yksinkertaiset infografiikkatyökalut, kuten Easel.ly, tarjoavat upotetun YouTube-videon, tai voit lisätä videon Photoshopissa luomaasi infografiaan videokerroksen avulla. Voit jopa lisätä videon Powerpoint-diaan, jonka voit myös muuttaa infografiikaksi.

Lisäksi voit löytää miljoonia GIF-kuvia verkosta ja lisätä ne samalla tavalla. Ongelma tässä on se, että sinun on jaettava infografiikkasi URL-osoitteena varmistaaksesi, että se upotetaan oikein sivustoosi. Et saa jakaa tai tallentaa tällaisia ​​infografioita .jpeg- tai PDF-muodossa. Epäilemättä tämän yleistyessä on muita video- ja GIF-lisäystyökaluja, jotka helpottavat prosessia entisestään.

Mutta jos haluat käyttää tämän tyyppistä infografiaa ennen kuin kaikki ympärilläsi, jopa heidän koiransa, oppivat tekemään sen, aloita nyt verkosta löytyvillä työkaluilla.

Jos haluat viedä sen seuraavalle tasolle, voit tehdä videon jo olemassa olevasta infograafista. Tämä on loistava tilaisuus tulla nähdyksi YouTubessa, Instagramissa ja jopa videoalustoilla, kuten Vimeo, Snapchat ja muut. Alla oleva video on loistava esimerkki siitä, kuinka infografiikka muutetaan videoksi.

Miksi upottaa video tai GIF infografiaan?

• Tämä antaa sinulle yllätyksen - ihmiset eivät odota kuvan liikkuvan!
• Se on erittäin hauskaa ja omaperäistä, mikä lisää todennäköisyyttä, että ihmiset ovat vuorovaikutuksessa ja jakavat infografiaasi.
• Tämä hyvä tapa näytä kaikille brändisi ainutlaatuisuus

3. Animoitu infografiikka

Animoidussa infografiassa on suuri määrä visuaalisia malleja ja vaatii paljon huomiota. Kun käyttäjä katselee sivua, hän ei yleensä odota minkään liikkuvan, joten on hyvä idea oppia kaikki nämä tekniikat ennen kuin muut tekevät.

Koska monet animoidut infografiikat ovat melko monimutkaisia ​​ja saattavat vaatia jonkinlaista graafista suunnittelua, koodausta ja/tai ohjelmistotietoa, ne ovat erittäin arvostettuja.

Tässä on esimerkki siitä, mistä puhun:

Jos haluat oppia lisää animoitujen infografioiden luomisesta, katso tämä Tabletop Whalen infografiikka. Löydät myös erilaisia ​​palveluita, joiden avulla voit luoda tällaisia ​​infografioita. Joka tapauksessa tämä on yksi vaikeimmista prosesseista infografiikan kehityksessä.

Miksi sinun pitäisi sijoittaa aikaa, energiaa ja/tai rahaa animoitujen infografioiden luomiseen?

• Tämä todella tekee sinut erottumaan joukosta, koska kaikilla ei ole pääsyä tällaiseen ohjelmisto tai sisältöä
• Muutaman vuoden kuluttua tämä on arkipäivää – olet ensimmäisten joukossa, joka tekee sen!
• Animaatio tekee infograafin sisältämistä tiedoista mieleenpainuvampia
• Tämä innostaa käyttäjiäsi työskentelemään kanssasi.

Tämä ei ole tieteiskirjallisuutta.

Tämä saattaa kuulostaa liian tekniseltä ja ylittää kykyjesi tällä hetkellä, mutta on todennäköistä, että tämäntyyppiset infografiat tulevat hyvin yleisiksi 2–3 vuoden kuluttua. Voimme jo nähdä vahvan läpimurron animoiduissa infografioissa ja GIF-kuvissa, varsinkin kun GIF-kuvat jatkavat suosion kasvuaan. Infografiikasta on tulossa yksi käytetyimmistä ja eniten luoduista sisältötyypeistä Internetissä. Miksi? Kyllä, koska aivot tarvitsevat vain 250 millisekuntia hyväksyäkseen ja käsitelläkseen symbolin merkityksen.

Jos keskivertoihminen viettää sivustolla noin 15 sekuntia ja alkaa sitten kyllästyä, haluat luonnollisesti nostaa näytölle kaiken, mikä saattaa estää häntä – tai ainakin saada viestin 15 sekunnissa tai vähemmän. Jotkut tutkimukset ovat jopa osoittaneet, että ihmiset voivat keskittyä johonkin enintään 8 sekuntia, ja tämä luku pienenee joka vuosi.

Tämä on syy ja ehkä sivutuote jatkuvasta tiedon vastaanottamisen tarpeesta. Elämme tiedon aikakautta ja kaikki tieto on saatavillamme. Mutta tämä tarkoittaa myös sitä, että mitä enemmän ihmiset yrittävät jakaa viestejä ja vastata kaikkiin mahdollisiin kysymyksiin, sitä enemmän tuotetusta sisällöstä tulee taustamelua.

Jos infografioiden saatavuus tänään osoittaa, ne ovat pian kaikkialla. Tämä tarkoittaa uusia muutoksia työssäsi. Mikään markkinointikampanja historiassa ei ole saavuttanut menestystä tekemällä samoja asioita yhä uudelleen ja uudelleen.

Ajatuksena tässä on nähdä infografiikka enemmän kuin pelkkänä jpeg-kuvana. Infografiikkaa voidaan mukauttaa erilaisiin medioihin ja käyttää useilla eri alustoilla. Yrittäjät ja markkinoijat ovat jo nähneet tässä potentiaalin. Ja sinä?

Virtuaalitodellisuuden temppu on, että näytät muiden silmissä idiootilta

Googlen Cardboard Design Lab on hyvä "opetusohjelma" aloitteleville virtuaalitodellisuuden suunnittelijoille

Infografiikka - kuin seikkailupeli

Unityn ongelma on, että ei ole niin helppoa tehdä hyvää webille.

Virtuaalitodellisuus on kuin kuulokkeet silmillesi

Virtuaalitodellisuus vaatii turvallisen ympäristön, johon ei voi mennä "tien päällä". Tämä rajoittaa sitä, mitä VR voi tehdä

Suljettiin istunto päivän ensimmäisellä puoliskolla Archie Tse The New York Timesista provosoivalla aiheella "Miksi NYT tekee vähemmän interaktiivista työtä".

NYT:n työ perustuu kolmeen visuaalisen tarinankerronnan sääntöön:

1. Jos lukijan on napsautettava vierityksen sijaan, täytyy tapahtua jotain poikkeavaa.
2. Oletetaan, että työkaluvihjeitä ja muita hover-tehosteita ei koskaan näe kukaan. Jos sisältö on tärkeää, varmista, että lukija näkee sen heti.
3. Jos haluat tehdä jostain interaktiivisen, muista, että sen saattaminen toimimaan kaikilla alustoilla tulee kalliiksi.

Sinun on piirrettävä grafiikkasi uudelleen 2 tai 3 kertaa, jotta se toimii sekä pöytäkoneella että mobiililaitteella

Kuinka nämä säännöt muuttivat NYT:n lähestymistapaa:

1. Useimmat visualisoinnit ovat nyt staattisia
2. Tekstiä on enemmän
3. Jos kuvassa tarvitaan liikettä, se näkyy vierityksen aikana

(Neljäs kohta kertoo, että he tekevät edelleen vuorovaikutteista työtä. Mutta nyt syyn täytyy olla ERITTÄIN merkityksellinen).

Teimme "monivaiheisia". Käyttäjät pysähtyivät vaiheessa 3. Lukijat haluavat vain selata, eivät napsauttaa

Archie Tse: Scrolling vs. napsauttamalla

Viimeisen 18 viikon ajan joka sunnuntai-ilta Andy Kriebel on julkaissut infografiikka ja tiedot, joihin se perustuu VizWizissä. Tehtävänä on varata maanantaille noin tunti aikaa, analysoida nopeasti visualisointi ja tehdä oma versio.

Alla julkaisemme viime viikon tulokset - Orjuus 2000-luvulla.

#MakeoverMonday, kirjoittanut Andy Kriebel. Yksityiskohtainen kuvaus ja interaktiivinen - Andyn blogissa:

#MakeoverMonday, kirjoittanut Andy Cotgreave. Yksityiskohtainen kuvaus ja interaktiivinen - Andyn blogissa:

Opin myös, että 51 % maailman ihmisistä on minua nuorempia ja 63 % Venäjällä vanhempia, ja että mahdollisuuteni kuolla nyt eivät ole niin suuret. Numerot lakkasivat yhtäkkiä olemasta "tilastot" ja osuivat minuun.

Tietojen visualisointi - käyttää suuria tietojoukkoja vähemmällä manuaalisella suunnittelutyöllä; algoritmien perusteella. Esimerkiksi New York Timesin interaktiivinen työ.

Visuaalinen taide - yksisuuntainen koodaus. Kauniita mutta vaikeasti tulkittavia visualisointeja, kuten Kunal Anandin laskennallista taidetta.

Mikä on ongelma?

Tämän seurauksena monet teokset houkuttelevat vain kehittyneitä käyttäjiä, mutta eivät anna tietämättömien lukijoiden ymmärtää ongelman ydintä, mikä kumoaa visualisoinnin tarkoituksen - tiedottaa yleisölle. Tästä syystä on niin tärkeää tunnistaa ja ymmärtää visuaalisen lukutaidon ongelma visualisoinnin yhteydessä.

Journalismin uusi "visuaalinen kielioppi".

Tässä on kolme teosta, jotka kokeilevat tapoja esittää interaktiivista journalismia. Ne näyttävät vaikuttavilta, mutta niiden tulkinta voi olla monille vaikea tehtävä.

Homooikeudet Yhdysvalloissa osavaltioittain

Nykyään saatavilla olevien tietolähteiden ja niiden käsittelytyökalujen määrä osoittaa selvästi, että koskaan aikaisemmin niin monet ihmiset eivät ole yrittäneet tottua datan visualisoinnin maailmaan. Ja kun tutkittavaksi on saatavilla niin paljon materiaaleja, on vain yksi kysymys "Mistä aloittaa?" voi olla pelottavaa jokaiselle aloittelijalle. Joten mitkä kirjastot ovat parhaita ja mitä ammattilaiset suosittelevat? Tästä keskustellaan tässä artikkelissa.

Tietojen visualisoinnista puhuminen ja mainitsematta jättäminen on sama asia kuin puhuminen luomisen historiasta henkilökohtaiset tietokoneet enkä sano sanaakaan Steve Jobsista. D3 (englanninkielisestä Data Driven Documentsista) on liioittelematta markkinoiden tärkein ja hallitsevin avoimen lähdekoodin JavaScript-kirjasto. lähdekoodi, jota käytetään yleisesti SVG-grafiikan luomiseen. SVG (englanninkielisestä Scalable Vector Graphicsista) on puolestaan ​​verkkoselaimien tukema, mutta aiemmin vähän käytetty vektorikuvamuoto.

D3-kirjasto johtuu suurelta osin suosiostaan ​​verkkosuunnittelijoiden äkillisestä kiinnostuksesta SVG:tä kohtaan, mikä johtuu suurelta osin siitä, kuinka hyvin vektorigrafiikka näyttää korkearesoluutioisilla näytöillä (etenkin Applen laitteissa käytetyillä Retina-näytöillä), joita on tulossa yhä enemmän. yleinen.

"Ollaan rehellisiä, jos ongelma on SVG-pohjainen tietojen visualisointi, niin kaikki muut kirjastot eivät ole lähelläkään ratkaisua", sanoo Moritz Stefaner, riippumaton tietojen visualisoinnin asiantuntija ja yrityksen omistaja. Totuus & Kauneus. ”D3:n pohjalta on myös tehty monia mielenkiintoisia projekteja, kuten NVD3, joka tarjoaa vakiografiikkakomponentteja – valmiita käyttöön, mutta muokattavissa; tai oletetaan, että Crossfilter on yksinkertaisesti erinomainen tietojen suodatustyökalu."

Scott Murray, ohjelmoija suunnittelija ja kirjailija Interaktiivinen tiedon visualisointi verkkoon, on samaa mieltä edellisen mielipiteen kanssa: "D3 on äärimmäisen tehokas, koska se hyödyntää kaikkea, mitä selaimilla on tarjota. Vaikka tällä on huono puoli: jos selain ei tue jotain, esimerkiksi WebGL-pohjaisia ​​3D-kuvia (englanninkielisestä Web Graphics Librarysta), niin D3 ei myöskään tue sitä.

Ja vaikka tämä kirjasto on todella universaali, se ei silti ole sitä ihanteellinen ratkaisu mihin tahansa tehtävään. "D3-kirjaston niin sanotusti suurin haittapuoli on, että se ei määrää tai edes ehdota mitään erityistä lähestymistapaa visualisointiin", lisää Scott Murray. "Se on siis todella työkalu tietojen lataamiseen selaimeen ja DOM-komponenttien luomiseen näiden tietojen perusteella."

Vaikka D3 on loistava työkalu mukautetuille kuville, jos haluat luoda vakiokaavion ilman paljon työtä visuaalisen näkökulman parissa, saatat löytää työkalun, kuten Vega. D3:n päälle kehitettynä kehyksenä Vega tarjoaa vaihtoehdon grafiikkakomponenttien näyttämiseen. Vegan avulla voit visualisoida tietoja JSON-muodossa European Journalism Centerissä ja Data Driven Journalism -projektissa. Kurssin tarkat päivämäärät eivät ole vielä tiedossa, mutta voit ilmoittautua nyt.

Viiden päivän aikana kurssin osallistujat voivat oppia, mitä datajournalismi on, miten se toimii ja mitä avaintaitoja heidän tulee hallita tullakseen alan asiantuntijaksi. Selvitä, mistä etsiä tietoja tarinojesi tueksi ja miten löytää uusia ideoita olemassa olevista tiedoista. Opi tekemään tylsästä tiedosta houkutteleva tarina, infografiikka tai jopa interaktiivinen visualisointi. Tutustu graafisen suunnittelun perusperiaatteisiin, jotka toimittajan tulee tietää.

Kurssin ohjaajina on viisi maailman johtavaa datajournalismin ja visualisoinnin asiantuntijaa.

Tietojen visualisoinnin tulevaisuus on interaktiivinen.

Mutta miten luot todella upeita interaktiivisia infografioita?

Infografiikkaa on kaikkialla, ja viime aikoina niistä on tullut yhä enemmän interaktiivisia.

Tämän päivän artikkelissa jaamme kanssasi interaktiivisten infografioiden luomisen salaisuudet sekä linkit hyödyllisiin resursseihin.

1. Ymmärrä psykologiaa

Ennen kuin teet infografiikasta interaktiivista, on tärkeää ymmärtää, miksi haluat tehdä siitä interaktiivisen.

Kuten tässä infografiassa on kuvattu, ihmiset havaitsevat visuaalisen tiedon paremmin. Luemme, ymmärrämme ja muistamme paljon todennäköisemmin esityksen, jos siinä on mukaansatempaavaa visuaalisuutta. on tehokas oppimisväline, mutta se voi olla vieläkin parempi.

Kineettinen oppiminen on loistava vaihtoehto, koska ihmiset oppivat paremmin fyysisen toiminnan kautta.

Siksi vuorovaikutteisuuden lisääminen lupaavaan visualisointikenttään auttaa sinua luomaan entistä mieleenpainuvampia ja tehokkaampia infografioita.

Tämä visuaalisen ja kineettisen lähestymistavan yhdistelmä tekee animoiduista infografioista tulevaisuuden sisällön. Tietysti joissakin teemoissa on parempi olla käyttämättä interaktiivisia elementtejä, mutta useimmissa tapauksissa ne vain parantavat sisältöä.

Liike lisää merkitystä tiedolle, antaa käyttäjälle mahdollisuuden hallita kokemusta ja aktivoi mielikuvituksen tavalla, jota staattinen infografiikka ei pysty.

2. Lisää vieritystehosteita

Muutaman viime vuoden aikana infografiikka on kehittynyt staattisista kuvista monipuolisiksi, interaktiivisiksi kokemuksiksi animaatio- ja videoelementeillä, jotka on räätälöity ainutlaatuiseen sisältöön. Se ei rajoitu enää valmiisiin, yksikokoisiin malleihin. Ja tämän päivän valikoima sisältää parhaat esimerkit infografioista, jotka osoittavat, miltä kiinnostava ja informatiivinen kokemus näyttää.

Suurin osa tämän luettelon infografioista valittiin näytettäväksi eri tavoilla, jolla suunnittelijat lähestyvät datan visualisointia. Tässä on kuitenkin myös muutamia "hybridejä", jotka havainnollistavat infografiikan ja multimediakokemuksen välisten rajojen hämärtymistä luotaessa kiinnostavaa sisältöä ja kiinnostavia tarinoita aloitussivuilla. Perinteisistä muodoista poikkeaminen tarkoittaa, että astumme monimutkaisemmalle media-alueelle, ja juuri tällainen kokeilu teknologian ja tarinankerronnan kanssa on ratkaisevaa graafisen suunnittelun tulevaisuuden muovaamisessa.

1. Tuulikartta

Tuulikartta on henkeäsalpaava muotoilu, joka näyttää tuulen suunnan ja nopeuden Yhdysvaltojen yli. Tällä suunnittelulla on pikemminkin taiteellinen kuin utilitaristinen tarkoitus, ja tämä on ihanaa: on erittäin miellyttävää vain istua ja katsella kuinka ohuet, ohuet langat kiertyvät kartan poikki. Yksinkertainen mutta hyvin harkittu esimerkki siitä, kuinka muodon liikeradat näyttävät infografiat hyötyvät animaatiosta ja liikkuvista kuvista.

2. Lennossa

The Guardian julkaisi vuonna 2014 In Flight -nimisen infografiikan, joka näytti reaaliaikaista dataa kaupallisista lennoista (se ei näytä enää päivittyvän, mikä on sääli) ja sisälsi myös oppitunnin ilmailun historiasta. Interaktiivisen esityksen alussa lentomiehistön väliset hiljaiset keskustelut luovat erityisen tunnelman. Näyttää siltä, ​​​​että infografiikka muuttuu pikkuhiljaa elokuvallisiksi kokemuksiksi näinä päivinä. Ainakin "In Flight" osoittaa siihen suuntaan...

3. Soita Moon

Dial A Moon -infografiassa ei tapahdu paljon, mutta se palvelee tarkoitustaan ​​melko hyvin. Vuonna 2015 NASAn ansiosta kuun vaiheiden infografiat päivitettiin tunnin välein, eikä tätä mystistä tietoa tarvinnut etsiä Googlesta. Nyt voit katsella kuvia syöttämällä manuaalisesti kuukauden, päivän ja ajan.

4. Päivä Pluton kanssa

Nature-lehti julkaisee paljon mielenkiintoisia infografioita tieteestä kiinnostuneelle yleisölleen. Niiden joukossa oli yksi kuuluisan avaruusaluksen ohilento lähellä Plutoa (24 Hours Of Pluto). Infografiikka sisälsi paljon tekstitietoa, mutta visuaaliset ominaisuudet tekivät helpoksi ymmärtää kohokohdat kääpiöplaneetan rakenteesta sen kuun muodostumisprosessiin. Tekstiosa on nyt saatavilla Internetissä, samoin kuin kaksi animoitua videota infografiikasta.

5. Kuinka amerikkalaiset talot ovat muuttuneet

Lähde matkalle läpi suuren amerikkalaisen unelman, joka näkyy kodin tyylien kehityksessä. Tämän hyvin kuvitetun infografian avulla pääset auton ratin taakse (joka myös muuttaa ulkonäköään, kun selaat ajan tasalla) ja navigoi 1900-luvulta 2000-luvulle ohittaen yksittäisinä vuosikymmeninä suosittuja rakennuksia. Matkan varrella kohtaat runsaasti hyödyllistä materiaalia (mukaan lukien ajan yhteiskunnallis-poliittiset olosuhteet sekä muotitrendit), ja kaikki päättyy kysymykseen, joka haastaa sinut kuvittelemaan amerikkalaisen kodin tulevaisuutta. Decades Of American Homes -infografiikka on loistava esimerkki vaakasuuntaisesta vieritystä, ja se on kätevä täällä.

6. Markkinointianalytiikan kehitys

Evolution of Insight -infografiassa käyttäjätietoyritys Vision Critical seuraa makehitystä ympäri maailmaa 1890-luvulta nykypäivään. Se toimii samalla tavalla kuin How American Homes Have Changed -infografiikka, ja sen avulla voit verrata interaktiivisen aikajanan käytön tehokkuutta kahdelle hyvin erilaiselle tarinalle. Decades Of American Homes -infografiassa on se etu, että näet koteja ajaessasi, mikä on paljon intuitiivisempaa kuin matkustaminen Great American Analyticsin kautta. Hyvä infografiikka luodaan sisällön ympärille, ei sen ympärille.

7. LGBT-oikeudet ympäri maailmaa

The Guardian nappaa listallamme toisen paikan tällä hienolla infografiikalla, joka selittää LGBT-oikeuksien oikeudellista maisemaa useissa eri kysymyksissä (avioliitto, työpaikkasyrjintä, viharikokset jne.) kaikissa maailman osavaltioissa. Puoliympyrässä liikkuminen tarjoaa nopean ja helpon tavan verrata tilastoja eri maiden välillä, ja infografiikan koostumus pitää globaalin tilan edessä ja keskellä. Tässä on myös voimakas toimintakehotus, jolla pyritään kuromaan umpeen tietoisuuden ja aktivismin välinen kuilu.

8. Epätasa-arvo on korjattavissa.

Toinen loistava esimerkki interaktiivisesta infografiikasta, Epätasa-arvo on korjattavissa, kutsuu yleisön sukeltamaan ongelmaan ja tekemään siitä syvästi henkilökohtaisen. Katsoja pysyy taatusti kiinnostunut materiaalista, joka kertoo, kuinka paljon hänen pomonsa alipalkaa ja miksi. Tekemällä käyttäjästä osa tarinaa kehittäjät herättävät uteliaisuutta ja ohjaavat käyttäjän läpi kaikki tarvittavat vaiheet aivan lopussa olevaan toimintakehotukseen.

"Annoimme sen tapahtua - kuinka voimme korjata sen nyt?"

9. Piirrä itsellesi: Kuinka perheen tulot ennustavat lapsen mahdollisuuksia mennä yliopistoon

Monet tämän luettelon infografiat käyttävät animaatiota ja interaktiivisuutta rikkaan kokemuksen tarjoamiseksi. Visuaalisesti tämä New York Timesin infografiikka (You Draw It: How Family Income Predicts Children's College Chances) noudattaa klassista kaaviomuotoa, mutta se hyödyntää myös käyttäjien käyttäytymisen ymmärtämistä laajentaakseen infografiikan suunnittelua, nimittäin ennakoivan tekniikan. ja interaktiivinen visualisointi. Pyydettäessä lukijoita piirtämään oma käyränsä he tuovat esiin oman edun mukaisen elementin ja tarjoavat siten ihmisille todella arvokasta tietoa.

Ei huonoin tulos! Pystyakseli on niiden lasten prosenttiosuus, jotka menivät yliopistoon. Vaaka-akseli: vanhempien tuloprosenttipiste

10. Kuinka amerikkalaiset kuolevat

Otsikkokuvaa lukuun ottamatta tässä esimerkissä käytetään pääasiassa vain vanhoja kaavioita sisällön visualisointiin. Mutta tämä ei ole ollenkaan tylsää, koska käyttäjät voivat itsenäisesti selata tietoja siirtämällä kohdistinta kaavioita pitkin. Tämä helpottaa esimerkiksi 70-luvun itsemurhiin liittyvien kuolemantapausten vertaamista nykyiseen verrattuna (vinkki: se on nyt nousussa), mitä staattinen kaavio ei tekisi yhtä siististi.

11.

Siitä lähtien, kun Snowfall sai debyyttiä laajan huomion ja ylistyksen osakseen, The New York Times on säilyttänyt maineensa multimediajournalismin huippuosaamisena. Julkaisutiimi käyttää infografisen suunnittelun ja syvällisen tarinankerronnan yhdistelmää luodakseen vaikuttavan mukaansatempaavan kokemuksen. Heillä on silmiinpistävämpiä esimerkkejä, mutta The Russia Left Behind on teos, joka on aiheuttanut tiettyä resonanssia. Infografiikka toimii interaktiivisena kierroksena Venäjällä (navigoit reittiäsi kartalla).

12. Bondin autot

Jos haluat joskus kokea James Bondin historian katsomalla hänen autojaan, kiitä brittiläistä autokauppiasta Evans Halshawia mahdollisuudesta. Hänen interaktiivisen Bond Cars -infografiansa avulla voit tutkia jokaisen Bond-auton merkkiä ja suunnittelua sekä antaa sinulle muutamia lisäominaisuuksia. mielenkiintoisia seikkoja. Käyttämällä kaikkialla läsnä olevaa liukusäädintaktiikkaa voit myös "paljastaa" auton kaikessa metallisessa loistossaan (oletuksena on vain yksivärinen muotoilu). Näin kirjoittajat ratkaisivat luovasti ongelman, joka liittyy tarpeeseen sisällyttää valokuvia, jotka eivät aivan sovi infografian estetiikkaan.

13. Liikkeen värit

The Colours Of Motion on infografiikkasarja, joka analysoi elokuvia pelkästään niiden väripaletin perusteella, joka on saatu yhdistämällä kaikki kehykset. Jos olet joskus miettinyt, nyt sinulla on vastaus. Etkö löydä otsikkoa tietokannasta? Lähetä vain viesti kehittäjille - he hyväksyvät pyynnöt.

14. Kuninkaallinen hauta Perussa

National Geographicilla on melko vaikuttava kokoelma niin sanottua "interaktiivista grafiikkaa" (joista useimpiin on liitetty yksityiskohtaiset tekstikuvaukset, kuten Trajanuksen sarake), mutta valitsimme tämän suhteellisen yksinkertaisen esimerkin korostaaksemme, kuinka tekniikat ovat todella tehokkaita interaktiivinen infografiikka. ”Perun kuninkaallinen Wari Tomb” paljastaa tuon ajan aatelisnaisen hautaamisen erityispiirteet. Painopiste siirtyy muumion kääreistä sen koristeisiin ja asentoon. Jakamalla tiedot pieniin osiin ja sallimalla käyttäjän navigoida niiden välillä, interaktiivinen grafiikka välttää kaikkein salakavalimimmat sudenkuopat: tiedon ylikuormituksen ja visuaaliset tehosteet. Lisäksi jokainen myöhempi vuorovaikutus parantaa kokemusta ja tekee siitä paljon palkitsevamman kuin jos kaikki esitettäisiin kerralla. Aivoissamme on mekanismi, joka torjuu ylivoimaiset ärsykkeet ja tämä tyyppi vuorovaikutuksesta tulee käyttäjälle erinomainen ratkaisu, joka tekee tiedon vastaanottamisesta helppoa.

15. Mikä on "Skotlannin kansanäänestys"? Selitys ei-brittiläisille

The Guardian, kuten New York Times, on sitoutunut multimediajournalismiin, ja heidän videonsa tekee loistavaa työtä yhdestä infografiikan päätehtävästä: saattelee hankalat tiedot hallittavaan muotoon. Monille meistä Ison-Britannian ulkopuolella asuvista kansanäänestys on hyvin hämmentävä aihe. Onneksi tämä video (Scottish Referendum Explained For Non-Brits) auttaa sinua nopeasti oppimaan tärkeistä näkökohdista ilman, että sinun tarvitsee sukeltaa syvälle historiaan.

16. Kansanterveys

Atlantin tehtävänä oli kehittää visio kansanterveyden parantamiseksi. Se tilasi Truth Labsin kehittämään kolmiosaisen "Population Health" -sarjan digitaaliseksi tarinankerronnaksi. Taiteilijan päätavoitteena oli säilyttää asiakirjan luonnollinen vieritys ja käyttäjän normaali lukukokemus sekä luoda visuaalisesta näkökulmasta poikkeava kokemus. Herättääkseen sen henkiin he lainasivat työkaluja ja strategioita elokuvista, mutta luottivat myös suunnitteluperiaatteisiin, jotka tukivat luettavuutta keskeisenä sääntönä.

17. Johon jyvät

Itävaltalainen kahvintuottaja Joho's on luonut mukaansatempaavan multimediakokemuksen, Joho's Beanin, joka kertoo kahvipavun alkuperästä. Kerronnassa yhdistyvät saumattomasti ääni, video ja valokuvaus, joka aktivoi lähes kaikki käyttäjän aistit. Kun seuraat maanviljelijää läpi kahviviljelmä, kuulet lintujen sirkutuksen, pusseihin pakattujen paahdettujen kahvipapujen äänen ja kaupungin vilkkaiden katujen ja liikenteen äänen. Täydellinen uppoutuminen!

Joho's vie sinut matkalle, jossa kerrotaan heidän kahvipapujensa alkuperästä

18. Koskematon tie

The Wild Path on interaktiivinen matkakertomuskokemus, joka on luotu Canvasilla. Pääelementti on kartta, joka animoi polun kartalla vierittäessäsi sivua. Projekti ei välttämättä toimi kaikissa selaimissa. Mutta sen mukana tulee artikkeli, joka selittää kaikki infografioiden luomisen kulissien takana olevat tekniikat.

19.

The Guardianin uutisointi Yhdysvaltain vuoden 2016 presidentinvaaleista (Live Election Results) toi hauskan elementin äänestysnumeroiden ja äänestyspaikkojen vakavaan asiaan. Interaktiivinen infografiikka seurasi ääniä neljässä osavaltiossa. Kaaviossa näkyi oletusarvoisesti tulokset koko maasta, ja jos käyttäjä vie hiiren osoittimen kartalla alueen päälle, se osoitti, mitkä numerot ehdokkaat siellä saivat. Presidenttiehdokkaat esiteltiin hauskoina pikselöityinä avatareina. Kun infografiikka päivitettiin reaaliajassa, ihmiset värjäytyivät voitettuihin osavaltioihin. Aika ajoin ehdokkaan viereen ilmestyi kuplaan lainaus.

Vaalitulosten heijastus reaaliajassa