itthon / A PC elsajátítása / Mi a legjobb módja az interaktív infografikák készítésének. Tippek lenyűgöző interaktív infografikák létrehozásához. Mi az a „skóciai népszavazás”? Magyarázat a nem briteknek

Mi a legjobb módja az interaktív infografikák készítésének. Tippek lenyűgöző interaktív infografikák létrehozásához. Mi az a „skóciai népszavazás”? Magyarázat a nem briteknek

Forgács virtuális valóság hogy mások számára idiótának fogsz tűnni

A Google Cardboard Design Lab egy jó "tankönyv" kezdő VR-tervezők számára

Infografika – mint egy rpg játék

A Unity problémája az, hogy nem könnyű jót tenni a weben.

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, nem lehet belemenni útközben. Ez korlátozza a VR lehetőségeit

Az ülést délelőtt bezárta Archie Tse a The New York Timesból, provokatív témával: „Miért csinál a NYT kevésbé interaktív munkát”.

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

  1. Ha az olvasónak görgetés helyett kattintásra van szüksége, akkor valami szokatlannak kell történnie.
  2. Tételezzük fel, hogy az eszköztippeket és bármely más lebegő effektust soha senki nem fogja látni. Ha a tartalom fontos, tedd úgy, hogy az olvasó azonnal láthassa.
  3. Ha interaktívvá szeretne tenni valamit, ne feledje, hogy költséges lesz minden platformon működőképessé tenni.

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

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

  1. A legtöbb vizualizáció most már statikus
  2. További szövegek
  3. Ha mozgásra van szüksége a képen, az megjelenik a görgetés közben

(A negyedik pont azt mondja, hogy továbbra is interaktív munkát végeznek. De most az alkalomnak NAGYON tartalmasnak kell lennie.)

"Több lépést" csináltunk. A felhasználók megállnak a 3. lépésnél. Az olvasók csak görgetni akarnak, nem kattintani

Archie Tse: Görgetés vs. kattintással

Andy Kriebel 18 hete minden vasárnap este közzétesz egy infografikát és az azon alapuló adatokat a VizWiz-en. A feladat az, hogy hétfőn körülbelül egy óra időt szánjon, gyorsan elemezze a vizualizációt, és készítse el a saját verzióját.

Az alábbiakban a múlt hét eredményeit közöljük - Rabszolgaság a XXI.

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

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

Azt is megtudtam, hogy a világon az emberek 51%-a fiatalabb nálam, Oroszországban pedig 63%-a idősebb, és nem olyan nagy az esélye annak, hogy most meghalok. A számok hirtelen megszűntek „statisztikának” lenni, és a lényegemig megérintett.

Adatvizualizáció Nagy adatkészleteket használ kevesebb kézi tervezési munkával algoritmusok alapján. Például a New York Times interaktív munkája.

képzőművészet - egyirányú kódolás. Gyönyörű, de nehezen megfejthető vizualizációk, mint Kunal Anand számítógépes művészete.

Mi a probléma?

Ennek eredményeként sok mű csak a kifinomult felhasználókat vonzza, de nem engedi, hogy avatatlan olvasók elmélyüljenek a probléma lényegében, ezzel sértve a vizualizáció célját - a nyilvánosság tájékoztatását. Ezért olyan fontos felismerni és megérteni a vizuális műveltség problémáját a vizualizáció kontextusában.

Az újságírás új „vizuális nyelvtana”.

Íme három olyan munka, amely az interaktív újságírás bemutatásának módjaival kísérletezik. Lenyűgözőnek tűnnek, de értelmezésük sokak számára nehéz feladat lehet.

A melegjogok az Egyesült Államokban, államról államra

A ma elérhető adatforrások és adatfeldolgozó eszközök száma önmagában is egyértelműen jelzi, hogy soha ennyien nem próbáltak még kényelmesen elhelyezkedni az adatvizualizáció világában. És amikor annyi anyag áll rendelkezésre a tanulmányozáshoz, már csak egy kérdés van – Hol kezdjem? minden újoncot megijeszthet. Tehát melyek a legjobb könyvtárak, és mit ajánlanak a profik? Erről lesz szó ebben a cikkben.

