Aký je najlepší spôsob, ako vytvoriť interaktívnu infografiku. Najlepšie príklady použitia interaktívnej infografiky na vstupných stránkach

Pravdepodobne ste si všimli masívny posun v online svete od textového obsahu k vizuálnemu obsahu.

Sila vizuálov na internete a v našom každodennom živote sa nedá poprieť. Na YouTube a Instagrame dominuje vizuálny obsah; YouTube je 3. najnavštevovanejšia stránka na webe s viac ako 80 miliónmi fotografií uverejnených na Instagrame každý deň.

Blogové príspevky a články sú o 80 % „spotrebiteľnejšie“, ak majú farebné obrázky, nadpisy alebo miniatúry a ľudia na stránke nestrávia viac ako 15 sekúnd, ak ich nezaujmú od prvých sekúnd.

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

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

Čím viac ľudí tvorí obsah, niečo sa stáva jasným: ak chcete byť videní, musíte vyniknúť.

Prirodzene, marketingoví pracovníci s obsahom už premýšľajú o budúcnosti vizuálneho obsahu, zisťujú, čo môžu robiť teraz, čo môžu robiť a aké nové technológie sú už na obzore. Tento druh myslenia vpred je to, čo môže spôsobiť alebo zlomiť všetky vaše snahy o marketing obsahu; musíte sa prispôsobiť, inak sa utopíte.

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

Ak sa chcete pozrieť do budúcnosti a možno sa dokonca naučiť pár trikov skôr ako ostatní, 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 vyskúšať Visme. Na začiatok ponúkajú bezplatný účet a skvelé praktické funkcie pre ľudí, ktorí nie sú v dizajne. Teraz môžete získať bezplatný účet.

1. Interaktívna infografika

Zatiaľ čo 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 celkom nové. Rovnako ako infografika, samozrejme obsahujú nejaké informácie a zvyčajne sú dynamické. Ale použitie interaktívnych prvkov dáva používateľom možnosť spojiť sa s informáciami a vytvoriť si vlastné.

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

Mnoho obchodníkov sa už prispôsobilo tomuto typu infografiky a rýchlo sa prenáša. Zároveň však mnohí berú za 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, vďaka ktorým obrázky alebo tvary vyčnievajú z pozadia
  • Vytvárajte „vyskakovacie okná“, ktoré rozširujú oblasti textu
  • Plávajúce obrázky alebo štatistiky, keď na ne kliknete
  • Premena infografiky na viacero stránok, ktoré si používatelia môžu prezerať

Pre viac podrobný príklad interaktívna infografika, pozrite si túto:

Aby bola vaša infografika vysoko interaktívna (s rolovaním, kontextovými oknami atď.), budete sa musieť naučiť niečo o HTML5 alebo CSS, alebo si najať niekoho iného, ​​aby to zistil za vás.

Napriek vynaloženému úsiliu bude vašou odmenou jedinečný, pútavý a efektívny obsah.

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

  • Povzbudzuje vaše publikum, aby sa zapojilo a zdieľalo s vaším obsahom.
  • To generuje návštevnosť (cez odkazy)
  • Svojmu publiku to dokazuje, že ste inovatívni, vynaliezaví a odhodlaní poskytovať včasný a pútavý obsah.
  • Existujú úrovne interaktívnej infografiky, ktoré riadia jej vývoj.

2. Vložené video a GIF

Ide o ďalší typ infografiky, ktorý dnes vidíme čoraz častejšie. Infografiky, ktoré ponúkajú krátke videá alebo dokonca GIF (Graphics Interchange Format), sú skvelým spôsobom, ako upútať pozornosť a nechať svoju infografiku vyniknúť z davu. Aj keď to obmedzuje platformy, môžete zdieľať svoje infografiky v reálnom čase.

Množstvo jednoduchých infografických nástrojov, ako napríklad Easel.ly, ponúka možnosť „Vložené video na YouTube“ alebo môžete do infografík, ktoré vytvoríte vo Photoshope, pridať video pomocou vrstvy videa. Môžete dokonca pridať video Powerpointová snímka ktoré môžete premeniť aj na infografiku.

