Interaktiivinen infografiikka. Vinkkejä upeiden interaktiivisten infografioiden luomiseen. Kuninkaallinen hauta Perussa

Siru virtuaalitodellisuus että muiden mielestä näytät idiootilta

Googlen Cardboard Design Lab on hyvä "oppikirja" aloitteleville VR-suunnittelijoille

Infografiikka - kuin RPG-peli

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

Virtuaalitodellisuus on kuin kuulokkeet silmillesi

Virtuaalitodellisuus vaatii turvallisen ympäristön, johon ei voi mennä tien päällä. Se rajoittaa VR:n mahdollisuuksia

Päätettiin istunto aamulla Archie Tse The New York Timesista provosoivalla teemalla "Miksi NYT tekee vähemmän interaktiivista työtä".

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

  1. Jos lukijan täytyy klikata 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ää, tee se niin, että lukija näkee sen välittömästi.
  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. Lisää tekstejä
  3. Jos tarvitset liikettä kuvassa, se näkyy vierityksen aikana

(Piste neljä sanoo, että he tekevät edelleen vuorovaikutteista työtä. Mutta nyt tilaisuuden on oltava ERITTÄIN merkityksellinen.)

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

Archie Tse: Scrolling vs. napsauttamalla

18 viikon ajan Andy Kriebel on julkaissut VizWizissä infografiaa ja dataa, johon se perustuu joka sunnuntai-ilta. Tehtävänä on varata maanantain aikana noin tunti aikaa, analysoida nopeasti visualisointi ja tehdä oma versio.

Alla julkaisemme viime viikon tulokset - Orjuus XXI-luvulla.

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

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

Sain myös selville, 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 koskettivat minua ytimeen asti.

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 syventyä ongelman olemukseen, mikä vahingoittaa visualisoinnin tarkoitusta - tiedottaa yleisölle. Siksi 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 tietojenkäsittelytyökalujen määrä on jo itsessään selvä osoitus siitä, että koskaan aikaisemmin niin monet ihmiset eivät ole yrittäneet tottua datan visualisoinnin maailmaan. Ja kun opiskelumateriaalia on niin paljon, on vain yksi kysymys "Mistä aloittaa?" voi pelotella jokaista aloittelijaa. Mitkä ovat siis parhaat kirjastot ja mitä ammattilaiset suosittelevat? Tästä keskustellaan tässä artikkelissa.

Tietojen visualisoinnista puhuminen ja mainitsematta jättäminen on kuin puhuisi luomisen historiasta henkilökohtaiset tietokoneet enkä koskaan sano sanaakaan Steve Jobsista. D3 on lyhenne sanoista Data Driven Documents, ja se on liioittelematta markkinoiden tärkein ja hallitsevin avoimen lähdekoodin JavaScript-kirjasto. lähdekoodi, jota käytetään yleisesti SVG-kaavioiden luomiseen. SVG (englanniksi. Scalable Vector Graphics) on puolestaan ​​web-selaimien 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ä, vektorigrafiikkaa näkyvät korkearesoluutioisille näytöille (etenkin Applen laitteissa käytetyille Retina-näytöille), jotka ovat yleistymässä.

"Ollaan rehellisiä, jos tehtävänä on visualisoida dataa SVG:n perusteella, niin kaikki muut kirjastot eivät olleet lähelläkään sen ratkaisemista", sanoo Moritz Stefaner, riippumaton datan visualisoinnin asiantuntija ja yrityksen omistaja. Totuus & Kauneus. ”Myös mielenkiintoisia D3-pohjaisia ​​projekteja on olemassa, kuten NVD3, joka tarjoaa vakiografiikkakomponentteja – valmiita käyttöön, mutta muokattavissa; tai esimerkiksi Crossfilter on yksinkertaisesti erinomainen tietojen suodatustyökalu."

Scott Murray, ohjelmoija-suunnittelija ja kirjailija Interaktiivinen tiedon visualisointi verkkoon, on samaa mieltä edellisen mielipiteen kanssa: "D3:lla on poikkeuksellinen voima, joka piilee siinä, että se käyttää 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 ihanteellinen ratkaisu jokaiseen 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 sitten DOM-komponenttien luomiseen näiden tietojen perusteella."

