Valószínűleg észrevetted, hogy az online világban hatalmas elmozdulás történt a szövegalapú tartalomról a vizuális tartalomra.

Nem tagadható az interneten és a mindennapi életünkben megjelenő látvány ereje. A YouTube -on és az Instagramon a vizuális tartalom dominál; A YouTube a harmadik leglátogatottabb webhely az interneten, naponta több mint 80 millió fotót tesznek közzé az Instagramon.

A blogbejegyzések és cikkek 80% -kal "fogyaszthatóbbak", ha színes képekkel, fejlécekkel vagy miniatűrökkel rendelkeznek, és az emberek legfeljebb 15 másodpercet töltenek egy webhelyen, ha az első másodpercben nem vonja le a figyelmüket.

Az infografika a közönség és az eladók kedvence, és ma 800% -kal érdekesebb az emberek számára, mint 2012 -ben.

Ráadásul a tartalom riasztó ütemben készül - a marketingesek 60% -a minden nap legalább egy kis darab új tartalmat hoz létre! Az áttekintő cikkben többet megtudhat.

Ahogy egyre többen készítenek tartalmat, valami világossá válik: ahhoz, hogy láthatóak legyünk, kiemelkedni kell.

Természetesen a tartalom -marketingszakemberek már a vizuális tartalom jövőjén gondolkodnak, kitalálják, mit tehetnek most, mit tudnak megvalósítani, és milyen új technológiák vannak már a láthatáron. Ez a fajta előrelátó gondolkodás olyasmi, ami mindent létrehozhat vagy tönkretehet minden tartalommarketing -erőfeszítést; alkalmazkodnod kell, különben megfulladsz.

A vizuális tartalmak, például az infografikák révén a marketingszakemberek egyedülálló helyzetben vannak, hogy közelebb kerülve lássák a jövőt. A vállalatok, a grafikusok és a marketingszakemberek mind elkezdik használni az infografikákat - frissítik azokat, hogy még vonzóbbá tegyék közönségüket. Még ha rendszeresen „csak közzéteszi” az infografikákat, soha nem túl korai tudni a trendekről, amelyek csak most kezdenek kifejlődni, mint ahogy nem túl korai tudni, hogyan kell ezeket alkalmazni a tartalommarketing stratégiáiban.

Ha a jövőbe szeretne tekinteni, és talán még mások előtt is megtanul néhány trükköt, akkor itt az ideje!

Íme három típusú infografika, amelyek a leggyakoribbak lesznek a (közel) jövőben.

Ha jó infografikai eszközt keres, javaslom, hogy nézze meg a Visme -t. Kezdetnek ingyenes fiókot és remek praktikus funkciókat kínálnak a nem tervező embereknek. Ingyenes fiókot szerezhet most.

1. Interaktív infografika

Bár látjuk az interaktív weboldalak és a könnyen használható játékok szépségét, az interaktív infografikák még meglehetősen újak a maguk területén. Az infografikához hasonlóan nyilvánvalóan tartalmaznak bizonyos információkat, és általában dinamikusak. Az interaktív elemek használata azonban lehetővé teszi a felhasználók számára, hogy kapcsolatba lépjenek az információkkal, és létrehozzák sajátjukat.

Vállalkozásától, termékétől, szolgáltatásától vagy üzenetétől függetlenül létrehozhat interaktív infografikákat, amelyek lehetővé teszik az emberek számára, hogy értékeljék magukat (például „Itt számolja ki BMI -jét”). A felhasználók rákattinthatnak a releváns információkra is, amelyek továbbítják őket egy mélyebben célzott erőforráshoz, vagy vissza a céloldalra, ezáltal forgalmat generálva. Ez egy rendkívül alkalmazkodó és szórakoztató módja a közönség bevonásának.

Sok marketinges már alkalmazkodott az ilyen típusú infografikához, és gyorsan továbbadják. De ugyanakkor sokan alapul vesznek egyszerű infografika:

.... képzelje csak el, mit tehet még az interaktív infografikákkal.

Megpróbálhatod:

• Görgetési technikák használata, amelyekkel a képek vagy formák kiemelkednek a háttérből
• "Előugró ablakok" készítése, amelyek kiterjesztik a szövegterületeket
• Lebegő képek vagy statisztikák, ha rákattint
• Infografikáit több oldallá alakíthatja, amelyeket a felhasználók megtekinthetnek

