Infographics: fajok, példák a munka, a jövő. A legjobb példák az interaktív infographics használatára a linenderekről Mi a legjobb módja az interaktív infographicsnak

Valószínűleg észrevettél egy hatalmas átmenetet az online világban a Tartalom vizuális tartalma alapján.

Lehetetlen megtagadni az interneten és a mi mindennapi élet. A YouTube és az Instagram a vizuális tartalmat dominál; YouTube - 3 a hálózaton való részvételi helyszínen, és Instagram-ban több mint 80 millió fotót lefektetnek minden nap.

A blogok és cikkek állása 80% -kal több "fogyasztott", ha színes képek, címsorok vagy vázlatok vannak, és az emberek nem fognak több mint 15 másodpercet tölteni a webhelyre, ha az első másodpercig nem tartoznak a figyelmüket.

Infographics - Kedvenc a közönség és az eladók között, és 800% -kal többet érdekel az emberek ma, mint 2012-ben.

Mindezen kívül a tartalom fenyegető sebességgel jön létre - a marketingesek 60% -a hozza létre legalább egy kis részét az új tartalom minden nap! További részletek A felülvizsgálati cikkből tanulhat.

Mivel egyre több ember kezdett létrehozni tartalmat, valami világossá válik: Annak érdekében, hogy láthassa, ki kell állnia.

Természetesen a tartalom marketingei már gondolkodnak a vizuális tartalmak jövőjére, számítva, hogy mit tehetnek most, hogy képesek lesznek megvalósítani, és milyen új technológiák jelennek meg a horizonton. Az ilyen fejlett gondolkodás olyan dolog, ami megteremtheti az összes erőfeszítését a tartalom marketingben; Alkalmazkodnia kell, vagy előkészítenie kell.

Ilyen vizuális tartalmakkal, mint például az infographics, a marketingesek egyedülálló lehetőséget kapnak arra, hogy a jövőt látják, ahogy közeledik. A vállalatok, a grafikusok és a marketingesek - Mindenki az infographics-ot használja - frissítse azt, hogy még vonzóbbá tegye a közönség számára. Még akkor is, ha már "csak" csak "rendszeresen", soha nem korán tudnád megtudni azokat a tendenciákat, amelyek éppen elkezdtek fejlődni, ugyanúgy, mint korai, hogy megtudja, hogyan kell végrehajtani őket a tartalom-marketing stratégiáiban.

Ha szeretné megnézni a jövőt, és talán még több trükköt is tanul, mint mindenki más, most az idő!

Itt van három típusa az infographics, amely a leggyakoribb a (legközelebbi) jövőben lesz.

Ha hűvös eszközt keres az infographics létrehozásához, azt javaslom, hogy figyeljen a VISME-re. Kezdeni, ingyenes fiókot és kiválóat kínálnak kényelmes funkciók Azok számára, akik nem terveznek. Most ingyenes fiókot kaphat.

1. Interaktív infographics

Bár az interaktív webhelyek egész varázsait és az egyszerűen használható játékokat, az interaktív infographics még mindig meglehetősen új az Ön területén. Mint az infographics, nyilvánvalóan tartalmaz néhány információt, és ez általában dinamikus. De az interaktív elemek használata lehetővé teszi a felhasználók számára, hogy kapcsolatba léphessenek az információkkal, és hozzák létre sajátjukat.

Függetlenül attól, hogy az üzleti, termék, szolgáltatás vagy üzenetek, létrehozhat interaktív infographicsokat, amelyek lehetővé teszik az emberek számára, hogy értékeljék magukat (például a "BMI kiszámítása itt"). A felhasználók rákattinthatnak arra is, hogy releváns információkat küldjenek vissza egy mélyebb-orientált erőforrásra, vagy vissza céloldalígy forgalom létrehozása. Ez egy nagyon alkalmas és vidám módja annak, hogy vonzza a közönséget.

Számos markóta már alkalmazkodott az ilyen típusú infographichoz, és ezt gyorsan továbbítják. De ugyanakkor sokan, mindazonáltal alapul szolgálnak egyszerű infografika:

.... képzelje el, hogy még mindig az interaktív infographicsnal is megtehető.

Megpróbálhatod:

