Tipy na vytváranie úžasných interaktívnych infografík. Vytvorenie animačnej sekvencie. Vložené video a GIF

Testix uverejňuje preklad článkuRobbie Richards ... originál:Ako vytvoriť interaktívnu infografiku (6-bodový sprievodca)

Jeden z najviac veľké problémy To, čomu dnes marketéri čelia, je boj o vytváranie pútavého obsahu.

Algoritmy vyhľadávania sa neustále menia v snahe filtrovať obsah Nízka kvalita... So všetkým vyššie uvedeným to vedie k masívnej zmene stratégií tvorby obsahu.

Niektoré značky prešli na longready...

... alebo typ obsahu, ktorý Brian Dean propaguje pomocou svojej techniky mrakodrapov.

Výsledkom je explózia obsahu, ktorý zaplavil internet. Len na blogoch sa dnes každý deň zverejní viac ako 2 milióny článkov.

Táto úroveň nasýtenia obsahu spustila dramatický posun v stratégiách spoločností.

V posledné roky Mnohí pracovali na diverzifikácii svojho obsahu pridaním ďalších formátov, ako sú napríklad infografiky. Fakt: Infografika zaznamenala v roku 2016 prudký rast, pričom 58 % marketérov ich zaradilo medzi najlepšie taktiky, ktoré používajú na zapojenie publika.

Niektorí obchodníci sa napríklad domnievajú, že vytváranie infografík si vyžaduje určité zručnosti alebo je drahé. grafický dizajnér... Ale nie je to tak.

nepotrebuješ špeciálny tím vývojárov, ak máte platformy *, ktoré ponúkajú súbor nástrojov na urýchlenie a zjednodušenie procesu vytvárania interaktívneho obsahu.

Ako uvidíte v tomto článku, interaktívne infografiky sa nielen ľahko vytvárajú – sú dokonca efektívnejšie pri zapájaní vášho publika ako statické infografiky a premieňajú vašich čitateľov na potenciálnych zákazníkov.

Prečo interaktívne infografiky porážajú svoj statický náprotivok.

Koncept infografiky je jednoduchý: vložte čo najväčšiu hodnotu pre svojich čitateľov do obsahu a vizualizujte ich, aby ste ich lepšie zaujali.

Presne na to slúžia interaktívne infografiky.

Originál

Grafický dizajn dokonale zapadá do zápletky príbehu aj s datasetom. Ocitnete sa pri rýchlosti 3 000 kilometrov za hodinu, preletíte okolo Medzinárodnej vesmírnej stanice až na samý vrchol zdroja 21,9 miliardy fotografií uverejnených na Instagrame každý rok.

Pri výbere vizuálnej témy pre interaktívnu infografiku treba pamätať na nasledujúce:

• Pomáhajú obrázky a interaktívne prvky oživiť dáta?
• Ako dobre odrážajú obrázky, animácie a dizajnové prvky vašu značku, ako aj iné značky, ktoré boli partnermi pri tvorbe obsahu?
• Kde bude žiť interaktívna grafika? Ak bude uvedená na vašej webovej lokalite, možno budete chcieť, aby jej dizajn zodpovedal téme alebo šablónam vašej lokality.
• Uistite sa, že nápad vizualizácie je relevantný pre záujmy vášho publika, odvetvia a príbehu vo všeobecnosti. Infografika rezortu bude mať úplne iný vizuálny štýl ako promo akcie pre top manažérov.

Ďalším skvelým príkladom je táto infografika Joho Bean:

Používateľa vezme na nevšedné multimediálne dobrodružstvo pomocou šťavnatých záberov, rozpráva o ceste kávových zŕn z miesta dozrievania ku konzumentovi.

Akcie používateľa by mali vytvoriť odpoveď

Interaktívne infografiky by mali byť interaktívne, to však neznamená, že by sa mali obmedzovať na jednotlivé klikacie prvky.