Vaikka D3 on loistava työkalu mukautetuille kuville, jos haluat luoda vakiokaavion ilman paljon visuaalista työtä, käytä työkalua, kuten Vega. D3:n päälle kehitettynä kehyksenä Vega tarjoaa vaihtoehdon graafisten komponenttien näyttämiseen. Vegan avulla voit visualisoida tietoja JSON-muodossa The European Journalism Center ja Data Driven Journalism Project. Tarkat päivämäärät kurssi ei ole vielä tiedossa, mutta voit ilmoittautua nyt.

Viiden päivän aikana kurssin osallistujat voivat oppia, mitä datajournalismi on, miten se toimii ja mitä keskeisiä taitoja tulee hallita, jotta hänestä tulee alan asiantuntija. Selvitä, mistä etsiä tietoja tarinojesi tueksi ja miten löytää uusia oivalluksia 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.

Muutaman viime vuoden aikana infografiikka on kehittynyt staattisista kuvista runsaiksi interaktiivisiksi kokemuksiksi ainutlaatuiseen sisältöön räätälöityjen animaatioiden ja videoiden avulla. Se ei enää rajoitu valmiisiin, yleisiin malleihin. Ja tämän päivän kokoelma sisältää parhaat infografiat, jotka esittelevät, miltä mielenkiintoinen ja informatiivinen kokemus näyttää.

Suurin osa tämän luettelon infografioista on valittu näytettäväksi eri tavoilla, jolla suunnittelijat lähestyvät datan visualisointia. Tässä on kuitenkin myös useita hybridejä, jotka havainnollistavat infografiikan ja monipuolisten multimediakokemusten välisten rajojen hämärtymistä samalla kun luodaan kiinnostavaa sisältöä ja kiinnostavia tarinoita aloitussivuille. Perinteisistä muodoista poikkeaminen tarkoittaa, että astumme monimutkaisempaan media-alueeseen, ja juuri tällaiset kokeilut teknologian ja tarinankerronnan kanssa ovat ratkaisevia graafisen suunnittelun tulevaisuuden muovaamisessa.

1. Tuulikartta

Tuulikartta on henkeäsalpaava muotoilu, joka näyttää tuulen suunnan ja nopeuden Yhdysvaltojen yllä. Tällä suunnittelulla on pikemminkin taiteellinen kuin utilitaristinen tarkoitus, mikä on hienoa: on erittäin mukavaa vain istua ja katsella kuinka ohuet, ohuet langat kiertyvät kartan ympärillä. Yksinkertainen mutta hyvin harkittu esimerkki siitä, kuinka muotojen polkuja esittävä infografiikka voi hyötyä animaatiosta ja liikkuvista kuvista.

2. Lennossa

The Guardian julkaisi vuonna 2014 In Flight -infografian, joka näyttää reaaliaikaiset kaupalliset lentotiedot (näyttää siltä, ​​ettei päivitetä juuri nyt, mikä on sääli), sekä oppitunti ilmailuhistoriasta. Interaktiivisen esityksen alussa lentäjien väliset hiljaiset keskustelut luovat erityisen tunnelman. Näyttää siltä, ​​​​että infografiikka muuttuu hitaasti elokuvalliseksi kokemukseksi näinä päivinä. Ainakin "In Flight" osoittaa siihen suuntaan...

3. Soita kuuhun

Dial A Moon -infografiassa ei tapahdu paljon, mutta se palvelee tarkoitustaan ​​melko hyvin. Vuonna 2015 NASAn ansiosta kuun vaiheiden infografiikka päivitettiin tunnin välein, etkä voinut mennä Googleen etsimään tätä salaperäistä tietoa. Nyt voit katsella kuvia syöttämällä manuaalisesti kuukauden, päivän ja ajan.

4. Päivä Pluton kanssa

Nature-lehti julkaisee monia mielenkiintoisia infografioita tiedemieliselle yleisölleen. Yksi niistä oli kuuluisa avaruusaluksen ohilento lähellä Plutota (24 Hours Of Pluto). Infografiikka sisälsi paljon tekstitietoa, mutta visuaalisten kuvien avulla oli helppo ymmärtää kaikkea kääpiöplaneetan rakenteesta sen kuuiden muodostumiseen. Nyt tekstiosa on saatavilla Internetissä, samoin kuin kaksi animoitua videota infografiikasta.

5. Kuinka amerikkalaiset talot ovat muuttuneet