• A tekercskészítő használata, amely a képeket vagy formákat állítja ki a háttérhez képest
• Épület "felugró ablakok", amelyek kibővítik a szöveg mezőit
• A képek vagy statisztikák rájuk kattintva
• Az infographics több olyan oldalra történő fordítása, amelyet a felhasználók megtekinthetnek

Többért részletes példa Interaktív infographics, nézd meg ezt:

Az infographics rendkívül interaktív (görgetés, pop-up ablakok stb.) Egy kicsit meg kell tanulnia egy kicsit a HTML5 vagy a CSS-ről, vagy bérelni valakit, aki foglalkozik ezzel a kérdéssel.

A további erőfeszítések ellenére az Ön díjazás a tartalom egyedülálló, vonzó és hatékony része lesz.

Miért kell próbálnia az infographics bevezetését a közeljövőben?

• Inspirálja a közönséget, hogy kölcsönhatásba lépjen a tartalmával és ossza meg.
• Ez forgalmat generál (linkeken keresztül)
• Ez bizonyítja a közönségét, hogy innovatív, leleményes, és időben és érdekes tartalmat kíván nyújtani.
• Vannak olyan interaktív infographics szintje, amelyek kezelését irányítják

2. Beépített videó és gif

Ez egy másik típusú infographic, amelyet ma egyre gyakrabban figyelünk meg. Infografika kínál rövid videókat, vagy akár GIF (grafikus adatok megosztása formátum) egy nagyszerű módja annak, hogy felhívja magára a figyelmet, és jelölje ki a infographics a tömegből. Bár korlátozza a platformokat, megoszthatja az infographics-ot a jelenben.

Számos egyszerű eszköz az infographic, például az állványok létrehozására, a "beépített videót a YouTube" opcióval, vagy videót adhat hozzá a Photoshop által létrehozott infographics-hoz egy videó réteg használatával. A PowerPoint Slide-hez még videót is hozzáadhat, amelyet infographics lehet.

Ezenkívül több millió GIF-t talál a hálózaton, és ugyanúgy helyezze be őket. Az SNAG itt van, hogy az infographics URL-ként kell elosztania, hogy biztos legyen benne, hogy megfelelően beágyazódik a webhelyére. Nem lehet elosztani vagy menteni az ilyen infographics formátumot.jpeg vagy pdf. Kétségtelen, hogy mivel egyre népszerűbbé válik, a videó és a hiphae egyéb betétjei megkönnyítik a folyamatot.

De ha ezt a fajta infographic-ot szeretné használni, mielőtt mindent körül, és még a kutyáik is, megtanulják megtenni, kezdjék el a hálózaton található eszközöket.

Ha el akar menni a következő szintre, akkor videót készíthet az infographics-ról, amelyet már van. Ez kiváló lehetőség a YouTube-on, az Instagram-on és még a videó platformokon, mint a Vimeo, Snapchat és mások. Az alábbi videó kiváló példa arra, hogy hogyan fordulhat be infographics a videóban.

Miért helyezze be a videót vagy a gif infographics-ot?

• Ez lehetővé teszi a meglepetés elemét - az emberek nem számítanak, hogy a kép elindul!
• Nagyon szórakoztató és eredeti, ami növeli az esélyt, hogy az emberek kölcsönhatásba lépnek és megosztják az infographics-ot.
• azt jó út Mutassa meg a márka egyediségét

3. Animált infographics

Animált infographics nagy mennyiség Vizuális modellek és nagy figyelmet igényelnek. Amikor a felhasználó böngészi az oldalt, általában nem számít semmit, hogy mozogjon, így nagyon jó, ha mindezen technikákat megtanulsz még mielőtt mindenki más megteszi.

Az a tény, hogy sok animált infographics meglehetősen összetett, és megkövetelhet néhány grafikai tervezést, kódolást és / vagy tudást a szoftver területén, nagyon nagyra értékelik.

Itt van egy példa arra, hogy mit beszélek:

Ha többet szeretne megtudni arról, hogyan lehet az animált infographics létrehozását, figyeljen erre az infographics-re az asztali bálnából. Azt is megtalálhatja különböző szolgáltatásokSegít az ilyen terv infografikus létrehozásában. Mindenesetre ez az egyik legösszetettebb folyamat az infographics evolúciójában.