Az adatvizualizációról beszélni és nem említeni olyan, mintha a teremtés történetéről beszélnénk személyi számítógépekés soha egy szót se szóljon Steve Jobsról. A D3 (az angol Data Driven Documents szóból) túlzás nélkül a legfontosabb és legdominánsabb nyílt forráskódú JavaScript-könyvtár a piacon, amelyet általában SVG grafikák készítésére használnak. Az SVG (az angol nyelvből Scalable Vector Graphics) viszont egy formátum vektoros kép, amelyet a webböngészők támogatnak, de a múltban keveset használtak.

A D3 könyvtár népszerűségét nagyrészt a webdesignerek SVG iránti hirtelen érdeklődésének köszönheti, ami nagyrészt annak köszönhető, vektoros grafika nézzen a nagy felbontású képernyőkön (különösen a használt Retina kijelzőkön Apple eszközök), amelyek egyre gyakoribbak.

„Legyünk őszinték, ha a feladat az adatok SVG alapú megjelenítése, akkor az összes többi könyvtár közel sem tudta megoldani” – mondja Moritz Stefaner, független adatvizualizációs szakértő és a cég tulajdonosa. Igazság és szépség. „Van néhány érdekes D3-on alapuló projekt is, mint például az NVD3, amely szabványos grafikus komponenseket biztosít – használatra kész, de testreszabható; vagy mondjuk a Crossfilter egyszerűen egy kiváló adatszűrő eszköz.”

Scott Murray programozó-dizájner és könyvszerző Interaktív adatvizualizáció a weben, egyetért a korábbi véleménnyel: „A D3 rendkívüli erővel bír, ami abban rejlik, hogy mindent felhasznál, amit a böngészők kínálnak. Bár ennek van egy hátulütője is: ha a böngésző nem támogat valamit, például a WebGL alapú 3D képeket (az angol Web Graphics Library-ből), akkor a D3 sem támogatja.

És bár ez a könyvtár valóban univerzális, mégsem minden feladatra az ideális megoldás. "A D3 könyvtár fő hátránya, hogy úgy mondjam, az, hogy nem ír elő, sőt nem is javasol semmilyen különleges megközelítést a vizualizációhoz" - teszi hozzá Scott Murray. "Tehát ez valóban egy eszköz az adatok böngészőbe való betöltésére, majd az adatok alapján DOM-összetevők generálására."

Míg a D3 nagyszerű eszköz az egyéni képek készítéséhez, ha egy szabványos grafikont szeretne létrehozni különösebb vizuális munka nélkül, akkor egy olyan eszköz, mint Vega. A D3-ra kifejlesztett keretrendszerként a Vega alternatívát kínál a grafikus komponensek megjelenítésére. A Vega segítségével JSON formátumban jelenítheti meg az adatokat. Az Európai Újságírás Központ és az Adatvezérelt Újságírás Projekt. A tanfolyam pontos időpontja még nem ismert, de már lehet jelentkezni.

Öt nap alatt a tanfolyam résztvevői megtanulhatják, mi is az az adatújságírás, hogyan működik, és milyen kulcsfontosságú készségeket kell elsajátítania ahhoz, hogy szakemberré váljon ezen a területen. Találja ki, hol keressen olyan adatokat, amelyek alátámasztják történeteit, és hogyan találhat új betekintést a meglévő adatokból. Tanulja 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. Ismerkedjen meg a grafikai tervezés alapelveivel, amelyeket egy újságírónak tudnia kell.

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

Az adatvizualizáció jövője interaktív.

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

Az infografikák mindenhol jelen vannak, és egyre gyakrabban válnak interaktívvá.

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

1. Értsd a pszichológiát

Mielőtt egy infografikát interaktívvá tenne, fontos megértenie, miért szeretné azzá tenni.

Amint az ebben az infografikában részletezi, az emberek jobban képesek elnyelni a vizuális információkat. Sokkal valószínűbb, hogy elolvasunk, megértünk és emlékezünk egy prezentációra, ha annak lenyűgöző látványvilága van. hatékony tanulási eszköz, de még jobb is lehet.

A kinetikus tanulás nagyszerű alternatíva, mivel az emberek jobban tanulnak a fizikai cselekvéseken keresztül.

Éppen ezért, ha interaktivitást ad a vizualizáció perspektivikus területéhez, akkor még emlékezetesebb és hatékonyabb infografikákat hozhat létre.

A vizuális és kinetikus megközelítés kombinációja az animált infografikákat a jövő tartalmává teszi. Természetesen bizonyos témáknál 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, lehetővé teszi a felhasználó számára, hogy irányítsa az élményt, és olyan módon vonzza be a képzeletét, ahogy a statikus infografikák nem képesek.