Lähde matkalle suuren amerikkalaisen unelman läpi, joka näkyy talotyylien kehityksessä. Tämän hyvin kuvitetun infografiikan avulla voit istua auton ratin takana (myös muuttuu vierittäessäsi pysyäksesi ajan tasalla) ja kulkea 1900-luvulta 2000-luvulle ohittaen rakennuksia, jotka ovat suosittuja vuosikymmeniä. Matkan varrella törmäät paljon hyödyllistä materiaalia (mukaan lukien ajan yhteiskunnallis-poliittiset olosuhteet sekä muotitrendit), ja kaikki päättyy kysymykseen, joka rohkaisee sinua kuvittelemaan amerikkalaisen kodin tulevaisuutta . Decades Of American Homes -infografiikka on loistava esimerkki vaakasuuntaisesta vieritystä, ja se sopii tähän.

6. Markkinointianalytiikan kehitys

Älykäs käyttäjätutkimusyritys Vision Critical seuraa Evolution of Insight -infografiassa makehitystä ympäri maailmaa 1890-luvulta nykypäivään. Se toimii samalla tavalla kuin How American Homes Changed -infografiikka, ja sen avulla voit verrata interaktiivisen aikajanan käytön tehokkuutta kahdelle hyvin erilaiselle tarinalle. Decades Of American Homes -infografialla on se etu, että kotien katseleminen ajon aikana on paljon intuitiivisempaa kuin matkustaminen suuren amerikkalaisen analytiikan läpi. Hyvä infografiikka luodaan sisällön ympärille, ei sen ympärille.

7. LGBT-yhteisön oikeudet kaikkialla maailmassa

The Guardian ottaa toisen paikan listallamme tällä tyylikkäällä infografiikalla, joka selittää LGBT-oikeuksien oikeudellista tilannetta useissa eri kysymyksissä (avioliitto, työpaikkasyrjintä, viharikokset jne.) kaikissa maailman maissa. Liikkuminen puoliympyrässä tarjoaa nopean ja helpon tavan verrata tilastoja eri maiden välillä, ja infografiikka pitää globaalin tilan edessä ja keskellä. Siellä on myös voimakas toimintakehotus, joka pyrkii kuromaan siltaa pelkän tietoisuuden ja aktivismin välillä.

8. Epätasa-arvo on korjattavissa

Toinen upea esimerkki interaktiivisesta infografiikasta, Inequality Is Fixable, kutsuu yleisön sukeltamaan asiaan syvästi henkilökohtaisella tavalla. Katsoja ei taatusti menetä kiinnostusta materiaaliin, joka kertoo, kuinka paljon hänen pomonsa alipalkaa ja miksi. Tekemällä käyttäjästä osa tarinaa kehittäjät ruokkivat uteliaisuutta ja ohjaavat käyttäjää läpi kaikki tarvittavat vaiheet aina loppuun saakka, kunnes kehotetaan toimintaan.

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

9. Piirrä itsesi: Kuinka kotitalouden tulot ennustavat lapsesi mahdollisuuksia mennä yliopistoon

