Najlepšie príklady použitia interaktívnej infografiky na vstupných stránkach. Infografika: Typy, príklady práce, Budúcnosť: Ako príjem domácnosti predpovedá šancu dieťaťa ísť na vysokú školu

Budúcnosťou vizualizácie údajov je interaktivita.

Ako však vytvoríte skutočne ohromujúce interaktívne infografiky?

Infografiky sú všade a v poslednej dobe sú čoraz interaktívnejšie.

V dnešnom článku sa s vami podelíme o tajomstvo tvorby interaktívnej infografiky, ako aj odkazy na užitočné zdroje.

1. Rozumieť psychológii

Predtým, ako urobíte infografiku interaktívnou, je dôležité pochopiť, prečo ju chcete urobiť takú, aká je.

Ako je podrobne uvedené v tejto infografike, ľudia vnímajú vizuálne informácie lepšie. Je oveľa pravdepodobnejšie, že prečítame, porozumieme a zapamätáme si prezentáciu, ak obsahuje pútavé vizuály. je účinný vzdelávací nástroj, ale môže byť ešte lepší.

Kinetické učenie je skvelou alternatívou, pretože ľudia lepšie absorbujú informácie prostredníctvom fyzických akcií.

Preto pridanie interaktivity do sľubného poľa vizualizácie vám môže pomôcť vytvoriť ešte nezabudnuteľnejšie a efektívnejšie infografiky.

Táto kombinácia vizuálnych a kinetických prístupov robí z animovanej infografiky obsah budúcnosti. Samozrejme, pri niektorých témach je lepšie nepoužívať interaktívne prvky, ale vo väčšine prípadov iba vylepší obsah.

Pohyb dodáva informáciám význam, dáva používateľovi kontrolu nad zážitkom a zapája predstavivosť spôsobom, akým statická infografika nemôže.

2. Pridajte efekty posúvania

V posledných niekoľkých rokoch sa infografika vyvinula zo statických obrázkov na bohaté interaktívne zážitky s prvkami animácie a videa prispôsobenými jedinečnému obsahu. Už sa neobmedzuje iba na vopred pripravené generické šablóny. A dnešná zbierka obsahuje najlepšie infografiky, ktoré predvádzajú, ako vyzerá zaujímavý a poučný zážitok.

Väčšina infografík v tomto zozname bola vybraná na zobrazenie rôzne cesty s ktorými dizajnéri pristupujú k vizualizácii dát. Existuje však aj niekoľko hybridov, ktoré ilustrujú stieranie hraníc medzi infografikou a bohatými multimediálnymi zážitkami, pričom na vstupných stránkach vytvárajú pútavý obsah a pútavé príbehy. Odklon od tradičných foriem znamená, že vstupujeme do komplexnejšej mediálnej oblasti a práve tento druh experimentovania s technológiou a rozprávaním príbehov bude zásadný pre formovanie budúcnosti grafického dizajnu.

1. Mapa vetrov

Wind Map je veľkolepý dizajn, ktorý ukazuje smer a rýchlosť vetra nad USA. Tento dizajn má skôr umelecký než úžitkový účel, a je to skvelé: je veľmi pekné sedieť a sledovať, ako sa tenké nitky krútia po mape. Jednoduchý, ale premyslený príklad toho, ako infografiky ukazujúce cesty tvarov ťažia z animácie a pohybovej grafiky.

2. Za letu

V roku 2014 The Guardian spustil infografiku In Flight zobrazujúcu údaje o komerčných letoch v reálnom čase (zdá sa, že informácie nie sú teraz aktualizované, čo je škoda), ako aj lekciu z histórie letectva. Tlmené rozhovory medzi letovými posádkami na začiatku interaktívnej show vytvárajú zvláštnu atmosféru. Zdá sa, že infografika sa v týchto dňoch pomaly mení na filmové zážitky. Minimálne „In Flight“ ukazuje týmto smerom ...

3. Vytočte mesiac

V infografike Dial A Moon sa toho veľa nedeje, ale svoj účel plní celkom dobre. V roku 2015 boli vďaka NASA infografiky lunárnej fázy aktualizované každú hodinu a vy ste nemohli ísť na Google hľadať tieto záhadné informácie. Teraz si môžete prezerať obrázky manuálnym zadaním mesiaca, dňa a času.