Az interaktív infografikák részletesebb példája érdekében nézze meg ezt:

Annak érdekében, hogy az infografikája rendkívül interaktív legyen (görgetéssel, előugró ablakokkal stb.), Meg kell tanulnia egy kicsit a HTML5-ről vagy a CSS-ről, vagy fel kell bérelnie valakit, hogy kitalálja.

Az extra erőfeszítések ellenére egyedi, magával ragadó és hatékony tartalommal jutalmaz.

Miért kell a közeljövőben az infografikákat megvalósítani?

• Arra ösztönzi a közönséget, hogy foglalkozzon és ossza meg tartalmát.
• Ez forgalmat generál (linkeken keresztül)
• Ez bizonyítja a közönségnek, hogy innovatív, találékony és elkötelezett az időszerű és vonzó tartalom megjelenítése iránt.
• Vannak olyan szintű interaktív infografikák, amelyek mozgatják a fejlesztést.

2. Beágyazott videó és GIF

Ez egy másik típusú infografika, amelyet manapság egyre gyakrabban látunk. Az infografikák, amelyek rövid videókat vagy akár GIF -t (Graphics Interchange Format) kínálnak, nagyszerű módja annak, hogy felhívják a figyelmet és kiemeljék az infografikát a tömegből. Ez korlátozza a platformokat, de valós időben megoszthatja infografikáját.

Sok egyszerű infografikai eszköz, például az Easel.ly kínál „Beágyazott YouTube -videó” opciót, vagy hozzáadhat videót a Photoshopban létrehozott infografikákhoz egy videóréteg használatával. Akár videót is hozzáadhat a Powerpoint diához, amelyet infografikákká is alakíthat.

Ráadásul több millió GIF -et találhat a neten, és ugyanúgy beillesztheti őket. A lényeg az, hogy az infografikát URL -ként kell terjesztenie, hogy megbizonyosodjon arról, hogy megfelelően be van ágyazva a webhelyére. Az ilyen infografikákat nem terjesztheti vagy mentheti .jpeg vagy PDF formátumban. Kétségtelen, hogy mivel ez egyre népszerűbbé válik, lesznek más videó- ​​és gifbeillesztő eszközök is, amelyek még könnyebbé teszik a folyamatot.

De ha ezt a fajta infografikát mindenki más, sőt a kutyáik előtt is használni szeretné, megtanulja, hogyan kell ezt csinálni, kezdje most az online eszközökkel.

Ha a következő szintre szeretné emelni, készíthet videót a már meglévő infografikából. Ez egy nagyszerű lehetőség, hogy láthatók legyenek a YouTube -on, az Instagramon, és még olyan videófelületeken is, mint a Vimeo, a Snapchat és mások. Az alábbi videó remek példa arra, hogyan lehet egy infografikát videóvá alakítani.

Miért érdemes videókat vagy GIF -eket beágyazni az infografikába?

• Ez meglepetést okoz - az emberek nem várják el, hogy a kép elmozduljon!
• Nagyon szórakoztató és eredeti, ami növeli annak az esélyét, hogy az emberek kölcsönhatásba lépnek és megosztják az infografikádat.
• Ez jó módja annak, hogy megmutassa mindenkinek a márka egyediségét.

3. Animált infografika

Az animált infografikák hatalmas számú vizuális modellel rendelkeznek, és nagy figyelmet igényelnek. Amikor egy felhasználó megtekint egy oldalt, általában nem számít arra, hogy valami mozogni fog, ezért jó ötlet, ha ezeket a technikákat mindenki előtt megtanulja.

Tekintettel arra, hogy sok animált infografika meglehetősen bonyolult, és szükség lehet valamilyen grafikai tervezésre, kódolásra és / vagy szoftveres ismeretekre, ezeket nagyra tartják.

Íme egy példa arra, hogy miről beszélek:

Ha többet szeretne megtudni az animált infografikák létrehozásáról, nézze meg ezt az asztali bálna infografikáját. Különféle szolgáltatásokat is találhat, amelyek segítenek az ilyen típusú infografikák létrehozásában. Mindenesetre ez az egyik legnehezebb folyamat az infografika fejlődésében.