Miért kell töltenie az idejét, az energiát és / vagy a pénzt, hogy hozzon létre egy animált infographics-t?

• Valójában a tömegből való hozzáralma, mert nem mindenkinek hozzáférhet erre a fajta szoftver vagy tartalom
• Néhány év elteltével lesz a szokásos jelenség - Ön lesz az egyik az első, aki csinálja!
• Az animáció emlékezetesebbé teszi az infographics információkat
• Ez inspirálja a felhasználókat, hogy dolgozzanak veled

Mindez nem tudományos fntastics

Túl technikai jellegű lehet, és valami, a lehetőségeken túl, de valószínű, hogy ezek az infographics ilyen típusú 2-3 év alatt nagyon gyakori lesz. Mostantól meg tudjuk tartani az erős áttörést az animált infographics és a gif infographics-ban, különösen annak a ténynek köszönhetően, hogy a GIF népszerűsége tovább nő. Az infographics az interneten a leginkább fogyasztott és leggyakrabban létrehozott tartalomtípusokká válik. Miért? Igen, mert az agynak csak 250 milliszekundumra van szüksége ahhoz, hogy elfogadja és feldolgozza a szimbólum értékét.

Ha az átlagos személy kb. 15 másodpercig terjed a helyszínen, majd elkezd hiányozni, akkor természetesen meg akarja húzni mindent a képernyőn, ami késleltetheti - vagy legalább 15 másodperc múlva üzenetet kaphat. Egyes tanulmányok azt is bizonyították, hogy az emberek legfeljebb 8 másodpercre összpontosíthatnak, és ez a mutató minden évben csökken.

Ez az oka, és esetleg egy melléktermékünk, amelynek folyamatos tájékoztatására van szükségünk. Az információk korában élünk, és minden információ elérhető számunkra. De azt is jelenti, hogy minél több ember próbál megosztani az üzeneteket, és válaszol minden lehetséges kérdésre, annál inkább az előállított tartalom a háttérzajává válik.

Ha az infographics jelenléte ma egy mutató, akkor hamarosan mindenhol lesz. Ez új változásokat jelent a munkájában. A történelemben nem marketingkampány nem sikerült, ugyanezt a dolgot.

Az ötlet az, hogy az infographics-ban többet látja, mint a kép.jpeg. Az infographics különböző környezetekhez igazítható, és óriási különböző platformokon használható. A vállalkozók és a marketingesek már látták a lehetőséget ebben. És te?

Az elmúlt években az infographics statikus képekből fejlődött egy gazdag interaktív tapasztalattal az animáció és a videó elemeihez, amelyek egyedi tartalmakhoz igazodtak. Ez már nem korlátozódik előre, az univerzális sablonok előkészítésére. És a mai kiválasztás tartalmazza az infográfia legjobb mintáit, bemutatva, hogy milyen érdekes és informatív élmény néz ki.

A listán szereplő infographics legtöbbet választották meg különböző módszerekMely tervezők alkalmasak az adatok megjelenítésére. Azonban számos "hibrid" van, amely bemutatja az infographics és a gazdag multimédiás élmény közötti határokat, amikor lenyűgöző tartalmat és meggyőző történeteket hoz létre a rakodásra. A hagyományos formáktól való eltérés azt jelenti, hogy egy összetettebb médiatermeléshez megyünk, és pontosan olyan kísérletek, mint a technológiák, és egy narratíva kulcsfontosságú lesz a jövőbeli grafikai tervezés kialakulásához.

1. Széltérkép

A "széltérkép" (széltérkép) egy izgalmas design minta, amely a szél irányát és sebességét mutatja a csatlakoztatott állapotok felett. Ez a kialakítás hordoz művészi, mint egy praktikus célt, és ez rendben van: ez nagyon szép, hogy csak ül és néz vékony vékony szálak mászni a térképen. Egy egyszerű, de jól átgondolt példa arra, hogy az infographics hogyan mutatja az ábrák mozgásának pályáit az animációból és a mozgó képekből.

2. repülés közben

2014-ben a The Guardian elindította a Infographics „repülés” (in Flight), ami igazolja az adatok valós idejű kereskedelmi járatok (úgy tűnik, most már nem frissülnek, és bocs), valamint tartalmaz leckét repülés történetében. Az interaktív megjelenítés elején a légiközlekedési személyzetek közötti elfojtott beszélgetések különleges hangulatot teremtenek. Úgy tűnik, hogy az infographics ma fokozatosan mozgó élményké alakul. Legalább "repülés közben" jelzi ezt az irányt ...