Monet tämän luettelon infografiat käyttävät animaatiota ja interaktiivisuutta rikkaan kokemuksen tarjoamiseksi. Tämä New York Timesin infografiikka (You Draw It: How Family Income Predicts Children's College Chances) noudattaa visuaalisesti klassista kaaviomuotoa, mutta se käyttää myös ymmärrystä käyttäjien käyttäytymisestä laajentaakseen infografiikan suunnittelua, kuten ennakoivaa ja interaktiivista. visualisointi. Pyydtämällä lukijoita piirtämään oman käyränsä he tuovat esiin oman edun mukaisen elementin ja antavat siten ihmisille todella arvokasta tietoa.

Ei huonoin tulos! Pystyakseli on korkeakouluun menevien lasten prosenttiosuus. Vaaka-akseli on vanhempien tulojen prosenttipiste

10 Kuinka amerikkalaiset kuolevat

Otsikkokuvaa lukuun ottamatta tässä esimerkissä käytetään enimmäkseen hyviä vanhanaikaisia ​​kaavioita sisällön hahmontamiseen. Mutta tämä ei ole ollenkaan tylsää, koska käyttäjät voivat itsenäisesti liikkua tietojen läpi siirtämällä kohdistinta kaavioita pitkin. Tämä helpottaa huomattavasti esimerkiksi 70-luvun itsemurhakuolemien määrää nykypäivään verrattuna (vinkki: se on nyt nousussa), staattinen kaavio ei tekisi sitä niin siististi.

11.

Siitä lähtien, kun Snowfall debytoi maailmanlaajuisen huomion ja ylistyksen saajana, The New York Times on säilyttänyt maineensa huippuluokan multimediajournalistina. Julkaisutiimi käyttää infografisen suunnittelun ja syvällisen tarinankerronnan yhdistelmää luodakseen vaikuttavan mielenkiintoisen kokemuksen. Heillä on silmiinpistävämpiä esimerkkejä, mutta The Russia Left Behind on teos, joka on aiheuttanut tiettyä resonanssia. Infografiikka toimii kuin interaktiivinen matka Venäjän halki (navigoit reittiäsi kartalla).

12. Bond-autot

Jos haluat joskus oppia James Bondin historian katsomalla hänen autojaan, niin kiitos brittiläistä autokauppiasta Evans Halshawta – hän antoi sinulle sellaisen mahdollisuuden. Sen interaktiivisen Bond Cars -infografian avulla voit tutkia jokaisen Bond-auton merkkiä ja suunnittelua sekä muutamia lisäominaisuuksia. mielenkiintoisia seikkoja. Käyttämällä kaikkialla läsnä olevaa liukusäädintaktiikkaa voit myös "paljastaa" auton kaikessa metallisessa loistossaan (oletusarvoisesti vain yksi väri annetaan). Niinpä kirjoittajat ratkaisivat luovasti ongelman, joka koski kuvien sisällyttämistä, jotka eivät oikein sovi infografiikan estetiikkaan.

13. Liikkeiden värit

The Colours Of Motion on infografiikkasarja, joka analysoi elokuvia pelkästään niiden väripaletin perusteella, joka on johdettu kaikkien kehysten yhdistelmästä. 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 esimerkiksi Trajanuksen sarakkeen tapauksessa), mutta valitsimme tämän suhteellisen yksinkertaisen esimerkin korostaaksemme sen käyttöä. mitkä menetelmät ovat todella tehokkaita interaktiivisissa infografioissa. "The Royal Tomb in Peru" (Peru's Royal Wari Tomb) paljastaa noiden aatelisten naisen hautauksen piirteet. Painopiste siirtyy muumion käärimisestä sen koristeisiin ja asentoon. Jakamalla tiedot pienempiin osiin ja sallimalla käyttäjän liikkua niiden välillä, vuorovaikutteinen grafiikka välttää kavalimmat sudenkuopat: datan ja visuaalisten tehosteiden ylimäärän. Lisäksi jokainen myöhempi vuorovaikutus laajentaa kokemusta ja tekee siitä paljon palkitsevamman kuin jos kaikki esitettäisiin kerralla. Aivoissamme on mekanismi, joka torjuu estävät ärsykkeet ja annettu tyyppi vuorovaikutuksesta tulee käyttäjälle loistava ratkaisu, mikä tekee tiedon vastaanottamisesta helppoa.

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

The Guardian, kuten New York Times, luottaa multimediajournalismiin, ja heidän videonsa tekee hyvää työtä yhdellä infografiikan päätehtävästä: antaa hankalalle tiedolle hyväksyttävä muoto. Monille meistä Yhdistyneen kuningaskunnan ulkopuolella kansanäänestys on hyvin hämmentävä aihe. Onneksi tämä video (Scottish Referendum Explained For Non-Brits) auttaa sinua oppimaan nopeasti sen tärkeät näkökohdat ilman, että sinun tarvitsee perehtyä syvällisesti tarinaan.

16. Kansanterveys

Tehtävänä ennen The Atlanticia oli kehittää käsite yhteiskunnan terveyden parantamisesta. Se tilasi Truth Labsin kirjoittamaan kolmiosaisen sarjan väestön terveydestä digitaalisena kertomuksena. Esiintyjän päätavoitteena oli säilyttää asiakirjan luonnollinen vieritys ja käyttäjän tavanomaiset lukuolosuhteet sekä luoda visuaalisesta näkökulmasta poikkeava kokemus. Eläyttääkseen visionsa 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 loi vaikuttavan multimediaelämyksen Joho's Bean kertomaan tarinan kahvipapujen alkuperästä, linnunlaulusta, pusseihin pakattujen paahdettujen kahvipapujen äänestä sekä kaupungin vilkkaasta katujen ja liikenteen melusta.

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

18. Alkuperäinen tie

The Wild Path on interaktiivinen matkatarinakokemus, joka on luotu Canvasilla. Pääelementti on kartta, joka animoi polun kartalla sivua rullattaessa. Projekti ei välttämättä toimi kaikissa selaimissa. Sen mukana tulee kuitenkin artikkeli, jossa selitetään kaikki kulissien takana oleva infografiikkatekniikka.

19.

The Guardianin (Live Election Results) -katsaus Yhdysvaltain vuoden 2016 presidentinvaaleista toi hauskan elementin vakavaan kiinnostuksen ja äänestyspaikkojen toimintaan. Interaktiivinen infografiikka seurasi ääniä neljässä osavaltiossa. Kaaviossa näkyi oletusarvoisesti tulokset koko maasta, ja jos käyttäjä vie hiiri jonkin alueen päälle kartalla, se osoitti, mitkä numerot ehdokkaat siellä saivat. Presidenttiehdokkaat esiteltiin hauskoina pikselöityinä avatareina. Kun infografiat päivitettiin live-ajassa, pikkumiehet sävyttivät osavaltiot, joissa he voittivat. Aika ajoin ehdokkaan viereen ilmestyi kuplassa oleva lainaus.

Vaalitulosten heijastus reaaliajassa

Tietojen visualisoinnin tulevaisuus on interaktiivinen.

Mutta kuinka luoda todella upea interaktiivinen infografiikka?

Infografiikkaa on kaikkialla, ja niistä tulee yhä useammin 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 infograafista interaktiivista, on tärkeää ymmärtää, miksi haluat tehdä siitä sellaisen.

Kuten tässä infografiassa on kuvattu, ihmiset omaksuvat paremmin visuaalista tietoa. 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, sillä ihmiset oppivat paremmin fyysisen toiminnan kautta.

Siksi vuorovaikutteisuuden lisääminen visualisoinnin perspektiivialueeseen 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 tavoilla, joita staattinen infografiikka ei pysty.

2. Lisää vieritystehosteita

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

Visuaalisuuden voimaa Internetissä ja jokapäiväisessä elämässämme ei voi kiistää. YouTubea ja Instagramia hallitsee visuaalinen sisältö; YouTube on kolmanneksi vierailluin sivusto verkossa, ja Instagramiin ladataan päivittäin yli 80 miljoonaa kuvaa.

Blogiviestit ja artikkelit ovat 80 % kulutettavampia, 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 ensimmäisistä sekunneista lähtien.

Infografiikka on yleisön ja kauppiaiden suosikki, ja ihmiset ovat nykyään niistä kiinnostuneempia 800 % enemmän kuin vuonna 2012.

Kaiken lisäksi sisältöä syntyy hälyttävää vauhtia – 60 % markkinoijista luo vähintään pienen osan uutta sisältöä joka päivä! Voit lukea lisää arvosteluartikkelista.

Kun yhä useammat ihmiset alkavat luoda sisältöä, jokin on käymässä selväksi: jotta sinut nähtäisiin, sinun on erotuttava joukosta.

Luonnollisesti sisältömarkkinoijat ajattelevat jo visuaalisen sisällön tulevaisuutta, katsovat mitä he voivat tehdä nyt, mitä he voivat toteuttaa ja mitä uusia teknologioita on näköpiirissä. Tämä tulevaisuuteen ajattelu voi tehdä tai katkaista kaikki 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 päivittääkseen niitä tehdäkseen niistä entistä houkuttelevampia yleisölle. Vaikka olisitkin jo "vain julkaisemassa" infografiikkaa säännöllisesti, ei ole koskaan liian aikaista oppia trendeistä, jotka ovat juuri alkamassa nousuun, kuten ei ole koskaan liian aikaista oppia sisällyttämään ne sisältömarkkinointistrategioihin.

Jos haluat nähdä kurkistuksen 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 infografiikkatyökalua, suosittelen Vismeä. Ensinnäkin he tarjoavat ilmaisen tilin ja upeita mukavuusominaisuuksia muille kuin suunnittelijoille. Voit saada ilmaisen tilin nyt.

1. Interaktiivinen infografiikka

Vaikka näemme 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 muodostaa yhteys tietoihin ja luoda omia.

Olipa yrityksesi, tuotteesi, palvelusi tai viestisi mikä tahansa, voit luoda interaktiivisia infografioita, joiden avulla ihmiset voivat arvioida itseään (esim. "laske painoindeksisi tästä"). Käyttäjät voivat myös napsauttaa asiaankuuluvia tietoja, jotka ohjaavat heidät tarkemmin kohdistetulle resurssille tai takaisin aloitussivulle, mikä tuottaa liikennettä. Tämä on erittäin mukautuva ja hauska tapa saada yleisösi mukaan.

Monet markkinoijat ovat jo sopeutuneet tällaiseen infografiaan ja se siirtyy nopeasti. Mutta samaan aikaan monet ottavat kuitenkin perustan 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" luominen
  • Avaa kuvat tai tilastot, kun napsautat niitä
  • Infografioiden muuttaminen useiksi sivuiksi, joita käyttäjät voivat tarkastella

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

Tehdäksesi infografiikasta erittäin interaktiivista (vieritys, ponnahdusikkunat 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 sisällöllä, joka on ainutlaatuinen, mukaansatempaava ja tehokas.

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

  • Se inspiroi yleisöäsi osallistumaan ja jakamaan sisältöäsi
  • Se tuottaa liikennettä (linkkien kautta)
  • Tämä todistaa yleisöllesi, että olet innovatiivinen, kekseliäs ja sitoutunut toimittamaan oikea-aikaista ja mielenkiintoista sisältöä.
  • On olemassa useita 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. Infografiikat, jotka tarjoavat lyhyitä videoita tai jopa GIF-tiedostoja (Graphic Data Interchange Format), ovat loistava tapa kiinnittää huomiota ja saada infografiasi erottumaan joukosta. Vaikka tämä rajoittaa alustoja, voit jakaa infografiisi reaaliajassa.

Monet yksinkertaiset infografiikkatyökalut, kuten Easel.ly, tarjoavat "Upotettu YouTube-video" -vaihtoehdon, 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 liittää ne samalla tavalla. Ongelma tässä on se, että sinun on jaettava infografiikkasi URL-osoitteena varmistaaksesi, että se on upotettu oikein sivustollesi. Et saa jakaa tai tallentaa tällaisia ​​infografioita .jpeg- tai PDF-muodossa. Epäilemättä, kun siitä tulee yhä suositumpi, muut video- ja GIF-lisäystyökalut näyttävät helpottavan prosessia entisestään.

Mutta jos haluat käyttää tämäntyyppistä infografiaa ennen kuin kaikki muut, jopa heidän koiransa, ovat oppineet tekemään sen, aloita nyt verkosta löytyvillä työkaluilla.

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

Miksi upottaa video tai GIF infografiaan?

  • Tämä antaa sinulle yllätyksen elementin - 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

Animoiduissa infografioissa on valtava määrä visuaalisia kuvioita ja ne vaativat 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, niitä arvostetaan suuresti.

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 monimutkaisimmista prosesseista infografiikan kehityksessä.

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

  • Se todella saa 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.
  • Se innostaa käyttäjiäsi työskentelemään kanssasi

Mikään näistä ei ole tieteisfiktiota.

Se saattaa kuulostaa liian tekniseltä ja näyttää ylivoimaiselta nyt, mutta on todennäköistä, että tämäntyyppiset infografiat tulevat hyvin yleisiksi 2-3 vuoden kuluttua. Animoiduissa infografiikassa ja gif-infografiikassa on jo nähtävissä suuri läpimurto, varsinkin kun gifien suosio kasvaa jatkuvasti. Infografiikasta on tulossa yksi kulutetuimpia ja eniten luotuja sisältötyyppejä verkossa. 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 kyllästyy sitten, haluat luonnollisesti poistaa näytöltä kaiken, mikä voi viivyttää häntä – tai ainakin saada viestin 15 sekunnissa tai vähemmän. Jotkut tutkimukset ovat jopa osoittaneet, että ihmiset voivat keskittyä mihin tahansa enintään 8 sekuntia, ja tämä luku pienenee joka vuosi.

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

Jos infografiikan läsnäolo tänään on indikaattori, niin pian se on kaikkialla. Tämä tarkoittaa uusia muutoksia työssäsi. Mikään markkinointikampanja historiassa ei ole onnistunut tekemällä samaa asiaa koko ajan.

Ajatuksena tässä on nähdä infografiikka jotain enemmän kuin .jpeg-kuvana. Infografiikkaa voidaan mukauttaa erilaisiin ympäristöihin ja käyttää valtavasti erilaisilla alustoilla. Yrittäjät ja markkinoijat ovat jo nähneet tässä potentiaalin. Ja sinä?