Miért érdemes időt, energiát és / vagy pénzt költeni animált infografikák készítésére?

• Ez valójában megkülönbözteti Önt a tömegtől, mert nem mindenki fér hozzá ehhez a szoftverhez vagy tartalomhoz.
• Pár év múlva mindennapos lesz - az elsők között leszel!
• Az animáció emlékezetesebbé teszi az infografikákon belüli információkat
• Ez inspirálja a felhasználókat, hogy veled dolgozzanak.

Mindez nem sci -fi

Lehet, hogy túl technikailag hangzik, és úgy tűnik, mintha valami elérhetetlen lenne most, de valószínű, hogy az ilyen típusú infografikák 2-3 éven belül nagyon elterjedtek lesznek. Már most is nagy áttörést láthatunk az animált infografikákban és a GIF -infografikákban, különösen, ha a GIF -ek népszerűsége tovább nő. Az infografika az egyik leggyakrabban fogyasztott és leggyakrabban létrehozott tartalomtípus az Interneten. Miért? Mivel az agynak csak 250 ezredmásodpercre van szüksége ahhoz, hogy megkapja és feldolgozza a szimbólum értékét.

Ha az átlagember körülbelül 15 másodpercet tölt egy weboldalon, majd unatkozni kezd, akkor természetesen mindent fel akar húzni, ami késleltetheti - vagy legalább 15 másodperc alatt kaphat üzenetet. Egyes tanulmányok azt is bebizonyították, hogy az emberek legfeljebb 8 másodpercig tudnak összpontosítani valamire, és ez a szám minden évben csökken.

Ez az oka és esetleg mellékterméke az állandó információigényünknek. Az információs korban élünk, és minden információ rendelkezésünkre áll. De ez azt is jelenti, hogy minél többen próbálnak üzeneteket megosztani és válaszolni minden lehetséges kérdésre, annál több tartalom válik zajossá.

Ha az infografikák elérhetősége ma mutató, akkor hamarosan mindenhol megjelennek. Ez új változásokat jelent a munkájában. A történelemben egyetlen marketingkampány sem volt sikeres azzal, hogy állandóan ugyanazt tette.

Az ötlet itt az, hogy többet látjunk, mint egy jpeg képet az infografikában. Az infografikák különböző környezetekhez igazíthatók, és számos platformon használhatók. A vállalkozók és a marketingesek már látták ebben a potenciált. És te?

Az elmúlt néhány évben az infografika a statikus képekből gazdag interaktív élménnyé fejlődött, az egyedi tartalomhoz igazított animációkkal és videóelemekkel. Már nem korlátozódik az előre elkészített, általános sablonokra. A mai gyűjtemény pedig a legjobb infografikákat tartalmazza, amelyek bemutatják, milyen egy érdekes és informatív élmény.

A listán szereplő legtöbb infografika azért lett kiválasztva, hogy megmutassa a tervezők különböző módszereit az adatok megjelenítésére. Vannak azonban itt több „hibridek” is, amelyek illusztrálják az infografikák és a gazdag multimédiás élmények közötti határvonal elmosását, miközben magával ragadó tartalmat és lenyűgöző történeteket hoznak létre a céloldalakon. A hagyományos formáktól való eltérés azt jelenti, hogy egy bonyolultabb médiatájba lépünk, és ez a fajta kísérlet a technológiával és a történetmeséléssel lesz döntő fontosságú a grafikai tervezés jövője szempontjából.

1. Szelek térképe

A Wind Map egy látványos dizájn, amely megmutatja a szél irányát és sebességét az Egyesült Államok felett. Ennek a formatervezésnek inkább művészi, mint haszonelvű célja van, ami nagyszerű: nagyon jó csak ülni és nézni, ahogy a vékony szálak a térkép körül csavarodnak. Egy egyszerű, de jól átgondolt példa arra, hogy az alakok útjait bemutató infografikáknak milyen előnyei vannak az animációból és a mozgásgrafikából.

2. Repülés közben