2. Görgetési effektusok hozzáadása

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

A listában szereplő infografikák többsége megjelenítésre került kiválasztásra különböző módokon, amellyel a tervezők megközelítik az adatvizualizációt. Azonban számos hibrid is létezik, amelyek az infografikák és a gazdag multimédiás élmények közötti határok elmosódását szemléltetik, miközben lebilincselő tartalmat és lenyűgöző történeteket hoznak létre a nyitóoldalakon. A hagyományos formáktól való eltérés azt jelenti, hogy kifinomultabb médiaterületre lépünk, és a technológiával és a történetmeséléssel kapcsolatos ilyen jellegű kísérletek kulcsfontosságúak a grafikai tervezés jövőjének alakításában.

1. Széltérkép

A Wind Map egy lélegzetelállító design, amely a szél irányát és sebességét mutatja az Egyesült Államok felett. Ennek a kialakításnak inkább művészi, semmint haszonelvű célja van, ami nagyszerű: nagyon jó csak ülni és nézni, milyen vékony, vékony szálak kanyarognak a térképen. Egy egyszerű, de jól átgondolt példa arra, hogy az alakzatok útját bemutató infografika hogyan profitálhat az animációból és a mozgóképekből.

2. Repülés közben

2014-ben a The Guardian elindította az In Flight infografikát, amely valós idejű kereskedelmi repülési adatokat mutat (úgy tűnik, most nem frissül, ami kár), valamint egy repüléstörténeti leckét. Különleges hangulatot varázsolnak az interaktív műsor elején a légi személyzet között zajló csendes beszélgetések. Úgy tűnik, az infografika manapság lassan mozis élménnyé válik. Legalább az "In Flight" ebbe az irányba mutat...

3. Tárcsázza a Holdat

Nem sok minden történik a Dial A Moon infografikán, de a célját elég jól teljesíti. 2015-ben a NASA-nak köszönhetően a holdfázisok infografikája óránként frissült, és nem lehetett keresni a Google-t ennek a titokzatos információnak a keresésében. Most megtekintheti a képeket a hónap, a nap és az idő manuális megadásával.

4. Nap a Plutóval

A Nature magazin sok érdekes infografikát közöl a tudomány iránt érdeklődő közönsége számára. Köztük volt egy űrhajó híres elrepüléséről a Plútó közelében (24 Hours Of Pluto). Az infografika sok mindent tartalmazott szöveges információk, de a látványvilág könnyen érthetővé tette a legérdekesebbeket, a törpebolygó szerkezetétől a holdjainak kialakulásáig. A szöveges rész már elérhető az interneten, valamint két animációs videó is az infografikáról.

5. Hogyan változtak az amerikai házak

Tegyen egy utazást a nagy amerikai álomban, amely a házstílusok alakulásán keresztül tükröződik. Ez a jól illusztrált infografika lehetővé teszi, hogy autó volánja mögé üljön (amely görgetés közben is változik, hogy lépést tudjon tartani a korszakkal), és az 1900-as évektől a 2000-es évekig eljuthat évtizedek óta népszerű épületek mellett. Útközben rengeteg hasznos anyaggal találkozhatsz (többek között a korabeli társadalmi-politikai viszonyokkal, valamint a divat trendjeivel), és mindez egy olyan kérdéssel zárul, amely arra ösztönöz, hogy képzeld 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 marketingelemzés fejlődése

Az Evolution of Insight infografikájában a Vision Critical intelligens felhasználói kutató cég nyomon követi a marketingtechnológiai piac alakulását világszerte az 1890-es évektől napjainkig. A How American Homes Changed infografikához hasonlóan működik, és így lehetővé teszi az interaktív idővonal használatának hatékonyságának összehasonlítását két nagyon különböző történethez. A Decades Of American Homes infografikának megvan az az előnye, hogy az otthonok megtekintése vezetés közben sokkal intuitívabb, mint a nagyszerű amerikai elemzések segítségével. A jó infografika a tartalom körül jön létre, nem a körül.

7. Az LMBT közösség jogai szerte a világon