4. Deň s Plutom

Časopis Nature vydáva mnoho zaujímavých infografík pre svojich fanúšikov, ktorí sa zaujímajú o vedu. Medzi nimi bol aj jeden o slávnom prelete kozmickej lode blízko Pluta (24 hodín Pluta). Infografika obsahovala mnoho textové informácie, ale vizuál poskytol ľahké pochopenie najzaujímavejších, od štruktúry trpasličej planéty po tvorbu jej mesiacov. Teraz je na internete k dispozícii textová časť, ako aj dve animované videá z infografiky.

5. Ako sa zmenili americké domy

Vydajte sa na cestu veľkým americkým snom, ktorý sa odzrkadľuje v evolúcii v domácich štýloch. Táto dobre ilustrovaná infografika vám umožňuje sadnúť si za volant auta (mení sa aj jeho vzhľad pri posúvaní, aby držal krok s érou) a prechádzať od 20. do 20. storočia a prechádzať sa po populárnych budovách celé desaťročia. Cestou sa stretnete s množstvom užitočného materiálu (vrátane vtedajších sociálno-politických pomerov a trendov v móde) a všetko sa končí otázkou, ktorá vás núti predstaviť si budúcnosť amerického domova. Infografika Decades Of American Homes je skvelým príkladom horizontálneho posúvania a hodí sa sem.

6. Vývoj marketingovej analytiky

Inteligentná spoločnosť zaoberajúca sa prieskumom používateľov Vision Critical vo svojej infografike Evolution of Insight sleduje vývoj trhu s marketingovými technológiami na celom svete od 90. rokov 19. storočia do súčasnosti. Funguje podobne ako infografika How American Homes Changed zmenila, a umožňuje vám teda porovnať účinnosť používania interaktívnej časovej osi pre dva veľmi odlišné príbehy. Infografiky Dekády amerických domovů majú tú výhodu, že keď sa pohybujete autom, vidíte domy oveľa intuitívnejšie než cestovaním cez skvelú americkú analytiku. Dobré infografiky sú vytvárané s ohľadom na obsah, nie okolo neho.

7. Práva komunity LGBT na celom svete

The Guardian zaujíma ďalšie miesto v našom zozname pomocou tejto elegantnej infografiky, ktorá vysvetľuje právnu situáciu práv LGBT v celom rade problémov (manželstvo, diskriminácia na pracovisku, zločiny z nenávisti atď.) V každom národe na svete. Pohyb v polkruhu poskytuje rýchly a ľahký spôsob porovnávania štatistík medzi nimi rozdielne krajiny a infografická kompozícia udržuje globálny stav v popredí v strede. Existuje aj silná výzva k akcii, ktorej cieľom je preklenúť priepasť medzi jednoduchým povedomím a aktivizmom.

8. Nerovnosť je opraviteľná

Ďalší skvelý príklad interaktívnej infografiky, Nerovnosť je opraviteľná, pozýva divákov, aby sa ponorili do problému a urobili ho hlboko osobným. Divák zaručene nestratí záujem o materiál, ktorý mu hovorí, ako veľmi je jeho šéf nedostatočne platený a prečo. Tým, že sa používateľ stane súčasťou príbehu, vyvolá v ňom zvedavosť a prevedie ho všetkými potrebnými krokmi až k výzve na akciu (Call-To-Action) na konci.

„Nechali sme to - ako to môžeme teraz napraviť?“

9. Nakreslite sa: Ako príjem domácnosti predpovedá šancu dieťaťa ísť na vysokú školu