2014-ben a The Guardian elindított egy In Flight infografikát, amely valós idejű adatokat mutat a kereskedelmi járatokról (úgy tűnik, hogy az információk most nem frissülnek, ami kár), valamint egy leckét a repülés történetéről. Az interaktív show kezdetén a repülőgép -személyzet közötti visszafogott beszélgetések különleges hangulatot teremtenek. Úgy tűnik, az infografikák manapság lassan filmes élményekké változnak. Legalábbis az "In Flight" erre az irányra mutat ...

3. Tárcsázza a holdat

A Dial A Moon infografikában nem sok minden történik, de a célját elég jól szolgálja. 2015 -ben a NASA -nak köszönhetően a Holdfázis infografikáját óránként frissítették, és nem lehetett a Google -hoz keresni ezt a titokzatos információt. Most megtekintheti a képeket a hónap, nap és idő manuális megadásával.

4. Nap a Plútóval

A Nature magazin sok érdekes infografikát tesz közzé a tudomány iránt érdeklődő közönsége számára. Köztük volt az egyik a Pluto közelében található űrhajó híres repüléséről (24 Hours Of Pluto). Az infográfia sok szöveges információt tartalmazott, de a látvány könnyen megértette a legérdekesebbeket, a törpebolygó szerkezetétől a holdak kialakulásáig. Most a szöveges rész elérhető az interneten, valamint két animált videó az infografikából.

5. Hogyan változtak meg az amerikai otthonok

Tegyen egy utat a nagy amerikai álomban, amely tükröződik a ház stílusának fejlődésében. Ez a jól illusztrált infografika lehetővé teszi, hogy az autó volánja mögé üljön (a megjelenés is változik, miközben görget, hogy lépést tartson a korszakkal), és navigáljon az 1900-as évektől a 2000-es évekig, évtizedekig elhajtva a népszerű épületek mellett. Útközben rengeteg hasznos anyaggal találkozhat (beleértve az akkori társadalmi-politikai viszonyokat, valamint a divatirányzatokat is), és minden egy kérdéssel ér véget, amely arra késztet, hogy képzelje el az amerikai otthon jövőjét. A Decades Of American Homes infografika remek példa a vízszintes görgetésre, és ide illik.

6. A marketing elemzés fejlődése

Az Evolution of Insight infografikájában az intelligens felhasználói kutatócég, a Vision Critical nyomon követi a marketingtechnológiai piac fejlődését szerte a világon az 1890 -es évektől napjainkig. Hasonlóan működik, mint a How American Homes Changed infografika, és így összehasonlíthatja két nagyon különböző történet interaktív idővonalának hatékonyságát. A Decades Of American Homes infografika előnye, hogy a házak vezetés közbeni megtekintése sokkal intuitívabb, mint a nagyszerű amerikai elemzéseken való utazás. A jó infografikákat a tartalom szem előtt tartásával hozzuk létre, nem körülötte.

7. Az LMBT közösség jogai világszerte

A The Guardian ezzel az elegáns infografikával elfoglalja listánk egy másik pozícióját ezzel az elegáns infografikával, amely a világ minden nemzetében számos kérdésben (házasság, munkahelyi diszkrimináció, gyűlölet -bűncselekmények stb.) Magyarázza az LMBT -jogok jogi helyzetét. A félkörben való mozgás gyors és egyszerű módot kínál a különböző országok statisztikáinak összehasonlítására, az infografikák összetétele pedig a globális státuszt tartja előtérben a középpontban. Van itt egy erőteljes cselekvésre ösztönzés is, amelynek célja az egyszerű tudatosság és az aktivizmus közötti szakadék áthidalása.

8. Az egyenlőtlenség javítható

Az interaktív infografikák másik nagyszerű példája, az Inequality Is Fixable meghívja a közönséget, hogy merüljön el a problémában, mélyen személyeskedve. A néző garantáltan nem veszíti el érdeklődését az anyag iránt, amely elmondja neki, hogy főnöke mennyit fizet és miért. Ha a felhasználót a történet részévé teszik, a fejlesztők felkeltik a kíváncsiságot, és végigvezetik a felhasználót az összes szükséges lépésen, egészen a cselekvésre ösztönzésig (Cselekvésre ösztönzés).

- Hagytuk, hogy megtörténjen - hogyan javíthatjuk ki most?