A The Guardian újabb helyet foglal el listánkon ezzel az elegáns infografikával, amely az LMBT-jogok jogi helyzetét magyarázza számos kérdésben (házasság, munkahelyi diszkrimináció, gyűlölet-bűncselekmények stb.) a világ minden országában. A félkörben való mozgás gyors és egyszerű módot kínál az országok statisztikai adatainak összehasonlítására, az infografika-összetétel pedig a globális állapotot tartja elöl és középen. Van egy erőteljes cselekvésre való felhívás is, amely a puszta tudatosság és az aktivizmus közötti szakadék áthidalását célozza.

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

Az interaktív infografikák egy másik csodálatos példája, az Inequality Is Fixable (Az egyenlőtlenség javítható) arra kéri a közönséget, hogy mélyen személyesen merüljön el a kérdésben. A néző garantáltan nem veszíti el érdeklődését az anyag iránt, amely elmondja neki, hogy főnöke mennyivel és miért alulfizet. Azáltal, hogy a felhasználót a történet részévé teszik, a fejlesztők felkelthetik 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 való felhívásig.

– Hagytuk, hogy megtörténjen – hogyan tudnánk most megjavítani?

9. Rajzolja le magát: Hogyan jósolja meg a háztartás jövedelme gyermeke esélyeit arra, hogy egyetemre járjon