Mnoho infografík v tomto zozname používa animáciu a interaktivitu na poskytnutie bohatého zážitku. Vizuálne táto infografika z The New York Times (You Draw It: How Family Income Predicts Children's College Chances) dodržiava klasický formát grafu, ale tiež používa vhľad do správania používateľov na rozšírenie oblasti infografického dizajnu, ako je proaktívny a interaktívny vizualizácia. Požiadaním čitateľov, aby nakreslili svoju vlastnú krivku, zavádzajú prvok vlastného záujmu a poskytujú tak ľuďom skutočne cenné informácie.

Nie je to najhorší výsledok! Vertikálna os je percento detí, ktoré idú na vysokú školu. Horizontálna os - percentil rodičovského príjmu

10. Ako zomierajú Američania

Okrem titulného obrázku tento príklad používa na vykreslenie obsahu väčšinou dobré staré diagramy. Nie je to však vôbec nudné, pretože používatelia sa môžu v údajoch pohybovať nezávisle pohybom kurzora po grafoch. Vďaka tomu je oveľa jednoduchšie porovnať napríklad počet úmrtí spojených so samovraždou v 70. rokoch so súčasnými (náznak: v súčasnosti je na vzostupe), statický graf by to tak úhľadne nezvládol.

11.

Od svojho debutu Project Snowfall, ktorý si získal pozornosť a uznanie všetkých, si New York Times zachováva povesť lídra v oblasti multimediálnej žurnalistiky. Vydavateľský tím používa kombináciu infografického dizajnu a hĺbkového rozprávania, aby vytvoril pôsobivo pútavý zážitok. Majú živšie príklady, ale Rusko, ktoré zostalo pozadu, je dielo, ktoré vyvolalo určitú rezonanciu. Infografika funguje ako interaktívna prehliadka Ruska (dostanete sa na mapu).

12. Bondové autá

Ak sa chcete niekedy zoznámiť s históriou Jamesa Bonda pohľadom na jeho autá, poďakujte britskému predajcovi automobilov Evansovi Halshawovi - dal vám takú šancu. Jeho interaktívna infografika Bond Cars vám umožní preskúmať model a dizajn každého z automobilov Bond, ako aj niektoré ďalšie zaujímavosti... Prostredníctvom všadeprítomnej taktiky posúvača môžete auto „odhaliť“ aj v celej jeho kovovej sláve (štandardne je daný iba jeden farebný vzor). Autori teda kreatívne vyriešili problém potreby zahrnúť fotografie, ktoré celkom nezodpovedajú estetike infografiky.

13. Farby pohybu

Colors Of Motion je infografická séria, ktorá analyzuje filmy iba podľa ich farebnej palety, odvodenej od kombinácie všetkých snímok. Ak ste sa niekedy čudovali, teraz máte odpoveď. Nemôžete nájsť názov v databáze? Stačí poslať správu vývojárom - prijímajú žiadosti.

14. Kráľovská hrobka v Peru

National Geographic má pomerne pôsobivú zbierku takzvaných „interaktívnych grafík“ (väčšina z nich je doplnená podrobnými obrázkami) textové popisy ako v prípade Trajanovho stĺpca), ale vybrali sme tento relatívne jednoduchý príklad, aby sme zdôraznili, ktoré techniky sú v interaktívnej infografike skutočne účinné. „Kráľovská hrobka Wari“ (Peruánska kráľovská hrobka Wari) odhaľuje zvláštnosti pochovania šľachtičnej tej doby. Zameranie sa presúva z navíjania múmie na jej dekoráciu a polohu. Interaktívna grafika tým, že informácie rozdeľuje na malé kúsky a umožňuje používateľovi medzi nimi navigovať, sa vyhne tým najzákernejším nástrahám: preťaženiu dát a vizuálnym efektom. Každá ďalšia interakcia navyše rozširuje zážitok, takže je oveľa prínosnejší, ako keby bolo všetko prezentované naraz. Náš mozog má mechanizmus, ktorý odmieta supresívne podnety, a tento typ interakcie sa stáva pre používateľa vynikajúcim riešením, ktoré uľahčuje vstrebávanie informácií.

15. Čo je škótske referendum? Vysvetlenie pre Britov

The Guardian, podobne ako New York Times, stavia na multimediálnej žurnalistike a ich video sa vyrovná s jednou z hlavných funkcií infografiky: dať objemným informáciám prijateľnú formu. Pre mnohých z nás mimo Spojeného kráľovstva je referendum veľmi mätúcou témou. Našťastie vám toto video (škótske referendum vysvetlené pre Britov) pomôže rýchlo sa zoznámiť s jeho dôležitými aspektmi bez toho, aby ste sa museli hlboko ponoriť do histórie.

16. Verejné zdravie