9. Rajzold le magad: Hogyan prognosztizálja a háztartás jövedelme a gyermek esélyét az egyetemre való belépésre

A listán szereplő számos infografika animációt és interaktivitást használ, hogy gazdag élményt nyújtson. Vizuálisan ez a The New York Times (You Draw It: How Family Income Predicts Children College Chances) infografika betartja a klasszikus diagramformátumot, de a felhasználói viselkedésre vonatkozó betekintést is felhasznál az infografikai tervezés, például a proaktív és az interaktív terület bővítéséhez megjelenítés. Azzal, hogy felkérik az olvasókat, hogy rajzolják meg saját görbéjüket, bevezetik az önérdek egyik elemét, és így valóban értékes információkkal látják el az embereket.

Nem a legrosszabb eredmény! A függőleges tengely az egyetemre járó gyermekek százalékos aránya. Vízszintes tengely - szülői jövedelem -percentilis

10. Hogyan halnak meg az amerikaiak

A címkép kivételével ez a példa többnyire jó, régimódi diagramokat használ a tartalom megjelenítéséhez. De ez egyáltalán nem unalmas, mivel a felhasználók önállóan navigálhatnak az adatok között, ha a kurzort a grafikonok mentén mozgatják. Így sokkal könnyebb összehasonlítani például az 1970-es években az öngyilkossággal összefüggő halálesetek számát a mostanival (tipp: most növekszik), egy statikus diagram nem tenné ezt ilyen szépen.

11.

A New York Times debütáló Project Snowfall óta, amely mindenki figyelmét és elismerését kivívta, megőrizte hírnevét a multimédiás újságírás vezetőjeként. A kiadói csapat az infografikai tervezés és a mélyreható történetmesélés kombinációját használja fel, hogy lenyűgözően magával ragadó élményt nyújtson. Vannak élénkebb példáik is, de A mögöttük hagyott Oroszország olyan mű, amely bizonyos visszhangot váltott ki. Az infografika úgy működik, mint egy interaktív túra Oroszországban (a térképen halad).

12. Bond autók

Ha valaha is meg akarja ismerni James Bond történetét az autóit nézegetve, akkor köszönetet mond a brit autókereskedőnek, Evans Halshaw -nak - ilyen lehetőséget adott. A Bond Cars interaktív infografikája lehetővé teszi az egyes Bond autók modelljének és kialakításának, valamint néhány további érdekesség felfedezését. A mindenütt jelenlévő csúszka taktikát alkalmazva "felfedheti" az autót minden fémes dicsőségében (alapértelmezés szerint csak egyetlen színminta van megadva). A szerzők tehát kreatívan oldották meg az infografika esztétikájához nem teljesen illő fotók beépítésének szükségességét.

13. A mozgás színei

A Colors Of Motion egy infografikus sorozat, amely a filmeket csak színpalettájuk alapján elemzi, minden képkocka kombinációjából. Ha valaha is kíváncsi voltál, most megvan a válasz. Nem találja a címet az adatbázisban? Csak küldjön üzenetet a fejlesztőknek - ők elfogadják a kéréseket.

14. Királyi sír Peruban

A National Geographic meglehetősen lenyűgöző gyűjteménye van az úgynevezett "interaktív grafikáknak" (amelyek nagy részét részletes szöveges leírások kísérik, mint például Traianus oszlopa esetében), de ezt a viszonylag egyszerű példát választottuk, hogy kiemeljük, A technikák valóban hatékonyak az interaktív infografikákban. "A királyi wari sír" (Peru királyi wari sírja) feltárja az akkori nemesasszony temetésének sajátosságait. A hangsúly a múmia tekercseléséről a díszítésére és helyzetére helyeződik át. Az információ apró darabokra bontásával és a felhasználó közötti navigálás lehetővé tételével az interaktív grafika elkerüli a legalattomosabb buktatókat: az adatok túlterhelését és a vizuális effekteket. Sőt, minden későbbi interakció kibővíti az élményt, és sokkal kifizetődőbbé teszi, mint ha mindent egyszerre mutatnának be. Agyunk rendelkezik olyan mechanizmussal, amely elutasítja az elnyomó ingereket, és ez a fajta interakció kiváló megoldássá válik a felhasználó számára, megkönnyítve ezzel az információk befogadását.