3. Írja be a holdat

Az infographicsban a "tárcsázza a holdat" (tárcsázza a holdat), de a célja nagyon jó. 2015-ben a NASA-nak köszönhetően a holdfázisok infographics minden órában frissült, és ez lehetséges volt, hogy ne mászjon a Googlebe, hogy ezt a titokzatos információt keressen. Most láthatja a képeket, manuálisan belépve egy hónap, a nap és az idő.

4. nap plutóval

A Természet Magazin számos érdekes infographicsot tesz közzé a közönség tudományának érdeklődéséhez. Szintén egyedül a híres spacecraft a Pluto közelében (24 órás pluto). Az infographics sokakat tartalmazott szöveges információkDe a vizuális hatások enyhe megértést biztosítottak a legérdekesebb, a törpe bolygó szerkezetéből a hold kialakításának folyamatáért. Most a szövegrész elérhető az interneten, valamint két animációs videó infographics.

5. Hogyan szavazott amerikai lakások

Vegyünk egy utazást a nagy amerikai álom révén, tükröződnek az evolúció a házstílusokban. Ez jól mutatja infographics lehetővé teszi, hogy a kormány mögött egy autó (is változik a kedves, mert lapozzunk lépést tartani a kor), és előkészíti az utat a 1900-as évek 2000-es évek, a vezetési idő épületek, népszerű egyes évtizedekben. Ilyen módon sok hasznos anyagot (ideértve az akkori társadalmi-politikai feltételeket is, amelyek az idő, valamint a divat utasítások), és mindez egy olyan kérdéssel érhető el, amely arra ösztönzi Önt, hogy bemutassa az amerikai otthon jövőjét. Az infographics évtizedek az amerikai lakások kiváló példa a vízszintes görgetésre, itt van a hely.

6. A marketing analitika fejlődése

Az Insight evolúciójának infographicsjában az "Intelligens" felhasználói tanulmányok során részt vevő Vision kritikus vállalat nyomon követi a marketingtechnológiai piac fejlődését az egész világon 1890-től a napig. Az infographics "szavazott amerikai házakhoz" hasonlóan működik, és így lehetővé teszi, hogy összehasonlítsa az interaktív idővonal használatának hatékonyságát két nagyon különböző történethez. Az amerikai lakások infographics évtizede előnye azért, mert a házak megtekintése óta, ahogy egy autóval sokkal intuitívabb, mint egy kirándulás a nagy amerikai elemzőbe. Jó infographics jön létre, figyelembe véve a tartalom jellemzőit, és nem körülötte.

7. LGBT közösségi jogok világszerte

A Guardian egy másik pozíciót rögzít a listánkban ezzel az elegáns infographical, amely megmagyarázza az LGBT jogi helyzetét számos kérdésben (házasság, megkülönböztetés a munkahelyen, a gyűlölet-bűncselekmények stb.) A világ minden állapotában. A félkörön való áttérés gyors és egyszerű módja a különböző országok közötti statisztikák összehasonlításához, és az infografikus összetétel a középpontban lévő előtérben a globális állapotot tartja. Van egy hatalmas fellebbezés a cselekvésre is, amely célja, hogy legyőzze a problémát és az aktivizmus egyszerű tudatosságát.

8. Az egyenlőtlenséget kijavítják

Egy másik csodálatos példa az interaktív infographics "egyenlőtlenség rögzíthető" (az egyenlőtlenség rögzíthető) felkéri a közönséget, hogy merüljön be a problémába, így mélyen személyes. A néző garantáltan nem veszíti el érdeklődését az általa vagy őt jelentő anyagi jelentéstételben, mennyit alulfinom a főnöke és miért. A történelem felhasználói részének elkészítése, a fejlesztők a kíváncsiságot melegítik, és a felhasználót minden szükséges lépésben végezzük közvetlenül a cselekvéshez (call-to-action) a végén.

"Adtuk, hogy megtörténjen - hogyan kell mindent megjavítani most?"