Každá akcia používateľa musí v rámci obsahu vytvoriť nejaký druh odozvy pre celok, aby sa vytvoril skutočne osobný zážitok – aj keď ide len o jednoduché posúvanie stránky.

Originál

Nielen skrytý obsah núti čitateľa aktívne sa podieľať na štúdiu obsahu, podporuje zvedavosť a tiež umožňuje čitateľom preskakovať časti, ktoré ich nezaujímajú.

Prispôsobte obsah pomocou vstupu používateľa

Môžete zaručiť oveľa silnejšie zapojenie tým, že používateľom ponúknete údaje na základe informácií, ktoré zadajú. To je v súlade so želaniami používateľov: chcú viac interaktívny obsah a viac personalizácie.

Ohromujúcim príkladom toho sú personalizované infografiky, ktoré poskytujú prehľad o tom, či môže byť vaša práca ohrozená automatizáciou robotmi:

Originál

Používatelia si musia vybrať povolanie, ktoré ich zaujíma, aby sa dostali relevantná informácia.

Zahrňte grafické formuláre na zhromažďovanie informácií

Tu je príručka pre začiatočníkov k vizualizácii údajov, ktorá je užitočná pre každého, kto sa chce naučiť vytvárať interaktívne infografiky a mapy.

Infografika a interaktívne mapy sa stala súčasťou mnohých projektov realizovaných aktivistami, novinármi a sociálnymi hnutiami. Ale čo organizácie, ktoré nemajú dizajnéra na plný úväzok? Aj tak môžete vytvárať vysokokvalitné vizuálne materiály - Strážca povedal, ako to urobiť.

Údaje

Prvá vec, ktorú musíte urobiť, je pochopiť, aký druh údajov chcete vizualizovať.

Predpokladajme, že vediete kampaň za lepšiu hygienu na celom svete. Aby sme ukázali, aké dôležité je to, treba zdôrazniť, koľko krajín ešte má obmedzený prístup na čistenie toaliet a ako málo sa táto situácia zmenila za posledných 10 rokov. V tomto návode použijeme súbor údajov zo Svetovej banky.

Teraz máme údaje za 10 rokov, ale potrebujeme len údaje za roky 2000 a 2012. Preto po načítaní údajov pre seba vymažeme nepotrebné riadky a stĺpce (tip: uložte pôvodný súbor s údajmi).

Teraz, keď ste vymazali údaje, ste pripravení ich vykresliť. V našom prípade pred vykreslením pribudol ešte jeden stĺpec – rozdiel v percentách medzi rokmi 2000 a 2012.

Ako vytvoriť interaktívny graf

Zobrazenie údajov v grafe je najrýchlejší a najjednoduchší spôsob vizualizácie informácií. Stránky ako Datawrapper, Infogr.am a PiktoChart sú ľahké a ľahko použiteľné nástroje, pomocou ktorých môžete vytvárať rôzne grafy a tabuľky a vkladať ich do ľubovoľnej lokality.

Datawrapper je pravdepodobne najintuitívnejší a tiež zadarmo. Slabá stránka Tento nástroj nie je príliš dobrý na zobrazovanie veľkých súborov údajov, takže si predstavíme iba 10 krajín, ktoré za posledných 10 rokov zaznamenali najviac zmien.

Ako vytvoriť graf pomocou Datawrapper:

1. Zaregistrujte sa na stránke Datawrapper a vytvorte nový graf.
2. Skopírujte a prilepte svoje údaje do vyhradeného poľa.
3. Skontrolujte svoje údaje.
4. A teraz tá zábavnejšia časť – vyberte si šablónu grafu. Pre túto vizualizáciu je to jednoduché interaktívny rozvrh ale mozes si vybrat Vysoké číslo možnosti uvedené na stránke.
5. Posledným krokom je konečná úprava vášho rozvrhu. Môžete zmeniť farby, pridať názov, popis atď.

Ako vytvoriť interaktívnu mapu