15. Mi a skót népszavazás? Magyarázat a nem britek számára

A The Guardian, akárcsak a New York Times, a multimédiás újságírásra támaszkodik, és videójuk az infografika egyik fő funkciójával rendelkezik: a terjedelmes információk elfogadható formáját adja. Sokunk számára az Egyesült Királyságon kívül a népszavazás nagyon zavaros téma. Szerencsére ez a videó (skót népszavazás magyarázata a nem britek számára) segít gyorsan megismerni fontos aspektusait anélkül, hogy mélyen belemerülne a történelembe.

16. Közegészségügy

Az Atlanti -óceán feladata volt egy jövőkép kidolgozása a közegészség javítására. Megbízta a Truth Labs-et, hogy a lakosság egészségéről szóló 3 részes sorozatot digitális történetmeséléssé alakítsa át. A művész elsődleges célja a dokumentum természetes görgetésének és a felhasználó normál olvasási élményének fenntartása volt, miközben vizuális szempontból eltérő élményt teremtett. Ennek a víziónak az életre keltéséhez eszközöket és stratégiákat kölcsönöztek az operatőrtől, de összpontosítottak egy sor tervezési elvre is, hogy támogassák az olvashatóság elvét, mint kulcsszabályt.

17. Joho szemcséi

Az osztrák Joho kávéfőző lenyűgöző multimédiás élményt hozott létre a Joho's Bean -ban, hogy elmesélje a kávébab eredetét. Az elbeszélés harmonikusan ötvözi az audio-, video- és fényképanyagot, amely szinte minden érzékszervet érint. A madarak csicsergése, zacskós pörkölt kávébab hangja, valamint a forgalmas utcák és a város forgalmának zaja.

A Joho's elvisz egy utazásra, amely elmagyarázza a kávébabjuk eredetét

18. Eredeti út

A Vad ösvény egy interaktív utazási történet, amelyet a Canvas segítségével hoztak létre. A fő elem a térkép, amely animálja az útvonalat a térképen az oldal görgetésekor. A projekt nem minden böngészőben működik. De egy kísérő cikk kíséri, amely elmagyarázza az infographics készítésének minden kulisszatitkú technológiáját.

19.

A Guardian (Live Election Results) tudósítása a 2016 -os amerikai elnökválasztásról szórakoztató elemet hozott a százalékok és a szavazóhelyiségek komoly ügyébe. Az interaktív infografika négy államban követte nyomon a szavazatokat. Alapértelmezés szerint a grafikon az egész országra vonatkozó eredményeket mutatta, és ha a felhasználó a kurzort a térkép bármely területére lebegtette, akkor azt is megmutatta, hogy a jelöltek milyen számokat gépeltek oda. Az elnökjelölteket vicces pixeles avatarokként mutatták be. Mivel az infografikákat élőben frissítették, a kisemberek színezték azokat az államokat, amelyekben győztek. Időről időre a jelölt idézete buborékban jelenik meg a jelölt mellett.

A választási eredmények valós időben történő tükrözése

Az adatok megjelenítésének jövője az interaktivitás.

De hogyan hozhat létre igazán lenyűgöző interaktív infografikákat?

Az infografikák mindenütt jelen vannak, és az utóbbi időben egyre interaktívabbak.

Mai cikkünkben megosztjuk veletek az interaktív infografikák készítésének titkait, valamint a hasznos forrásokra mutató linkeket.

1. Értsd meg a pszichológiát

Mielőtt interaktív infografikát készítene, fontos megérteni, hogy miért szeretné olyanná tenni, amilyen.

Amint ezt az infografika részletezi, az emberek jobban érzékelik a vizuális információkat. Sokkal nagyobb valószínűséggel olvasunk, értünk és memorizálunk egy prezentációt, ha magával ragadó látványt tartalmaz. hatékony tanulási eszköz, de még jobb is lehet.

A kinetikus tanulás nagyszerű alternatíva, mivel az emberek fizikai cselekvésekkel jobban elnyelik az információt.

Ezért az interaktivitásnak egy ígéretes megjelenítési területhez való hozzáadásával még emlékezetesebb és hatékonyabb infografikákat készíthet.