A čo viac, na nete nájdete milióny GIF a vloží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šu stránku. Takéto infografiky nesmiete distribuovať ani ukladať vo formáte .jpeg alebo PDF. Nepochybne, keďže sa to stáva čoraz populárnejším, budú existovať ďalšie nástroje na vkladanie videa a GIF, ktoré tento proces ešte viac uľahčia.

Ale ak chcete používať tento typ infografiky skôr, ako sa to naučia všetci ostatní, dokonca aj ich psy, začnite teraz s nástrojmi, ktoré nájdete online.

Ak to chcete posunúť na vyššiu úroveň, môžete vytvoriť video z infografiky, ktorú už máte. Toto je skvelá príležitosť byť videný na YouTube, Instagrame a dokonca aj na video platformách ako Vimeo, Snapchat a ďalšie. Video nižšie je skvelým príkladom toho, ako premeniť infografiku na video.

Prečo vkladať videá alebo obrázky GIF do infografík?

  • Poskytuje vám prvok prekvapenia – ľudia neočakávajú, že sa obraz 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ť vašej značky

3. Animované infografiky

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

Vzhľadom na to, že mnohé animované infografiky sú pomerne zložité a môžu si niektoré vyžadovať grafický dizajn, kódovanie a / alebo softvérové ​​znalosti, sú vysoko cenené.

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

Ak sa chcete dozvedieť viac o tom, ako vytvárať animované infografiky, pozrite si túto infografiku od Tabletop Whale. Môžete tiež nájsť rôzne služby ktoré pomáhajú pri vytváraní infografík tohto druhu. V každom prípade ide o jeden z najťažších procesov vo vývoji infografiky.

Prečo by ste mali tráviť svoj čas, energiu a/alebo peniaze vytváraním animovaných infografík?

  • V skutočnosti vás to odlíši od davu, pretože nie každý má prístup k tomuto druhu softvér alebo obsah
  • O pár rokov to bude bežné – budete jeden z prvých, ktorí to urobia!
  • Vďaka animácii budú informácie v infografike nezabudnuteľnejšie
  • Bude to inšpirovať vašich používateľov, aby s vami spolupracovali.

Toto všetko nie je sci-fi.

Môže to znieť príliš technicky a zdá sa vám to ako niečo mimo vášho dosahu, ale je pravdepodobné, že tieto typy infografík budú o 2-3 roky veľmi bežné. Už teraz sme svedkami výrazného prelomu v animovaných infografikách a infografikách GIF, najmä keď popularita GIF neustále rastie. Infografika sa stáva jedným z najviac konzumovaných a najčastejšie vytváraných typov obsahu na internete. prečo? Pretože mozog potrebuje len 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 samozrejme budete chcieť vytiahnuť čokoľvek, čo by ho mohlo zdržať – alebo aspoň dostať správu za 15 sekúnd alebo menej. Niektoré štúdie dokonca dokázali, že ľudia sa dokážu na niečo sústrediť maximálne 8 sekúnd a toto číslo 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čnom veku a všetky informácie sú nám dostupné. Znamená to však aj to, že čím viac ľudí sa snaží zdieľať správy a odpovedať na každú možnú otázku, tým viac vytváraného obsahu sa stáva hlukom na pozadí.

Ak je dnes ukazovateľom dostupnosť infografík, č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 sa robilo stále to isté.

Ide o to, aby ste v infografike videli viac ako len jpeg obrázok. Infografika sa dá prispôsobiť rôzne prostredia a môžu byť použité na širokej škále platforiem. Podnikatelia a marketéri už v tom videli potenciál. a ty?

V posledných rokoch sa infografika vyvinula zo statických obrázkov na bohaté interaktívne zážitky s animačnými a video prvkami prispôsobenými jedinečnému obsahu. Už sa neobmedzuje na vopred vytvorené, všeobecné šablóny. A dnešná kolekcia obsahuje tie najlepšie infografiky, ktoré ukážu, ako vyzerá zaujímavý a poučný zážitok.

Väčšina infografík v tomto zozname bola vybratá na zobrazenie rôzne cesty s ktorými dizajnéri pristupujú k vizualizácii dát. Je tu však aj niekoľko „hybridov“, ktoré ilustrujú stieranie hraníc medzi infografikou a bohatými multimediálnymi zážitkami pri vytváraní pútavého obsahu a pútavých príbehov na vstupných stránkach. Odchýlka od tradičné formy znamená, že vstupujeme do komplexnejšieho mediálneho prostredia a práve tento druh experimentovania s technológiou a rozprávaním príbehov bude rozhodujúci pre formovanie budúcnosti grafického dizajnu.