Atlantik mal za úlohu vyvinúť víziu na zlepšenie verejného zdravia. Poverila spoločnosť Truth Labs, aby transformovala trojdielnu sériu článkov o zdraví obyvateľstva na digitálne rozprávanie. Hlavným cieľom umelca bolo zachovať prirodzené posúvanie dokumentu a bežný zážitok z čítania používateľa a zároveň vytvárať zážitok odlišný od vizuálnej perspektívy. Aby túto víziu uviedli do života, požičali si nástroje a stratégie z kinematografie, ale zamerali sa aj na súbor princípov dizajnu na podporu princípu čitateľnosti ako kľúčového pravidla.

17. Joho zrnká

Rakúsky kávovar Joho vytvoril pôsobivý multimediálny zážitok Joho's Bean, ktorý rozpráva príbeh o pôvode kávových zŕn. Príbeh harmonicky kombinuje zvukový, obrazový a fotografický materiál, ktorý zapája takmer všetky zmysly používateľa. Štebot vtákov, zvuk vrecúšok pražených kávových zŕn a hluk rušných ulíc a dopravy v meste.

Joho's vás vezme na cestu vysvetľujúcu pôvod ich kávových zŕn

18. Prvotná cesta

Divoká cesta je interaktívny cestovateľský príbeh vytvorený na plátne. Hlavným prvkom je mapa, ktorá pri posúvaní stránky animuje cestu na mape. Projekt nemusí fungovať vo všetkých prehliadačoch. Je však sprevádzaný sprievodným článkom, ktorý vysvetľuje všetky zákulisné technológie na vytváranie infografík.

19.

Pokrytie denníka Guardian (Live Election Results) z prezidentských volieb v USA v roku 2016 prinieslo zábavný prvok v závažnej záležitosti týkajúcej sa percenta a volebných miestností. Interaktívna infografika sledovala hlasy v štyroch štátoch. V predvolenom nastavení graf zobrazoval výsledky pre celú krajinu a ak používateľ umiestnil kurzor na ľubovoľnú oblasť na mape, ukázalo sa, ktoré čísla tam kandidáti zadali. Prezidentskí kandidáti boli predstavení ako vtipní pixelovaní avatari. Keď boli infografiky aktualizované v priamom prenose, malí muži tónovali štáty, v ktorých zvíťazili. Čas od času sa v bubline vedľa kandidáta objaví citát kandidáta.

Odraz výsledkov volieb v reálnom čase

Trik virtuálnej reality spočíva v tom, že pre ostatných budete vyzerať ako idiot.

Laboratórium Cardboard Design spoločnosti Google je dobrým „návodom“ pre začínajúcich návrhárov virtuálnej reality

Infografika je ako dobrodružná hra

Problém Unity je, že nie je ľahké urobiť dobrú vec na webe.

Virtuálna realita je ako slúchadlá pre vaše oči

Virtuálna realita vyžaduje bezpečné prostredie, nemôžete do nej ísť na cestách. To obmedzuje možnosti VR

Zasadnutie sa skončilo ráno Archie tse od Nové York Times s provokatívnou témou „Prečo NYT robí menej interaktívnej práce“.

Práca NYT je založená na troch pravidlách vizuálneho rozprávania:

1. Ak čitateľ potrebuje kliknúť, nie rolovať, musí sa stať niečo neobvyklé.
2. Predpokladajme, že tipy a iné efekty vznášania sa nikdy nikomu nezobrazia. Ak je obsah dôležitý, urobte ho tak, aby ho čitateľ hneď videl.
3. Ak chcete urobiť niečo interaktívne, pamätajte - bude to drahé, aby to fungovalo na všetkých platformách.

Aby všetko fungovalo na stolnom aj mobilnom telefóne, budete musieť grafiku dvakrát alebo trikrát prekresliť

Ako tieto pravidlá zmenili prístup NYT:

1. Väčšina vykreslení je teraz statická
2. Viac textov
3. Ak na obrázku potrebujete pohyb, objaví sa počas posúvania

(Štvrtý bod hovorí, že stále robia interaktívnu prácu. Teraz by však dôvod mal byť VEĽMI zmysluplný).

Vykonali sme „viacstupňové“ kroky. Používatelia sa zastavili v kroku 3. Čitatelia sa chcú iba posúvať, nie klikať