9. Rajzoljon magának: Hogyan jöjjön el a családi jövedelem a gyermek kollégiumba való belépésének esélyei

Az infographics ebben a listában az animáció és az interaktivitás gazdag élményt nyújt. Vizuuálisan ez az infographics New York Times (Rajzolja meg: Hogyan jósolja meg a családi jövedelem a gyermekek főiskolai esélyeit) A klasszikus diagram formátumhoz tapad, de a felhasználói viselkedés megértését használja az infografikus tervezés területének bővítéséhez, nevezetesen az ilyen módszer és interaktív vizualizáció. Kérje az olvasókat, hogy rajzolják saját görbét, bemutatják a személyes érdeklődést, és így az embereknek valóban értékes információkat adnak.

Nem a legrosszabb eredmény! Függőleges tengely - A kollégiumban kapott gyermekek százalékos aránya. Vízszintes tengely - Szülői százalék

10. Hogyan halnak meg az amerikaiak

A cím kép kivételével ez a példa többnyire régi jellegű diagramokat használ a tartalom megjelenítéséhez. De ez egyáltalán nem unalmas, mivel a felhasználók önállóan mozognak az adatok szerint a kurzor mozgásával a grafikonok mentén. Ez nagymértékben megkönnyíti az összehasonlításokat, például az öngyilkossággal kapcsolatos halálesetek számát a 70-es években összehasonlítva a jelenlegi (tipp: most, most emelkedik), a statikus diagram nem tette volna annyira általánosan.

11.

Mivel bemutatta a "havazás" projektet (havazás), aki megérdemelte az egyetemes figyelmet és dicséretet, a New York Times támogatja hírnevét a fejlett multimédiás újságírás képviselőjeként. A kiadványcsoport az infografikus tervezés és a mélyreható történet kombinációját használja, hogy lenyűgözően érdekes élményt nyújtson. Több fényes példákDe az Oroszország mögött maradt, olyan munka, amely bizonyos rezonanciát okozott. Az infographics interaktív utazásként működik Oroszországban (a térképen egy utat építesz).

12. Bond autók

Ha valaha is szeretné megismerkedni a James Bond történetével, az autóját nézve, köszönöm a brit autókereskedőt Evans Halshaw - ilyen esélyt adott neked. Az interaktív infographics kötvényautók lehetővé teszik, hogy megtanulják az egyes kötvénykocsik modelljét és tervezését, és néhány további adatot adnak Érdekes tények. A csúszka omnipresentációs taktikája segítségével "feltárhatja" az autót az összes fém gruse-ben (csak egyetlen színes rajz van megadva). Tehát a szerzők kreatívan megoldották a fényképeket, amelyeknek szüksége van a fényképek, nem teljesen alkalmasak az esztétikai infographics számára.

13. Mozgás színe

A "Motion színei" az infografikus sorozat, analizálva a filmeket csak az összes keret összekapcsolásával kapott színpalettájával. Ha valaha is csodálkoztál, most válaszolsz. Nem találja meg az adatbázis címét? Egyszerűen küldje el az üzenetet a fejlesztőknek - elfogadják a kéréseket.

14. Tsarista sír Peruban