Ez a vizuális és kinetikus megközelítések kombinációja teszi az animált infografikákat a jövő tartalmává. Természetesen egyes témák esetében jobb, ha nem használunk interaktív elemeket, de a legtöbb esetben csak javítják a tartalmat.

A mozgás értelmet ad az információnak, felhatalmazza a felhasználót az élmény irányítására, és úgy vonzza be a képzeletet, ahogyan a statikus infografika nem teszi lehetővé.

2. Adjon hozzá görgetési effektusokat

A virtuális valóság trükkje az, hogy mások számára idiótának fogsz tűnni.

A Google Cardboard Design Lab egy jó „oktatóanyag” a kezdő virtuális valóság tervezők számára

Az infografika olyan, mint egy kalandjáték

A Unity problémája az, hogy nem könnyű jó dolgokat csinálni az interneten.

A virtuális valóság olyan, mint a fejhallgató a szemed számára

A virtuális valóság biztonságos környezetet igényel, útközben nem mehet bele. Ez korlátozza a VR lehetőségeit

Az ülést reggel bezárta Archie tse a The New York Times -ból, a „Miért a NYT kevesebb interaktív munkát” provokatív témával.

A NYT munkája a vizuális történetmesélés három szabályán alapul:

1. Ha az olvasónak kattintania kell, nem görgetnie kell, akkor valami szokatlannak kell történnie.
2. Tegyük fel, hogy az eszköztippeket és minden más lebegési hatást soha senki nem fog látni. Ha a tartalom fontos, tegye úgy, hogy az olvasó azonnal lássa.
3. Ha valamit interaktívvá szeretne tenni, ne feledje - drága lesz, ha minden platformon működik.

2-3 alkalommal újra kell rajzolnia a grafikát, hogy minden működjön asztali számítógépen és mobilon is

Ezek a szabályok hogyan változtatták meg a NYT megközelítését:

1. A legtöbb megjelenítés most statikus
2. További szövegek
3. Ha mozgásra van szüksége a képen, a görgetés közben megjelenik

(A negyedik pont azt mondja, hogy még mindig interaktív munkát végeznek. De most az oknak NAGYON értelmesnek kell lennie).

"Többlépcsős" lépéseket tettünk. A felhasználók a 3. lépésnél leálltak. Az olvasók csak görgetni akarnak, nem kattintani

Archie Tse: Görgetés vs. kattintva

Andy Kriebel 18 héten keresztül minden vasárnap este közzétett infografikákat és adatokat a VizWizről. A feladat az, hogy körülbelül egy órát szánjon hétfőre, gyorsan elemezze a vizualizációt és készítse el saját verzióját.

Az alábbiakban a múlt hét eredményeit tesszük közzé - A rabszolgaság a XXI.

#MakeoverMonday - Andy Kriebel. Részletes leírás és interaktív - Andy blogjában:

#MakeoverMonday - Andy Cotgreave. Részletes leírás és interaktív - Andy blogjában:

Azt is megtanultam, hogy a világon az emberek 51% -a fiatalabb nálam, és 63% -a Oroszországban idősebb, és hogy a halálom esélye jelenleg nem olyan nagy. A számok hirtelen megszűntek "statisztikáknak" lenni, és a gyorsított pályán értek.

Adatábrázolás - Nagy adathalmazokat használ, kevesebb kézi tervezési munkával; algoritmusok alapján. Például a New York Times interaktív munkája.

Vizuális művészetek - egyirányú kódolás. Gyönyörű, de nehezen megfejthető vizualizációk, például Kunal Anand számítási művészete.

Mi a probléma?

Ennek eredményeképpen sok mű csak kifinomult felhasználókat vonz, de nem engedi, hogy a beavatatlan olvasók megértsék a kérdés lényegét, ezáltal károsítják a vizualizáció célját - a nyilvánosság tájékoztatását. Ezért olyan fontos megérteni és megérteni a vizuális műveltség problémáját a vizualizáció összefüggésében.

Az újságírás új "vizuális grammatikája"

Íme három példa, amelyek kísérleteznek az interaktív újságírás bemutatásának módjaival. Lenyűgözőnek tűnnek, de értelmezésük sokak számára ijesztő feladat lehet.