1. Mapa vetrov

Mapa vetra je veľkolepý dizajn, ktorý ukazuje smer a rýchlosť vetra nad Spojenými štátmi. Tento dizajn má skôr umelecký ako úžitkový účel, a to je skvelé: je veľmi pekné len tak sedieť a sledovať tenké vlákna, ktoré sa krútia okolo mapy. Jednoduchý, no dobre premyslený príklad toho, ako infografika zobrazujúca cesty tvarov profituje z animácie a pohyblivej grafiky.

2. Za letu

V roku 2014 The Guardian spustil infografiku In Flight, ktorá zobrazuje údaje o komerčných letoch v reálnom čase (zdá sa, že informácie teraz nie sú 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ú špeciálnu atmosféru. Zdá sa, že infografiky sa v dnešnej dobe pomaly menia na filmové zážitky. Prinajmenšom „In Flight“ ukazuje týmto smerom ...

3. Vytočte mesiac

V infografike Dial A Moon sa toho veľa nedeje, no svoj účel plní celkom dobre. V roku 2015 sa vďaka NASA infografika lunárnej fázy aktualizovala každú hodinu a pri hľadaní tejto záhadnej informácie ste nemohli ísť na Google. Teraz si môžete prezerať obrázky manuálnym zadaním mesiaca, dňa a času.

4. Deň s Plutom

Časopis Nature publikuje množstvo zaujímavých infografík pre svoje vedecké publikum. Medzi nimi bol aj jeden o slávnom lete kozmickej lode blízko Pluta (24 Hours Of Pluto). Infografika obsahovala množstvo textových informácií, no vizuály poskytovali ľahké pochopenie toho najzaujímavejšieho, od štruktúry trpasličej planéty až po vznik jej mesiacov. Teraz je na internete dostupná textová časť a tiež dve animované videá z infografiky.

5. Ako sa menili americké domy

Vydajte sa na cestu za veľkým americkým snom, ktorý sa odráža v evolúcii domácich štýlov. Táto dobre ilustrovaná infografika vám umožňuje sadnúť si za volant auta (a zároveň meniť jeho vzhľad, aby ste držali krok s dobou) a prejsť od 19. storočia do 21. storočia, pričom budete jazdiť popri populárnych budovách po celé desaťročia. Cestou sa stretnete s množstvom užitočného materiálu (vrátane vtedajších spoločensko-politických pomerov, ako aj trendov v móde) a všetko končí otázkou, ktorá vás nabáda k predstave budúcnosti amerického domova. Infografika Decades Of American Homes je skvelým príkladom horizontálneho rolovania a hodí sa sem.

6. Vývoj marketingovej analytiky

Inteligentná spoločnosť na prieskum používateľov Vision Critical vo svojej infografike Evolution of Insight sleduje vývoj trhu marketingových technológií na celom svete od 90. rokov 19. storočia až po súčasnosť. Funguje podobne ako infografika How American Homes Changed, a teda umožňuje porovnať efektivitu používania interaktívnej časovej osi pre dva veľmi odlišné príbehy. Infografika Decades Of American Homes má tú výhodu, že prezeranie domov počas jazdy je oveľa intuitívnejšie ako cestovanie podľa skvelých amerických analýz. Dobré infografiky sú vytvárané s ohľadom na obsah, nie okolo neho.

7. Práva LGBT komunity na celom svete

The Guardian zaujíma ďalšiu pozíciu v našom zozname s touto elegantnou infografikou vysvetľujúcou právnu situáciu práv LGBT v celej škále 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 jednoduchý spôsob porovnávania štatistík medzi nimi rozdielne krajiny a infografická kompozícia udržuje globálny status v popredí v strede. Je tu tiež silná výzva na akciu, ktorej cieľom je preklenúť priepasť medzi jednoduchým uvedomením a aktivizmom.

8. Nerovnosť je opraviteľná

Ďalší skvelý príklad interaktívnej infografiky, Nerovnosť je opraviteľná, pozýva publikum, aby sa ponorilo do problému, čím sa stáva hlboko osobným. Divák zaručene nestratí záujem o materiál, ktorý mu hovorí, koľko má jeho šéf podhodnotený a prečo. Tým, že sa používateľ stane súčasťou príbehu, vývojári podnietia zvedavosť a prevedú používateľa všetkými potrebnými krokmi až k výzve na akciu (Call-To-Action) na konci.

"Nechali sme to, aby sa to stalo - ako to teraz môžeme opraviť?"

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

Mnohé z infografík na tomto zozname využívajú animáciu a interaktivitu, aby poskytli bohatý zážitok. Vizuálne sa táto infografika z The New York Times (You Draw It: How Family Incomes Predicts Children's College Chances) drží klasického formátu grafu, no využíva aj pohľad na správanie používateľov na rozšírenie oblasti infografického dizajnu, napríklad proaktívne a interaktívne vizualizácia. Tým, že žiadajú č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! Zvislá os je percento detí, ktoré idú na vysokú školu. Horizontálna os – percentil príjmu rodiča

10. Ako zomierajú Američania

S výnimkou titulného obrázka tento príklad používa na vykreslenie obsahu väčšinou staré dobré grafy. Nie je to však vôbec nudné, pretože používatelia môžu nezávisle prechádzať údajmi pohybom kurzora pozdĺž grafov. Vďaka tomu je oveľa jednoduchšie porovnať napríklad počet úmrtí súvisiacich so samovraždou v 70. rokoch oproti súčasnosti (nápoveda: teraz je na vzostupe), statická tabuľka by to nedokázala tak prehľadne.

11.

Od svojho debutu Project Snowfall, ktorý si vyslúžil pozornosť a uznanie všetkých, si New York Times zachovali svoju povesť špičkovej multimediálnej žurnalistiky. Vydavateľský tím využí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 The Russia Left Behind je dielo, ktoré vyvolalo istú rezonanciu. Infografika funguje ako interaktívna prehliadka Ruska (prechádzate na mape).

12. Bondové autá

Ak by ste niekedy chceli spoznať históriu Jamesa Bonda pohľadom na jeho autá, potom poďakujte britskému predajcovi áut 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 Bondových áut, ako aj niektoré ďalšie zaujímavosti... Pomocou všadeprítomnej taktiky posuvníka môžete auto „odhaliť“ v celej jeho kovovej kráse (štandardne je daný iba jeden farebný vzor). Autori teda kreatívne vyriešili problém s potrebou zahrnúť fotografie, ktoré nie celkom zapadajú do estetiky infografiky.

13. Farby pohybu

The Colours 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ď. Nenašli ste titul v databáze? Stačí poslať správu vývojárom - akceptujú žiadosti.

14. Hrobka kráľov v Peru

National Geographic má pomerne pôsobivú zbierku toho, čo nazývajú „interaktívna grafika“ (väčšina z nich je doplnená podrobnými textovými popismi, ako napríklad v prípade Trajánovho stĺpa), ale vybrali sme tento pomerne jednoduchý príklad, aby sme zdôraznili, ktoré techniky sú v interaktívnej infografike skutočne účinné. „The Royal Wari Tomb“ (Peru's Royal Wari Tomb) odhaľuje zvláštnosti pohrebu šľachtičnej tých čias. Pozornosť sa presúva z navíjania múmie na jej dekoráciu a polohu. Rozdelením informácií na malé časti a umožnením používateľovi prechádzať medzi nimi sa interaktívna grafika vyhýba tým najzákernejším nástrahám: preťaženiu dát a vizuálne efekty... Navyše, každá ďalšia interakcia rozširuje zážitok, vďaka čomu je oveľa prínosnejšia, ako keby bolo všetko prezentované naraz. Náš mozog má mechanizmus, ktorý odmieta supresívne podnety a daný typ interakcia sa pre používateľa stáva skvelým riešením, ktoré uľahčuje vstrebávanie informácií.

15. Čo je to škótske referendum? Vysvetlenie pre nebritské

The Guardian, podobne ako New York Times, stavia na multimediálnej žurnalistike a ich video zvláda jednu 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 toto video (Scottish Referendum Explained For Non-Brits) vám pomôže rýchlo sa o nej dozvedieť dôležité aspekty bez potreby hlbšieho ponoru do histórie.

16. Verejné zdravie

Atlantik bol poverený vypracovaním vízie na zlepšenie verejného zdravia. Spoločnosť Truth Labs poverila transformáciou 3-dielnej série článkov o zdraví populácie na digitálne rozprávanie príbehov. Primárnym cieľom umelca bolo zachovať prirodzené posúvanie dokumentu a bežný čitateľský zážitok používateľa a zároveň vytvoriť zážitok, ktorý sa líšil od vizuálnej perspektívy. Z kinematografie si požičali nástroje a stratégie, aby svoju víziu priviedli k životu, ale zamerali sa aj na súbor princípov dizajnu na podporu čitateľnosti ako kľúčového pravidla.

17. Joho zrná

Rakúsky kávovar Joho "s vytvoril pôsobivý multimediálny zážitok, Joho's Bean, aby rozpovedal príbeh o pôvode kávových zŕn. Rozprávanie harmonicky spája audio, video a fotografický materiál, ktorý zapája takmer všetky zmysly užívateľa. Počujete cvrlikanie vtákov, zvuk vrecovaných 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úcou pôvod ich kávových zŕn

18. Prvotná cesta

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

19.

Pokrytie prezidentských volieb v USA v roku 2016 denníkom Guardian (Živé výsledky volieb) prinieslo zábavný prvok do vážnej záležitosti percent a volebných miestností. Interaktívne infografiky sledovali hlasovanie v štyroch štátoch. Štandardne sa v grafe zobrazovali výsledky za celú krajinu a ak používateľ nabehol kurzorom na ľubovoľnú oblasť na mape, zobrazilo sa, aké čísla tam kandidáti napísali. Prezidentskí kandidáti boli prezentovaní ako vtipní pixelovaní avatari. Keď boli infografiky aktualizované v priamom prenose, malí muži zafarbili štáty, v ktorých vyhrali. Z času na čas sa v bubline vedľa kandidáta objavil citát kandidáta.

Odraz výsledkov volieb v reálnom čase

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

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

Infografiky sú všadeprítomné a v poslednej dobe sú čoraz interaktívnejšie.

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 uvedené v tejto infografike, ľudia lepšie vnímajú 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é vizuálne prvky. je efektívny nástroj učenie, ale môže to byť ešte lepšie.

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

To je dôvod, prečo pridať interaktivitu perspektívna oblasť vizualizácie vám môžu 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

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

Cardboard Design Lab od Google je dobrý „návod“ pre začínajúcich dizajnérov virtuálnej reality

Infografika je ako dobrodružná hra

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

Virtuálna realita je ako slúchadlá na ušiach

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

Zasadnutie bolo ráno ukončené Archie tse z The New 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 klikať, nie rolovať, musí sa stať niečo neobvyklé.
  2. Predpokladajme, že popisy nástrojov a akékoľvek iné efekty vznášania sa nikdy nikto neuvidí. Ak je obsah dôležitý, urobte ho tak, aby ho čitateľ hneď videl.
  3. Ak chcete vytvoriť niečo interaktívne, pamätajte - bude to drahé, aby to fungovalo na všetkých platformách.

Aby všetko fungovalo na desktope aj na mobile, budete musieť svoju grafiku prekresliť 2-3 krát

Ako tieto pravidlá zmenili prístup NYT:

  1. Väčšina vykreslení je teraz statická
  2. Viac textov
  3. Ak potrebujete pohyb v obraze, objaví sa počas rolovania

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

Robili sme „viackrokové“ kroky. Používatelia sa zastavili pri kroku 3. Čitatelia sa chcú len posúvať, nie klikať

Archie Tse: Rolovanie vs. kliknutie

Andy Kriebel publikuje infografiku a dáta každú nedeľu večer na VizWiz už 18 týždňov. Úlohou je vyhradiť si počas pondelka približne hodinu času, rýchlo analyzovať vizualizáciu a urobiť si vlastnú verziu.

Nižšie zverejňujeme výsledky minulého týždňa - Otroctvo v XXI storočí.

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

#MakeoverMonday od Andyho Cotgreavea. Podrobný popis a interaktívne - 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ť nie sú až také veľké. Čísla zrazu prestali byť „štatistikou“ a veľmi ma zasiahli.

Vizualizácia dát - používa veľké súbory údajov s menším počtom vlastnoručný nad dizajnom; založené na algoritmoch. Napríklad interaktívne dielo New York Times.

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

Aký je problém?

Výsledkom je, že mnohé diela lákajú iba sofistikovaných používateľov, ale neumožňujú nezasväteným čitateľom pochopiť podstatu problematiky, čím poškodzujú účel vizualizácie – informovať verejnosť. Preto je také dôležité pochopiť a pochopiť problém 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ú efektne, no ich interpretácia môže byť pre mnohých náročná.

Práva homosexuálov v Spojených štátoch, štát po štáte

Množstvo dnes dostupných dátových zdrojov a nástrojov na ich spracovanie už samo o sebe jasne ukazuje, že toľko ľudí sa nikdy nepokúsilo dostať do pohody vo svete vizualizácie dát. A keď je k dispozícii toľko materiálov na štúdium, je tu len jedna otázka "Kde začať?" dokáže vystrašiť každého začiatočníka. Aké sú teda najlepšie knižnice a čo radia profesionáli? Toto bude predmetom tohto článku.

Rozprávať o vizualizácii údajov bez toho, aby ste ju spomenuli, je ako hovoriť o histórii osobných počítačov a nepovedať ani slovo o Stevovi Jobsovi. D3 (Data Driven Documents) je bez preháňania najdôležitejšia a dominantná open source knižnica JavaScript na trhu, bežne používaná na vytváranie grafiky SVG. SVG (Scalable Vector Graphics) je zase formát vektorový obrázok, podporovaný webovými prehliadačmi, ale predtým málo používaný.

Knižnica D3 vďačí za svoju popularitu náhlemu záujmu o SVG zo strany webových dizajnérov, čo je do značnej miery spôsobené tým, vektorová grafika pozrite sa na obrazovky s vysokým rozlíšením (najmä na Retina displeje používané v zariadenia Apple), ktoré sú čoraz bežnejšie.

„Buďme úprimní, ak je úlohou vizualizácia údajov na báze SVG, potom všetky ostatné knižnice neboli ani zďaleka na to, aby to vyriešili,“ hovorí Moritz Stefaner, nezávislý odborník na vizualizáciu údajov a majiteľ spoločnosti. Pravda a krása... „Existuje tiež 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 dát pre web, súhlasím s predchádzajúcim názorom: „D3 je mimoriadne výkonný v tom, že využíva všetko, čo prehliadače ponúkajú. Aj keď to má nevýhodu: ak prehliadač niečo nepodporuje, napríklad 3D obrázky založené na WebGL (z anglickej knižnice Web Graphics Library), nebude to podporovať ani D3.

A hoci je táto knižnica skutočne univerzálna, stále nie je ideálne riešenie na akúkoľvek úlohu. „Hlavnou nevýhodou knižnice D3 takpovediac je, že nepredpisuje ani nenavrhuje žiadny špecifický prístup k vykresľovaniu,“ dodáva Scott Murray. "Je to skutočne nástroj na načítanie údajov do prehliadača a následné generovanie komponentov DOM na základe týchto údajov."

Zatiaľ čo D3 je skvelá súprava nástrojov pre vlastné obrázky, ak chcete vytvoriť štandardný graf bez veľkej vizuálnej práce, potom nástroj ako Vega... Ako rámec založený na D3 poskytuje Vega alternatívu na zobrazovanie grafických komponentov. Pomocou Vega môžete vizualizovať dáta JSON European Journalism Center a Data Driven Journalism projekt. Presné termíny kurzu ešte nie sú známe, no prihlásiť sa môžete už teraz.

Účastníci kurzu sa za päť dní budú môcť dozvedieť, čo je dátová žurnalistika, ako funguje a aké kľúčové zručnosti musíte ovládať, aby ste sa stali špecialistom v tejto oblasti. Zistite, kde hľadať údaje na podporu vašich grafov a ako v údajoch nájsť nové nápady. Naučte sa umenie premeniť nudné údaje 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é novinár potrebuje poznať.

Lektormi kurzu sú piati z popredných svetových odborníkov na dátovú žurnalistiku a vizualizáciu.