A National Geographicnak meglehetősen lenyűgöző gyűjteménye van, mivel maguknak nevezik, "interaktív grafika" (a legtöbbjük részletes szöveges leírásokkal, például a trayan oszlopból, de ezt a viszonylag egyszerű példát választottuk Hangsúlyozni, hogy a módszerek valóban hatékonyan vannak az interaktív infographics-ban. "A Peru-i Tsarista sírja" (Peru királyi Wari sírja) feltárja az ilyen idők nemességének temetkezését. A fókusz a múmia tekercselől a dekorációig és a pozícióig mozog. Az információk megosztása kis részekre, és lehetővé teszi, hogy a felhasználó mozogjon közöttük, az interaktív grafika elkerüli a leginkább ravasz csapdákat: az adatok és a vizuális effektusok újrafelhasználása. Ráadásul minden későbbi interakció kiterjeszti a tapasztalatot, így sokkal hasznosabb, mint ha mindent azonnal bemutattak. Az agyunknak mechanizmusa van elutasítja a túlnyomó ingereket, és ez a fajta kölcsönhatás kiváló megoldást jelent a felhasználó számára, lehetővé téve, hogy könnyen elnyelje az információt.

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

A Guardian, mint a New York Times, fogad egy tétet a multimédiás újságírásra, és videójukat egy bangcsomagolással az infographic egyik fő funkciójával: hogy a nehézkes információk elfogadható formát adjanak. Sokan az Egyesült Királyságon kívül élünk, a népszavazás nagyon kusza téma. Szerencsére ez a videó (Skót népszavazás magyarázata nem brit) segít gyorsan megtudni fontos szempontjait, anélkül, hogy igényelne mély merülés a történelemben.

16. A lakosság egészsége

Az Edition előtt az Atlanti-óceán szembe kell néznie a feladatnak - a társadalom egészségének javításának fogalmát. Az Igazságügyi Labs megbízásából a digitális narráció formájában a "lakosság egészségének" (népesség-egészségügy) 3 részéből származó cikkek sorozata. A művész fő célja az volt, hogy fenntartsák a dokumentum természetes görgetését és a szokásos olvasást, és milyen feltételeket teremtenek a felhasználó számára, akik eltérnek a vizuális perspektívától. Ahhoz, hogy megtestesítse az életben az életben, kölcsönzött eszközöket és stratégiákat a moziból, de összpontosított egy olyan tervezési elvekre is, amelyek támogatják az olvasás elve kulcsfontosságú szabályt.

17. Gabona Joho

Az osztrák Kávé Gyártó Joho "S LHOHO" S multimédiás élményt teremtett Joho babjához, hogy elmondja a kávébab eredetének történetét. A történet harmonikusan ötvözi az audiót, video- és fényképészeti anyagokat, amelyek szinte az összes érzékelővel járnak. a kávé ültetvény, hallod Hogy a baromfit csavart, mint a pörkölt kávébab, csomagolva táskák, valamint az élettel teli utcák és a közlekedés a városban. ellepje!

Joho "S küld egy utazást, amely elmagyarázza a kávébab eredetét

18. Pristine Road

A vad elérési út egy interaktív kísérlet, a vászon által létrehozott utazási történet. A fő elem a térkép, egy animált útvonal a térképen, amikor görgetés az oldal. A projekt nem tud dolgozni minden böngészőben. De a mellékelt cikket kíséri, amely megmagyarázza az infographics létrehozásának összes technológiáját.

19.

Világító elnökválasztás az Egyesült Államokban 2016-ban a Guardian (Élőválasztási eredmények) kiadásával vicces elemet hozott egy komoly foglalkozásnak a megszerzett és a szavazóállomások érdeklődésére. Az interaktív infographics négy államban nyomon követett szavazatokat. Alapértelmezés szerint az ütemterv eredményeket mutatott az egész országban, és ha a felhasználó a kurzort a térképen bármely területre hozta, kimutatták, hogy a számjelöltek oltottak ott. Az elnöki jelölteket vicces pixel avatárok formájában mutatták be. Mivel az élő időben megújult infografikus, a kis férfiak színezték az államok színét, ahol nyertek. Időről időre a buborékban szereplő idézete megjelent a jelölt mellett.

A valós idejű választási eredmények tükröződése

Forgács virtuális valóság hogy azok számára, akik körülnézek idióta

A Google kartonpapír design labor - egy jó "tutorial" a kezdőknek a virtuális valóság tervezők számára

Infographics - mint játékrúd

Az egységgel való probléma az, hogy nem olyan könnyű, hogy jó dolog az interneten

A virtuális valóság olyan, mint a szemed fejhallgatója

A virtuális valóság biztonságos környezetet igényel, nem mehetsz hozzá "útközben." Korlátozza a VR lehetőségeit

A nap első felének hideg ülése Archie Tse. A New York Times-tól egy provokatív témáról "Miért kevésbé interaktív munkát végez."

A NYT munkája a vizuális telleneritás három szabályán alapul:

1. Ha az olvasónak meg kell kattintania, ahelyett, hogy a scribble, akkor valami kimenő sorozatból történik.
2. Folytassa azt a tényt, hogy pop-up tippek és bármely más hatás lebeg, senki sem fog látni. Ha a tartalom fontos - győződjön meg róla, hogy az olvasó azonnal meglátta.
3. Ha valamit interaktív, emlékszel - akkor drága lesz, hogy minden platformon dolgozzon.

Meg kell ismételnie az ütemterv 2-es vagy 3-szor dolgozni és az asztalon, valamint a mobilon

Hogyan változtatták meg ezeket a szabályokat az NYT megközelítés:

1. A legtöbb vizualizáció most statikus
2. A szövegek nagyobb lettek
3. Ha a képen lévő mozgás szükséges - megjelenik a görgetés során

(A negyedik tétel kimondja, hogy még mindig interaktív munkákat készítenek. De most az oka nagyon fontosnak kell lennie).

"Multi-Wequant" -t végeztünk. A felhasználók a 3. lépésben maradtak. Az olvasók csak scribble, és nem kattintanak

Archie Tse: görgetés vs. Kattintva.

Már 18 hét minden este, a vasárnap Andy Kribel infographics és adatokat tesz közzé, amelyek alapján a Vizwiz weboldalán készült. Feladat - hétfőn, minden órát kell bízni, gyorsan elemezze a vizualizációt és készítsen verziót.

Az alábbiakban közzéteszünk a múlt héten - rabszolgaság eredményeit a 21. században.

#Makeovermonday Andy Kriebelből. Részletes leírás És interaktív - a blogban Andy:

#Makeovermonday az Andy Cotgreave-től. Részletes leírás és interaktív - a blogban Andy:

Azt is megtudtam, hogy az emberek 51% -a fiatalabb, mint én, és 63% -a Oroszországban idősebb, és hogy az esélyeim most nem olyan nagyok. A számok hirtelen megszűntek "statisztikák", és megélhetett.

Adatmegjelenítés - nagy adatkészleteket használ, kisebb számú kézzel készített kialakítással; Algoritmusok alapján. Például, interaktív munka New York Times.

Képzőművészet - Egyirányú kódolás. Gyönyörű, de nehéz megfejteni a vizualizációt, például a Kunala Ananda számítástechnikai művészetét.

Mi a probléma?

Ennek eredményeképpen sok munka csak kifinomult felhasználókat vonz, de nem engedi, hogy a kérdés lényegében legyen a nem megfelelő olvasók, ezáltal a vizualizáció ártalma, hogy tájékoztassa a nyilvánosságot. Ezért olyan fontos, hogy megvalósítsuk és megértsék a vizuális műveltség problémáját a vizualizáció keretében.

Új "Visual Grammar" újságírás

Három példát adok, amelyek kísérleteznek az interaktív újságírás bemutatásának módszerével. Lenyűgözőnek tűnnek, de értelmezése sok nehéz feladat lesz.

Homoszexuális jogok az USA-ban, személyzet

A mai napon rendelkezésre álló adatok száma és a feldolgozásukhoz való eszközök száma már egyértelműen azt mutatja, hogy még mindig sok ember soha nem próbálta megszokni az adatmegjelenítés világában. És ha van ilyen több anyag a tanulmányhoz, az egyik csak kérdés - Hol kezdődnek? Minden újoncot megijeszthet. Szóval, milyen könyvtárak a legjobbak és a szakemberek tanácsot adnak? Ezt tárgyaljuk ebben a cikkben.

Beszéljen az adatok megjelenítéséről, és ne említsd meg - olyan, mintha a teremtés történetéről beszélünk személyi számítógépek És a szó nem változik a steve munkákról. D3 (az angol adatvezérelt dokumentumokból) - Ez túlzás nélkül van a legfontosabb és domináns JavaScript könyvtár nyitott könyvtárral forráskódamelyet általában SVG grafikonok létrehozására használnak. SVG (angolul. Skálázható vektoros grafika) viszont a webböngészők által támogatott vektorképformátum, de korábban használt.

A D3 könyvtár nagyrészt az SVG hirtelen érdeklődésének népszerűsége a webes tervezők részéről, ami nagyrészt a youigable miatt következett be vektoros grafikonok Úgy néz ki, hogy a képernyők nagy felbontású (különösen az Apple eszközökön használt retina-kijelzőkön), amelyek egyre gyakoribbá válnak.

"Őszinték vagyunk, ha a feladat az SVG-n alapuló adatok megjelenítése, akkor az összes többi könyvtár nem is állt a közelben" - mondja Moritz Stefaner, független szakértő az adatmegjelenítés és a Társaság tulajdonosa Igazság és szépség. - Sokat is van Érdekes projekteklétrehozott adatbázis, például az NVD3, amely szabványos grafikus komponenseket biztosít - készen áll a használatra, de testreszabott; Vagy, mondjuk, a Crossfilter csak egy kiemelkedő eszköz az adatszűréshez. "

Scott Murray, programozó-tervező és könyvszerző Interaktív adatok vizualizáció az interneten, Egyetértek az előző véleménygel: "A D3 vészhelyzeti erővel rendelkezik, amely az, hogy mindent használnak benne, amely a böngészők is felajánlható. Bár van és hátoldal: Ha a böngésző nem támogat valamit, például a WebGL-en alapuló 3D képeket (az angol webes grafikus könyvtárból), akkor és a D3 nem fogja támogatni. "

És bár ez a könyvtár valóban univerzális, még mindig nem ideális megoldás bármilyen feladathoz. "A D3 könyvtár fő hátránya, ha kifejezheti azt, hogy nem írja elő, és még nem nyújt bizonyos megközelítést a vizualizációhoz" - adja hozzá Scott Murray-t. "Ez az, hogy ez tényleg eszköz az adatok letöltéséhez a böngészőbe a DOM-komponensek későbbi generációjával ezen adatok alapján."

Míg a D3 egy nagyszerű eszközkészlet az egyéni képekhez, ha szabványos ütemtervet szeretne létrehozni anélkül, hogy különleges tanulmányi szempontból lenne, akkor egy ilyen eszköz hasznos lehet. Vega.. A D3 alapján kifejlesztett keretrendszer, a VEGA alternatívát nyújt a grafikus komponensek megjelenítéséhez. A VEGA használatával megjelenítheti az adatokat a JSON formátumú európai újságírói központban és az Adatvezérelt újságírói projektben. A kurzus pontos dátumai még nem ismertek, de most regisztrálhatsz.

Öt nap, a tanfolyam résztvevői képesek lesznek, hogy megtudja, milyen adatokat naplók, hogyan van elrendezve, és milyen alapvető készségek elsajátítását kell, hogy a szakember ezen a területen. Hogy megtudja, hol keressen adatokat a parcellák támogatására és új ötletek keresésére a rendelkezésre álló adatokban. Vizsgálja meg az unalmas adatok izgalmas történelmét, infographics-t, vagy akár interaktív vizualizációgá. Ismerje meg a grafikai tervezés alapelveit, meg kell ismernie az újságírót.

A tanfolyam oktatói öt vezető világ szakértő az adatújság és a vizualizáció tekintetében.

Az adatmegjelenítés jövője az interaktivitásban.

De hogyan lehet igazán lenyűgöző interaktív infographics-t létrehozni?

Infographics Mindenhol, és a közelmúltban egyre inkább interaktívabbá válik.

A mai cikkben megosztjuk Önnel az interaktív infographics létrehozásának titkait, valamint a hasznos erőforrásokra való hivatkozásokat.

1. Értsd meg a pszichológiát

Az infographics interaktív előírása előtt fontos megérteni, hogy miért akarod pontosan megtenni.

Amint az az infographics részletesen leírta, az emberek jobban érzékelik a vizuális információkat. Sokkal többet fogunk olvasni, hogy megértsük és emlékezzünk a prezentációra, ha izgalmas vizuális források vannak benne. egy hatékony eszköz Tanulás, hanem is jobb lehet.

A kinetikus tanulás kiváló alternatíva, mivel az emberek jobban biztosítják az információkat a fizikai akciók révén.

Ezért az interaktivitás egy ígéretes vizualizációs hatókörbe való hozzáadásával még emlékezetesebb és hatékonyabb infographics-ot hozhat létre.

A vizuális és kinetikai megközelítés ezen kombinációja az animált infographicsot a jövő tartalmára teszi. Természetesen, néhányan, annál jobb az interaktív elemek használata, de a legtöbb esetben csak javítják a tartalmat.

A mozgás további információkat tartalmaz, lehetővé teszi a felhasználó számára, hogy kezelje a tapasztalatot, és használja a képzeletet, mivel a statikus infographics képes ezt megtenni.

2. A görgetés során add hozzá a hatásokat