A listán szereplő infografikák közül sok animációt és interaktivitást használ, hogy gazdag élményt nyújtson. Vizuálisan a New York Times infografikája (You Draw It: How Family Income Predicts Children's College Chances) a klasszikus diagramformátumot követi, de a felhasználói viselkedés megértését is felhasználja az infografika tervezési körének kiterjesztésére, például proaktív és interaktív. megjelenítés. Azzal, hogy megkérik az olvasókat, hogy rajzolják meg saját görbéjüket, bevezetik az önérdek elemét, és így igazán értékes információkat adnak az embereknek.

Nem a legrosszabb eredmény! A függőleges tengely a főiskolára járó gyerekek százalékos aránya. A vízszintes tengely a 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 mozoghatnak az adatok között, a kurzort a grafikonok mentén mozgatva. Így sokkal könnyebb összehasonlítani például az öngyilkossággal összefüggő halálozások számát a 70-es években a maihoz képest (tipp: ez most növekszik), egy statikus diagram nem tenné ilyen szépen.

11.

Amióta a Snowfall világméretű figyelem és dicséretben debütált, a The New York Times megőrizte élvonalbeli multimédiás újságírás hírnevét. A kiadói csapat az infografikus tervezés és a mélyreható történetmesélés kombinációjával lenyűgözően érdekes élményt teremt. Vannak frappánsabb példáik is, de a The Russia Left Behind egy bizonyos visszhangot kiváltó mű. Az infografika úgy működik, mint egy interaktív utazás Oroszországon keresztül (térképen navigál).

12. Bond autók

Ha valaha is meg akarja ismerni James Bond történetét úgy, hogy megnézi az autóit, akkor köszönje meg a brit autókereskedőnek, Evans Halshawnak – ő adott egy ilyen lehetőséget. Az interaktív Bond Cars infografika segítségével felfedezheti az egyes Bond autók gyártmányát és kialakítását, valamint néhány további szórakoztató tényt. A mindenütt jelenlévő csúszkás taktikát alkalmazva az autót teljes fémes pompájában is "felfedhetjük" (alapértelmezés szerint csak egy szín van megadva). Így a szerzők kreatívan oldották meg azt a problémát, hogy olyan fotókat kell beilleszteni, amelyek nem igazán passzolnak az infografika esztétikájához.

13. Mozgás színei

A The Colours Of Motion egy infografikus sorozat, amely a filmeket csak azok alapján elemzi szín paletta az összes keret összekapcsolásából nyert. Ha valaha is töprengett, most megvan a válasz. Nem találja a címet az adatbázisban? Csak küldjön üzenetet a fejlesztőknek - elfogadják a kéréseket.

14. Királyi sír Peruban

A National Geographic meglehetősen lenyűgöző gyűjteményt tartalmaz az úgynevezett "interaktív grafikákról" (amelyek többségét részletes szöveges leírások kísérik, mint például a Traianus-oszlop esetében), de ezt a viszonylag egyszerű példát választottuk az alkalmazás kiemelésére. amelyek közül a módszerek az interaktív infografikában igazán hatékonyak. A "The Royal Tomb in Peru" (Peru királyi Wari sírja) egy akkori nemesasszony temetésének vonásait tárja fel. A hangsúly a múmia becsomagolásáról a díszítésére és a helyzetére tolódik. Az információ felosztása kis részekre, és lehetővé teszi a felhasználó számára, hogy mozogjon közöttük, interaktív grafika elkerüli a legálomosabb buktatókat: adattúlterhelést és vizuális effektek. Sőt, minden további interakció kibővíti az élményt, így sokkal kifizetődőbb, mintha mindent egyszerre mutatnánk be. Agyunk rendelkezik egy olyan mechanizmussal, amely elutasítja a gátló ingereket, és ez a fajta interakció nagyszerű megoldássá válik a felhasználó számára, megkönnyítve az információk befogadását.

15. Mi az a "skóciai népszavazás"? Magyarázat a nem briteknek

A The Guardian a New York Timeshoz hasonlóan a multimédiás újságírásra támaszkodik, videójuk pedig remekül teljesít az infografika egyik fő funkciójával: a nehézkes információknak elfogadható formát adni. 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ó (Scottish Referendum Explained For Non-Brits) segít gyorsan megismerni a fontos szempontokat anélkül, hogy szükség lenne rá. mély merülést a történelembe.

16. Közegészségügy

Megjelenés előtt Az Atlanti a feladat a társadalom egészségének javítása koncepciójának kidolgozása volt. A Truth Labst bízta meg, hogy írjon egy 3 részes sorozatot a lakosság egészségéről, mint digitális narratíváról. Az előadó fő célja az volt, hogy megőrizze a dokumentum természetes görgetését és a felhasználó megszokott olvasási körülményeit, miközben a vizuális perspektívától eltérő élményt teremt. Elképzelésük életre keltéséhez eszközöket és stratégiákat kölcsönöztek a moziból, de egy sor tervezési alapelvre is támaszkodtak az olvashatóság, mint kulcsfontosságú szabály támogatására.

17. Joho szemcséi

Az osztrák Joho's kávégyártó lenyűgöző multimédiás élményt hozott létre, a Joho's Bean-t, hogy elmesélje a kávébab eredetének történetét, a madárcsicsergést, a zacskókba csomagolt pörkölt kávészemek hangját, valamint a város forgalmas utcáinak és forgalmának zaját.

A Joho's elvezeti Önt egy utazásra, amelyben elmagyarázza a babkávéjuk eredetét

18. Ősút

A The Wild Path 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, miközben az oldal görget. Előfordulhat, hogy a projekt nem működik minden böngészőben. De ehhez tartozik egy cikk, amely elmagyarázza az infografikák létrehozásának kulisszatitkait.

19.

A Guardian (Élő választási eredmények) tudósítása a 2016-os amerikai elnökválasztásról szórakoztató elemet hozott az érdeklődés és a szavazóhelyiségek komoly üzletébe. Egy interaktív infografika négy államban követte nyomon a szavazatokat. A grafikon alapértelmezés szerint az egész országra vonatkoztatva mutatta az eredményeket, és ha a felhasználó a térkép bármely területére vitte az egérmutatót, megmutatta, hogy a jelöltek milyen számokat szereztek ott. Az elnökjelölteket vicces pixeles avatarként mutatták be. Ahogy az infografikát élőben frissítették, a kisemberek színezték azokat az állapotokat, amelyekben nyertek. A jelölt mellett időnként felbukkant egy-egy buborékos idézet.

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

Valószínűleg Ön is észrevette már az online világban a szöveges tartalomról a vizuális tartalom felé történő hatalmas elmozdulást.

Tagadhatatlan a látvány ereje az interneten és a mindennapi életünkben. A YouTube-on és az Instagramon a vizuális tartalom dominál; A YouTube a 3. leglátogatottabb webhely az interneten, és az Instagramra naponta több mint 80 millió fotót töltenek fel.

A blogbejegyzések és cikkek 80%-kal "fogyaszthatóbbak", ha színes képekkel, címsorokkal vagy miniatűrökkel rendelkeznek, és az emberek legfeljebb 15 másodpercet töltenek az oldalon, ha az már az első másodpercektől nem köti le a figyelmüket.

Az infografikák a közönség és a kereskedők kedvencei, és ma 800%-kal jobban érdeklődnek irántuk, mint 2012-ben.

Ráadásul a tartalom riasztó ütemben készül – a marketingszakemberek 60%-a minden nap létrehoz legalább egy kis részt új tartalomból! Bővebben az áttekintő cikkből tudhat meg.

Ahogy egyre többen kezdenek el tartalmat készíteni, valami világossá válik: ahhoz, hogy láthatóak legyél, ki kell tűnned.

A tartalommarketingesek természetesen már a vizuális tartalmak jövőjén gondolkodnak, nézik, mit tehetnek most, mit tudnak megvalósítani, és milyen új technológiák vannak kilátásban. Ez az előrelátó gondolkodás az, ami képes vagy megtörni az összes tartalommarketing erőfeszítését; alkalmazkodnod kell, különben megfulladsz.

Az olyan vizuális tartalmakkal, mint az infografikák, a marketingesek ezt megtehetik egyedülálló lehetőség látni a jövőt, ahogy közeledik. A cégek, a grafikusok és a marketingesek mind elkezdik használni az infografikákat annak frissítésére, hogy még vonzóbbá tegyék őket a közönség számára. Még ha már "csak közzétesz" rendszeresen infografikákat, soha nem túl korai megismerni a most kezdődő trendeket, ahogyan soha nem is túl korai megtanulni, hogyan építsd be ezeket a tartalommarketing-stratégiádba.

Ha szeretnél bepillantást nyerni a jövőbe, és talán még mindenki előtt megtanulni néhány trükköt, itt az ideje!

Íme, háromféle infografika, amelyek a (közel)jövőben a leggyakoribbak lesznek.

Ha egy klassz infografikus eszközt keresel, akkor a Visme-t ajánlom. Kezdetnek ingyenes fiókot kínálnak, és nagyszerű kényelmes funkciók nem tervezők számára. Most ingyenes fiókot kaphat.

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 mindig egészen újak a maguk területén. Az infografikákhoz 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 a sajátjukat.

Bármi legyen is a vállalkozása, terméke, szolgáltatása vagy üzenete, interaktív infografikákat hozhat létre, amelyek segítségével az emberek értékelhetik magukat (pl. „itt számítsa ki BMI-jét”). A felhasználók rákattinthatnak a releváns információkra is, amelyek egy mélyebben megcélzott forráshoz, vagy vissza a céloldalra juthatnak, ezáltal forgalmat generálva. Ez egy nagyon alkalmazkodó és szórakoztató módja a közönség bevonásának.

Sok marketinges alkalmazkodott már ehhez a fajta infografikához, és gyorsan átkerül. Ugyanakkor sokan ennek ellenére alapul veszik egyszerű infografika:

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

Megpróbálhatod:

  • Olyan görgetési technikák alkalmazása, amelyekkel a képek vagy alakzatok kiemelkednek a háttérből
  • "Pop-up" készítése, amely kiterjeszti a szöveges területeket
  • Ha rákattint, megjelennek képek vagy statisztikák
  • Az infografikák több oldallá alakítása, amelyeket a felhasználók megtekinthetnek

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

Az infografikák rendkívül interaktívvá tételéhez (görgetéssel, felugró ablakokkal stb.) meg kell tanulnia egy kicsit a HTML5-ről vagy a CSS-ről, vagy fel kell vennie valaki mást, aki kitalálja helyette.

Az extra erőfeszítés ellenére egy egyedi, vonzó és hatékony tartalommal jutalmazzuk meg.

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

  • Arra ösztönzi a közönséget, hogy kapcsolatba lépjen a tartalmaival és megossza azt
  • Forgalmat generál (hivatkozásokon keresztül)
  • Ez bizonyítja a közönség számára, hogy Ön innovatív, találékony, és elkötelezett amellett, hogy időszerű és érdekes tartalmat nyújtson.
  • Vannak olyan szintű interaktív infografikák, amelyek kezelhetővé teszik a fejlesztést.

2. Beágyazott videó és GIF

Ez egy másfajta infografika, amelyet manapság egyre gyakrabban látunk. A rövid videókat vagy akár GIF-eket (Graphic Data Interchange Format) kínáló infografikák nagyszerű módja annak, hogy felhívják a figyelmet, és kiemeljék infografikáját a tömegből. Bár ez korlátozza a platformokat, valós időben megoszthatja infografikáját.

Számos egyszerű infografikus eszköz, például az Easel.ly, kínál „Beágyazott YouTube-videó” opciót, vagy hozzáadhat egy videót a Photoshopban létrehozott infografikához egy videóréteg segítségével. A Powerpoint diához akár videót is hozzáadhatunk, amit infografikává is alakíthatunk.

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

De ha szeretné használni ezt a fajta infografikát, mielőtt mindenki más, még a kutyái is megtanulták, hogyan kell csinálni, kezdje el most az interneten található eszközökkel.

Ha magasabb szintre akarod lépni, készíthetsz videót a már meglévő infografikából. Ez egy nagyszerű lehetőség, hogy megjelenjen a YouTube-on, az Instagramon, és még olyan videóplatformokon is, mint a Vimeo, Snapchat és még sok más. Az alábbi videó remek példa arra, hogyan lehet egy infografikát videóvá alakítani.

Miért ágyazzon be videót vagy GIF-et egy infografikába?

  • Ez megadja a meglepetés elemét – az emberek nem számítanak arra, hogy a kép elmozdul!
  • Nagyon szórakoztató és eredeti, ami növeli annak esélyét, hogy az emberek kapcsolatba lépnek egymással és megosztják az infografikáját.
  • Ez jó út mutassa meg mindenkinek a márkája egyediségét

3. Animált infografika

Az animált infografikák rengeteg vizuális mintával rendelkeznek, és nagy figyelmet igényelnek. Amikor egy felhasználó megtekint egy oldalt, általában nem várja, hogy bármi elmozduljon, ezért érdemes ezeket a technikákat mindenki előtt megtanulni.

Mivel sok animált infografika meglehetősen összetett, és valamilyen grafikai tervezést, kódolást és/vagy szoftveres ismereteket igényelhet, nagyra értékelik őket.

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

Ha többet szeretne megtudni az animált infografikák létrehozásáról, nézze meg ezt az infografikát a Tabletop Whale-től. Különféle szolgáltatásokat is találhat, amelyek segítenek az ilyen jellegű infografikák elkészítésében. Mindenesetre ez az egyik legösszetettebb folyamat az infografika evolúciójában.

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

  • Ettől valóban kitűnhetsz a tömegből, mert nem mindenkinek van hozzáférése ehhez szoftver vagy tartalmat
  • Pár éven belül ez mindennapossá válik – Ön az elsők között lesz, aki megteszi!
  • Az animáció emlékezetesebbé teszi az infografikán belüli információkat.
  • Ez arra ösztönzi a felhasználókat, hogy Önnel együtt dolgozzanak

Ezek egyike sem sci-fi.

Lehet, hogy túl technikásnak hangzik, és most olyannak tűnik, ami meghaladja a lehetőségeidet, de valószínű, hogy az ilyen típusú infografikák 2-3 éven belül nagyon általánossá válnak. Már most komoly áttörést láthatunk az animált infografikák és a gif infografikák terén, különösen, ha a gif-ek népszerűsége folyamatosan nő. Az infografikák az egyik legtöbbet fogyasztott és leggyakrabban létrehozott tartalomtípus az interneten. Miért? Igen, mert az agynak mindössze 250 ezredmásodperc kell ahhoz, hogy elfogadja és feldolgozza a szimbólum jelentését.

Ha az átlagember körülbelül 15 másodpercet tölt egy webhelyen, majd unatkozik, akkor természetesen szeretne bármit kihúzni a képernyőről, ami késleltetheti – vagy legalább 15 másodpercen belül üzenetet kap. Egyes tanulmányok még azt is bebizonyították, hogy az emberek legfeljebb 8 másodpercig tudnak bármire összpontosítani, és ez a szám évről évre csökken.

Ez az oka és talán a mellékterméke állandó információigényünknek. Az információs korban élünk, és minden információ a rendelkezésünkre áll. De ez azt is jelenti, hogy minél többen próbálnak megosztani üzeneteket és mindenre válaszolni lehetséges kérdéseket, annál több előállított tartalom lesz háttérzaj.

Ha az infografika jelenléte ma mutató, akkor hamarosan mindenhol ott lesz. Ez új változásokat jelent a munkájában. A történelem során egyetlen marketingkampány sem járt sikerrel úgy, hogy mindig ugyanazt csinálja.

Az ötlet az, hogy az infografikát többnek tekintsük, mint egy .jpeg képnek. Az infografikák különféle környezetekhez illeszthetők, és nagyon sokféle platformon használhatók. A vállalkozók és a marketingesek már meglátták ebben a lehetőséget. És te?