Archie Tse: Scrolling vs. kliknutím

Už 18 týždňov každú nedeľu večer Andy Kriebel zverejňuje infografiky a údaje o VizWiz. Úlohou je vyhradiť si v pondelok približne hodinu času, rýchlo analyzovať vizualizáciu a vytvoriť si vlastnú verziu.

Ďalej uvádzame výsledky minulého týždňa - Otroctvo v XXI. Storočí.

#MakeoverMonday od Andyho Kriebela. Detailný popis a interaktívne - na Andyho blogu:

#MakeoverMonday od Andyho Cotgreaveho. Podrobný popis a interaktivita - v Andyho blogu:

Tiež som sa dozvedel, že 51% ľudí na svete je mladších ako ja a 63% v Rusku je starších a že moje šance na smrť práve teraz nie sú také veľké. Čísla zrazu prestali byť „štatistiky“ a zasiahli ma na rýchlej trati.

Vizualizácia dát - používa veľké množiny údajov s menším počtom ručných návrhových prác; založené na algoritmoch. Napríklad interaktívne dielo New York Times.

Výtvarné umenie - jednosmerné kódovanie. Krásne, ale ťažko dešifrovateľné vizualizácie, ako napríklad výpočtové umenie Kunala Ananda.

Aký je problém?

Výsledkom je, že mnohé diela priťahujú iba sofistikovaných používateľov, ale neumožňujú nezasväteným čitateľom pochopiť podstatu problému, čím poškodzujú účel vizualizácie - informovať verejnosť. Preto je také dôležité porozumieť a porozumieť problému vizuálnej gramotnosti v kontexte vizualizácie.

Nová „vizuálna gramatika“ žurnalistiky

Tu sú tri príklady, ktoré experimentujú so spôsobmi prezentácie interaktívnej žurnalistiky. Vyzerajú pôsobivo, ale ich interpretácia môže byť pre mnohých skľučujúca úloha.

Práva homosexuálov v USA, štát od štátu

Množstvo zdrojov údajov, ktoré sú dnes k dispozícii, a nástroje na ich spracovanie samy osebe už jasne ukazujú, že toľko ľudí sa nikdy nepokúsilo získať pohodlie vo svete vizualizácie údajov. A keď je k dispozícii toľko materiálov na štúdium, vyvstáva len jedna otázka „Kde začať?“ môže vystrašiť každého nováčika. Aké sú teda najlepšie knižnice a čo radia profesionáli? Toto bude predmetom tohto článku.

Rozprávať o vizualizácii údajov a nehovoriť o nej je ako hovoriť o histórii stvorenia. osobné počítače a o Steve Jobsovi ani slovo. D3 (Data Driven Documents) je bez preháňania najdôležitejšou a dominantnou open source knižnicou JavaScript na trhu. zdrojový kód ktorý sa bežne používa na vytváranie grafiky SVG. SVG (Scalable Vector Graphics) je zasa formát vektorového obrázku podporovaný webovými prehliadačmi, ale v minulosti sa málo používal.

Knižnica D3 za veľkú časť svojej popularity vďačí náhlemu záujmu o SVG zo strany webových dizajnérov, čo je do značnej miery spôsobené tým, ako víťazstvo vektorová grafika pozerajte sa na obrazovky s vysokým rozlíšením (najmä na sietnicové displeje používané v Zariadenia Apple), ktoré sú stále bežnejšie.

"Buďme úprimní, ak je úlohou vizualizácia údajov založená na SVG, potom všetky ostatné knižnice neboli ani blízko na to, aby to vyriešili," hovorí Moritz Stefaner, nezávislý expert na vizualizáciu údajov a vlastník spoločnosti. Pravda a krása... „Existuje aj niekoľko zaujímavých projektov založených na D3, ako napríklad NVD3, ktorý poskytuje štandardné grafické komponenty-pripravené na použitie, ale prispôsobiteľné; alebo povedzme, Crossfilter je jednoducho vynikajúci nástroj na filtrovanie údajov. “

Scott Murray, programátor-dizajnér a autor kníh Interaktívna vizualizácia údajov pre web, Súhlasím s predchádzajúcim názorom: „D3 je mimoriadne výkonný v tom, že využíva všetko, čo ponúkajú prehliadače. Aj keď to má jednu nevýhodu: ak prehliadač niečo nepodporuje, napríklad 3D obrázky založené na WebGL (z anglickej webovej grafickej knižnice), D3 to podporovať nebude. “