Melegjogok az Egyesült Államokban, államonként

A ma rendelkezésre álló adatforrások és a feldolgozásukhoz szükséges eszközök száma önmagában is egyértelműen azt mutatja, hogy ennyi ember soha nem próbált kényelmesen beilleszkedni az adatábrázolás világába. És amikor annyi anyag áll rendelkezésre tanulmányozásra, csak egy kérdés van - Hol kezdjem? minden újoncot meg tud ijeszteni. Melyek tehát a legjobb könyvtárak, és mit tanácsolnak a szakemberek? Ez lesz a cikk témája.

Az adatok megjelenítéséről beszélni anélkül, hogy megemlítenénk, olyan, mintha a személyi számítógépek történetéről beszélnénk, és egy szót sem szólnánk Steve Jobsról. A D3 (adatvezérelt dokumentumok) túlzás nélkül a legfontosabb és meghatározó nyílt forráskódú JavaScript -könyvtár a piacon, amelyet általában SVG grafika készítésére használnak. Az SVG (Scalable Vector Graphics) egy vektoros képformátum, amelyet webböngészők támogatnak, de korábban keveset használtak.

A D3 könyvtár népszerűségének nagy részét annak köszönheti, hogy a webdesignerek hirtelen érdeklődni kezdtek az SVG iránt, ami nagyrészt annak köszönhető, hogy az előnyös vektorgrafika hogyan néz ki a nagy felbontású képernyőkön (különösen az Apple-eszközökben használt Retina kijelzőkön). gyakori.

„Legyünk őszinték, ha az SVG-alapú adatábrázolás a feladat, akkor az összes többi könyvtár közel sem volt ahhoz, hogy megoldja”-mondja Moritz Stefaner, független adatábrázolási szakértő és cégtulajdonos. Igazság és szépség... „Van néhány érdekes D3-alapú projekt is, például az NVD3, amely szabványos grafikus összetevőket biztosít-használatra készen, de személyre szabható; vagy mondjuk a Crossfilter egyszerűen egy kiváló adatszűrő eszköz. "

Scott Murray, programozó-tervező és könyvszerző Interaktív adatmegjelenítés a weben, Egyetértek az előző véleménnyel: „A D3 rendkívül erős, mivel mindent felhasznál, amit a böngészők kínálnak. Bár ennek van egy hátránya: ha a böngésző nem támogat valamit, például a WebGL -en alapuló 3D -s képeket (az angol Web Graphics Library -ből), akkor a D3 sem fogja támogatni. "

Bár ez a könyvtár valóban sokoldalú, mégsem ideális megoldás minden feladatra. "A D3 könyvtár fő hátránya, hogy úgy mondjam, hogy nem ír elő, sőt nem is kínál semmilyen konkrét megjelenítési módot" - teszi hozzá Scott Murray. "Tehát valóban egy eszköz az adatok betöltéséhez a böngészőbe, majd az adatok alapján DOM -összetevők előállítására."

Míg a D3 nagyszerű eszközkészlet az egyéni képekhez, ha szabványos grafikont szeretne létrehozni sok vizuális munka nélkül, akkor egy olyan eszköz, mint Vega... D3-alapú keretrendszerként a Vega alternatívát kínál a grafikus összetevők megjelenítésére. A Vega segítségével megjelenítheti a JSON adatok Európai Újságíró Központ és az Adatvezérelt újságírás projektjét. A tanfolyam pontos dátuma még nem ismert, de regisztrálni már lehet.

Öt nap múlva a tanfolyam résztvevői megtanulhatják, mi az adatújságírás, hogyan működik, és milyen kulcsfontosságú készségeket érdemes elsajátítani ahhoz, hogy szakemberré válhassunk ezen a területen. Találja ki, hol kereshet adatokat a telkek alátámasztására, és hogyan találhat új ötleteket az adatokban. Ismerje meg az unalmas adatok lenyűgöző történetté, infografikává vagy akár interaktív vizualizációvá alakításának művészetét. Ismerje meg a grafikai tervezés alapelveit, amelyeket egy újságírónak ismernie kell.

A tanfolyam oktatói a világ öt vezető szakértője az adatújságírás és a vizualizáció területén.