Na zobrazenie údajov súvisiacich s rozdielne krajiny, najlepšie je použiť mapu. Ponúkame vám prehľad troch bezplatné nástroje pre začiatočníkov.

Datawrapper

Tento nástroj má teraz možnosť mapy choropletu na vytvorenie gradientu na základe vašich údajov. Mapy využívajúce Datawrapper sa vytvárajú rovnakým spôsobom ako grafy.

Za: jeden z najrýchlejších a jednoduché nástroje... Datawrapper vás vyzve, keď zadáte nesprávny názov krajiny. Ďalšou výhodou tohto nástroja je, že ak prejdete myšou špecifická farba v legende budú na mape zvýraznené iba krajiny s touto farbou.

proti: neexistujú žiadne šablóny pre jednotlivé krajiny alebo mestá.

Za: zadarmo a jednoducho sa používa (najmä na vytváranie bodov na mape).

proti: pridané vlastnosti napr zmeniť farebná schéma pre začiatočníkov sa môže zdať skľučujúca (ak však viete, ako skombinovať súbory KML s existujúcimi údajmi, môžete takúto mapu vytvoriť). Je ťažké pridať do mapy legendu.

Na prvý pohľad sa to môže zdať odstrašujúce, ale pomocou tohto nástroja môžete vytvoriť širokú škálu máp a prispôsobiť ich podľa toho, čo chcete na mape vidieť.

Za: vám umožní vykonať veľa úprav a pridať ďalšie vrstvy. Funguje na mobilných zariadeniach.

proti: ak plánujete vytvoriť viac ako 5 kariet a očakávate, že budete mať viac ako 10 000 zobrazení stránok za mesiac, budete musieť za používanie tohto nástroja zaplatiť.

Ako vytvoriť tradičnú infografiku

Tradičné infografiky sú statické, farebný obrázok, na ktorom sú informácie zobrazené číslami a ikonami. S vytvorením takéhoto obrazu vám pomôžu nástroje spomenuté vyššie – Infogr.am a PiktoChart. Ich použitie je jednoduché - môžete ich jednoducho pretiahnuť potrebné informácie a vložte svoje údaje na vytvorenie grafov. Počet dostupných šablón v bezplatné verzie nástrojov, je obmedzený.

Príklad rýchlej vizualizácie nášho súboru údajov pomocou Infogr.am:

Pomocou nástrojov prezentovaných v tejto príručke môže ktokoľvek, bez ohľadu na úroveň zručností, vytvoriť krásnu interaktívnu infografiku alebo mapu a dostať svoje posolstvo k širšiemu publiku.

Budúcnosťou vizualizácie dát je interaktivita.

Ako však vytvoríte skutočne úžasné interaktívne infografiky?

Infografiky sú všade a nedávne časyčoraz viac sa stáva interaktívnym.

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

1. Pochopiť psychológiu

Pred vytvorením interaktívnej infografiky je dôležité pochopiť, prečo ju chcete mať.

Ako je podrobne uvedené v tejto infografike, ľudia vnímajú lepšie vizuálne informácie... Je oveľa pravdepodobnejšie, že prezentáciu prečítame, pochopíme a zapamätáme si ju, ak obsahuje pútavú prezentáciu vizuálne pomôcky... je efektívny nástroj učenie, ale môže to byť ešte lepšie.

Kinetické učenie - skvelá alternatíva pretože ľudia vedia lepšie asimilovať informácie prostredníctvom fyzických akcií.

Preto pridanie interaktivity do sľubnej oblasti 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 animovaných infografík obsah budúcnosti. Samozrejme, pri niektorých témach je lepšie interaktívne prvky nepoužívať, no vo väčšine prípadov len vylepšia obsah.

Pohyb dodáva informáciám význam, umožňuje užívateľovi manipulovať so zážitkom a zapája predstavivosť spôsobom, ktorý statická infografika nedokáže.

2. Pridajte efekty posúvania