Aj keď je táto knižnica skutočne univerzálna, stále nie je ideálnym riešením pre každú úlohu. „Hlavnou nevýhodou knižnice D3, takpovediac, je, že nepredpisuje ani neponúka žiadny konkrétny prístup k vykresľovaniu,“ dodáva Scott Murray. „Je to skutočne nástroj na načítanie údajov do prehliadača a na základe týchto údajov potom generovanie komponentov DOM.“

Aj keď je D3 skvelou sadou nástrojov pre vlastné obrázky, ak chcete vytvoriť štandardný graf bez väčšej vizuálnej práce, potom nástroj ako Vega... Vega ako rámec založený na D3 poskytuje alternatívu k zobrazovaniu grafických komponentov. Pomocou Vega môžete vizualizovať údaje JSON European Journalism Center a Data Driven Journalism. Presné termíny kurzu ešte nie sú známe, ale prihlásiť sa môžete už teraz.

Účastníci kurzu sa počas piatich dní budú môcť dozvedieť, čo je to dátová žurnalistika, ako funguje a aké kľúčové schopnosti je potrebné zvládnuť, aby ste sa stali odborníkom v tejto oblasti. Zistite, kde hľadať údaje na podporu vašich plánov a ako v nich nájsť nové nápady. Naučte sa umenie premeny nudných údajov na pútavý príbeh, infografiku alebo dokonca interaktívnu vizualizáciu. Zoznámte sa so základnými princípmi grafického dizajnu, ktoré musí novinár vedieť.

Lektori kurzu sú piatimi poprednými svetovými odborníkmi na dátovú žurnalistiku a vizualizáciu.

Pravdepodobne ste si všimli obrovský posun v online svete od textového obsahu k vizuálnemu obsahu.

Sila vizuálov na internete a v našich každodenných životoch sa nedá poprieť. Na YouTube a Instagrame dominuje vizuálny obsah; YouTube je treťou najnavštevovanejšou stránkou na internete, pričom na Instagram je každý deň zverejnených viac ako 80 miliónov fotografií.

Blogové príspevky a články sú o 80% „spotrebiteľnejšie“, ak majú farebné obrázky, hlavičky alebo miniatúry, a ľudia na webe strávia maximálne 15 sekúnd, ak neupúta ich pozornosť od prvých sekúnd.

Infografika je medzi publikom a predajcami obľúbená a dnes je pre ľudí zaujímavejšia o 800% ako v roku 2012.

Navyše, obsah sa vytvára alarmujúcim tempom - 60% obchodníkov každý deň vytvorí aspoň malý kúsok nového obsahu! Viac sa dozviete v prehľadnom článku.

Čím viac ľudí tvorí obsah, tým je niečo jasnejšie: aby ste boli videní, musíte vyniknúť.

Marketingoví pracovníci v oblasti obsahu už prirodzene myslia na budúcnosť vizuálneho obsahu a zisťujú, čo môžu teraz urobiť, čo môžu implementovať a aké nové technológie sú už na obzore. Tento druh predvídavého myslenia je niečo, čo môže vytvoriť všetko alebo zničiť všetky vaše snahy o marketing obsahu; musíš sa prispôsobiť, inak sa utopíš.

Vďaka vizuálnemu obsahu, akým je infografika, majú obchodníci jedinečnú pozíciu na to, aby videli budúcnosť, ako sa blíži. Spoločnosti, grafickí dizajnéri a obchodníci začínajú používať infografiku - aktualizujú ju, aby boli pre svoje publikum ešte príťažlivejšie. Aj keď už infografiky „iba uverejňujete“ pravidelne, nikdy nie je priskoro vedieť o trendoch, ktoré sa ešte len začínajú vyvíjať, rovnako ako nie je príliš skoro vedieť, ako ich implementovať do svojich stratégií marketingového obsahu.

Ak sa chcete pozrieť do budúcnosti a možno sa dokonca naučíte pár trikov pred všetkými ostatnými, teraz je ten správny čas!

Tu sú tri typy infografík, ktoré budú v (blízkej) budúcnosti najbežnejšie.

Ak hľadáte skvelý infografický nástroj, odporúčam vám pozrieť sa na Visme. Na začiatok ponúkajú bezplatný účet a skvelé praktické funkcie pre ľudí, ktorí nie sú dizajnovi. Teraz môžete získať bezplatný účet.

1. Interaktívna infografika

Aj keď vidíme krásu interaktívnych webových stránok a ľahko použiteľných hier, interaktívne infografiky sú vo svojom odbore stále pomerne nové. Rovnako ako infografiky očividne obsahujú určité informácie a sú zvyčajne dynamické. Ale pomocou interaktívne prvky dáva používateľom možnosť spojiť sa s informáciami a vytvárať si vlastné.

Bez ohľadu na vašu firmu, produkt, službu alebo správu môžete vytvárať interaktívne infografiky, ktoré ľuďom umožnia hodnotiť sa (napríklad „vypočítajte si svoj BMI tu“). Používatelia môžu tiež kliknúť na relevantné informácie, ktoré ich odošlú na hlbšie zacielený zdroj alebo späť na vstupnú stránku, čím sa zvýši návštevnosť. Je to veľmi prispôsobivý a zábavný spôsob, ako zaujať publikum.

Mnoho obchodníkov sa už adaptovalo na tento typ infografiky a rýchlo sa to prenáša. Ale zároveň mnohí berú ako základ jednoduchá infografika:

.... len si predstavte, čo ešte môžete robiť s interaktívnou infografikou.

Si môžete vyskúšať:

• Používanie techník posúvania, ktoré nechávajú obrázky alebo tvary vyniknúť na pozadí
• Vytváranie „vyskakovacích okien“, ktoré rozširujú oblasti textu
• Plávajúce obrázky alebo štatistiky, keď na ne kliknete
• Vaša infografika sa zmení na viacero stránok, ktoré si môžu používatelia prezerať

Podrobnejší príklad interaktívnej infografiky nájdete na tomto obrázku:

Aby bola vaša infografika veľmi interaktívna (s posúvaním, vyskakovacími oknami atď.), Budete sa musieť naučiť niečo o HTML5 alebo CSS alebo si najať niekoho iného, ​​aby to vyriešil za vás.

Napriek mimoriadnemu úsiliu bude vašou odmenou jedinečný, pútavý a efektívny obsah.

Prečo by ste sa mali v blízkej budúcnosti pokúsiť implementovať infografiku?

• Povzbudzuje vaše publikum k interakcii a zdieľaniu vášho obsahu.
• To generuje návštevnosť (prostredníctvom odkazov)
• Dokazuje svojmu publiku, že ste inovatívni, vynaliezaví a zaviazali ste sa poskytovať včasný a pútavý obsah.
• Existuje množstvo interaktívnych infografík, ktoré vedú k jeho rozvoju.

2. Vložené video a GIF

Toto je ďalší typ infografiky, ktorú dnes vidíme čoraz častejšie. Infografika ponúkajúca krátke videá alebo dokonca GIF (Graphics Interchange Format) - skvelý spôsob upútajte pozornosť a nechajte svoju infografiku vyniknúť z davu. Aj keď to obmedzuje platformy, môžete zdieľať svoje infografiky v reálnom čase.

Mnoho jednoduchých infografických nástrojov, ako napríklad Easel.ly, ponúka možnosť „Vstavané video na YouTube“ alebo môžete video pridať do infografiky, ktorú vytvoríte vo Photoshope, pomocou vrstvy videa. Na svoju snímku programu Powerpoint môžete dokonca pridať video, ktoré môžete tiež zmeniť na infografiku.

A čo viac, na internete nájdete milióny GIFov a vkladáte ich rovnakým spôsobom. Háčik je v tom, že budete musieť distribuovať svoju infografiku ako adresu URL, aby ste sa uistili, že je správne vložená na vaše stránky. Tieto infografiky nemôžete distribuovať ani ukladať vo formáte .jpeg alebo PDF. Keďže je tento nástroj stále obľúbenejší, budú nepochybne k dispozícii aj ďalšie nástroje na vkladanie videa a gifov, ktoré tento proces ešte uľahčia.

Ak však chcete tento typ infografiky používať pred všetkými okolo vás, a dokonca aj pred svojimi psami, naučte sa, ako na to. Začnite hneď s nástrojmi, ktoré nájdete online.

Ak to chcete posunúť na ďalšiu úroveň, môžete vytvoriť video z infografiky, ktorú už máte. Je to skvelá príležitosť, ako sa vidieť na YouTube, Instagrame a dokonca aj na video platformách ako Vimeo, Snapchat a ďalších. Nasledujúce video je skvelým príkladom toho, ako z infografiky urobiť video.

Prečo vkladať videá alebo GIF do infografiky?

• To vám dáva prvok prekvapenia - ľudia nečakajú, že sa obrázok začne hýbať!
• Je to veľmi zábavné a originálne, čo zvyšuje šancu, že ľudia budú interagovať a zdieľať vašu infografiku.
• to dobrý spôsob ukážte všetkým jedinečnosť svojej značky

3. Animovaná infografika

Animované infografiky majú obrovské množstvo vizuálnych modelov a vyžadujú si veľkú pozornosť. Keď si používateľ zobrazí stránku, zvyčajne neočakáva, že sa niečo pohne, je preto dobré, ak sa všetky tieto techniky naučíte skôr, ako to urobí každý iný.

Vzhľadom na to, že mnohé animované infografiky sú dosť zložité a môžu vyžadovať určitý druh grafického dizajnu, kódovania a / alebo softvéru, sú veľmi uznávané.

Tu je príklad toho, o čom hovorím:

Ak sa chcete dozvedieť viac o tom, ako vytvárať animované infografiky, pozrite sa na túto infografiku od spoločnosti Tabletop Whale. Môžete tiež nájsť rôzne služby, ktoré vám pomôžu vytvoriť infografiku tohto druhu. V každom prípade je to jeden z najťažších procesov vo vývoji infografiky.

Prečo by ste mali venovať svoj čas, energiu a / alebo peniaze tvorbe animovanej infografiky?

• V skutočnosti vás vyčlení z davu, pretože nie každý má prístup k tomuto druhu softvér alebo obsahu
• O niekoľko rokov to bude bežné - budete jedným z prvých, kto to urobí!
• Vďaka animácii budú informácie vo vnútri infografiky zapamätateľnejšie
• Inšpiruje vašich používateľov, aby s vami spolupracovali.

To všetko nie je sci -fi

Znie to možno príliš technicky a môže sa nám to zdať mimo dosahu, ale je pravdepodobné, že tieto typy infografík sa o 2-3 roky stanú veľmi bežnými. V animovaných infografikách a infografikách vo formáte GIF už môžeme vidieť výrazný prelom, najmä preto, že popularita súborov GIF stále rastie. Infografika sa stáva jedným z najčastejšie konzumovaných a najčastejšie vytváraných typov obsahu na internete. Prečo? Pretože mozog potrebuje iba 250 milisekúnd na prijatie a spracovanie hodnoty symbolu.

Ak priemerný človek strávi na webovej stránke asi 15 sekúnd a potom sa začne nudiť, potom budete samozrejme chcieť vytiahnuť čokoľvek, čo by ich mohlo zdržať - alebo aspoň dostať správu za 15 sekúnd alebo menej. Niektoré štúdie dokonca ukázali, že ľudia sa môžu na niečo sústrediť maximálne 8 sekúnd a tento údaj sa každým rokom znižuje.

To je dôvod a možno aj vedľajší produkt našej neustálej potreby informácií. Žijeme v informačnej dobe a všetky informácie máme k dispozícii. Ale to tiež znamená, že čím viac ľudí sa pokúša zdieľať správy a odpovedať všetkým prípadné otázky, z viac generovaného obsahu sa stane šum v pozadí.

Ak je dnes infografika ukazovateľom dostupnosti, čoskoro budú všade. To znamená nové zmeny vo vašej práci. Žiadna marketingová kampaň v histórii nebola úspešná tým, že by ste stále robili to isté.

Ide o to, aby ste v infografike videli viac ako obrázok jpeg. Infografiku je možné prispôsobiť rôznym prostrediam a používať ju na rôznych platformách. V tomto už potenciál videli podnikatelia a obchodníci. A ty?