Jaký je nejlepší způsob vytváření interaktivních infografik. Nejlepší případy použití pro interaktivní infografiku na vstupních stránkách

Pravděpodobně jste zaznamenali obrovský posun v online světě od textového obsahu k vizuálnímu obsahu.

Sílu vizuálů na internetu a v našem každodenním životě nelze popřít. Na YouTube a Instagramu dominuje vizuální obsah; YouTube je třetí nejnavštěvovanější stránkou na webu, na Instagram je denně zveřejněno přes 80 milionů fotografií.

Blogové příspěvky a články jsou o 80% „spotřebnější“, pokud mají barevné obrázky, záhlaví nebo miniatury a lidé na webu stráví maximálně 15 sekund, pokud od prvních sekund nepoutá jejich pozornost.

Infografika je mezi publikem a prodejci oblíbená a dnes je pro lidi o 800% zajímavější než v roce 2012.

Navíc se obsah vytváří alarmujícím tempem – 60 % marketérů vytvoří každý den alespoň malý kousek nového obsahu! Více se dozvíte v přehledném článku.

Jak stále více lidí vytváří obsah, něco se stává jasným: abyste byli vidět, musíte vyniknout.

Obchodníci s obsahem již přirozeně přemýšlejí o budoucnosti vizuálního obsahu a zjišťují, co mohou dělat nyní, co mohou dělat a jaké nové technologie jsou již na obzoru. Tento druh předvídavého myšlení může vše vytvořit nebo zničit veškeré vaše úsilí v oblasti marketingového obsahu; musíš se přizpůsobit, jinak se utopíš.

Díky vizuálnímu obsahu, jako je infografika, mají obchodníci jedinečnou pozici, aby viděli budoucnost, jak se blíží. Firmy, grafici a marketéři začínají používat infografiky – aktualizují je, aby byly pro své publikum ještě přitažlivější. I když už pravidelně „pouze“ zveřejňujete infografiku, nikdy není příliš brzy vědět o trendech, které se teprve začínají vyvíjet, stejně jako není příliš brzy vědět, jak je implementovat do vašich strategií obsahového marketingu.

Pokud se chcete podívat do budoucnosti a možná se dokonce naučit pár triků dříve než všichni ostatní, teď je ta správná doba!

Zde jsou tři typy infografik, které budou v (blízké) budoucnosti nejrozšířenější.

Pokud hledáte skvělý infografický nástroj, doporučuji vyzkoušet Visme. Pro začátečníky nabízejí bezplatný účet a skvělé praktické funkce pro lidi, kteří nejsou návrháři. Nyní můžete získat bezplatný účet.

1. Interaktivní infografika

I když vidíme krásu interaktivních webových stránek a snadno použitelných her, interaktivní infografiky jsou ve svém oboru stále poměrně nové. Stejně jako infografika samozřejmě obsahují nějaké informace a obvykle jsou dynamické. Využití interaktivních prvků však dává uživatelům možnost spojit se s informacemi a vytvořit si vlastní.

Bez ohledu na vaši firmu, produkt, službu nebo zprávu můžete vytvářet interaktivní infografiky, které lidem umožní hodnotit se (například „Vypočítejte si BMI zde“). Uživatelé mohou také kliknout na relevantní informace, které je přesměrují na hlouběji zacílený zdroj nebo zpět na vstupní stránku, a tím generovat návštěvnost. Je to velmi přizpůsobivý a zábavný způsob, jak zaujmout publikum.

Mnoho obchodníků se již tomuto typu infografiky přizpůsobilo a rychle se přenáší. Ale zároveň mnozí berou jako základ jednoduchá infografika:

.... jen si představte, co dalšího můžete dělat s interaktivní infografikou.

Si můžete vyzkoušet:

  • Použití technik posouvání, díky nimž obrázky nebo tvary vyniknou na pozadí
  • Vytváření vyskakovacích oken, která rozšiřují oblasti textu
  • Plovoucí obrázky nebo statistiky, když na ně kliknete
  • Přeměna infografiky na více stránek, které si uživatelé mohou prohlížet

Podrobnější příklad interaktivní infografiky najdete na této:

Aby byla vaše infografika vysoce interaktivní (s posouváním, vyskakovacími okny atd.), Budete se muset naučit něco o HTML5 nebo CSS, nebo najmout někoho jiného, ​​aby to vyřešil za vás.

Navzdory mimořádnému úsilí budete odměněni jedinečným, poutavým a efektivním obsahem.

Proč byste se měli v blízké budoucnosti pokusit implementovat infografiku?

  • Povzbuzuje vaše publikum, aby se zapojilo a sdílelo váš obsah.
  • To generuje provoz (přes odkazy)
  • Dokáže vašemu publiku, že jste inovativní, vynalézaví a odhodláni poskytovat včasný a poutavý obsah.
  • Existují úrovně interaktivních infografik, které řídí jeho vývoj.

2. Vložené video a GIF

Toto je další typ infografiky, kterou dnes vidíme stále častěji. Infografiky, které nabízejí krátká videa nebo dokonce GIF (Graphics Interchange Format), jsou skvělým způsobem, jak upoutat pozornost a nechat svou infografiku vyniknout z davu. I když to omezuje platformy, můžete své infografiky sdílet v reálném čase.

Mnoho jednoduchých infografických nástrojů, jako je Easel.ly, nabízí možnost „Embedded YouTube Video“ nebo můžete video přidat do infografiky, kterou vytvoříte ve Photoshopu, pomocí vrstvy videa. Na snímek aplikace Powerpoint můžete dokonce přidat video, které také můžete proměnit v infografiku.

A co víc, na internetu najdete miliony GIFů a vkládáte je stejným způsobem. Problém spočívá v tom, že budete muset distribuovat svou infografiku jako adresu URL, abyste se ujistili, že je správně vložena na váš web. Tyto infografiky nesmíte šířit ani ukládat ve formátu .jpeg nebo PDF. Nepochybně, jak se to stává stále populárnějším, budou existovat další nástroje pro vkládání videí a gif, aby byl proces ještě jednodušší.

Ale pokud chcete tento typ infografiky používat dříve, než všichni ostatní, a dokonce i jejich psi, naučte se, jak to udělat, začněte nyní s nástroji, které najdete online.

Pokud to chcete posunout na další úroveň, můžete z infografiky, kterou již máte, vytvořit video. Je to skvělá příležitost, jak se vidět na YouTube, Instagramu a dokonce i na video platformách jako Vimeo, Snapchat a dalších. Video níže je skvělým příkladem toho, jak přeměnit infografiku na video.

Proč vkládat videa nebo GIFy do infografiky?

  • To vám dává prvek překvapení - lidé neočekávají, že se obrázek začne hýbat!
  • Je to hodně zábavné a originální, což zvyšuje šanci, že lidé budou interagovat a sdílet vaši infografiku.
  • Je to dobrý způsob, jak všem ukázat jedinečnost vaší značky.

3. Animovaná infografika

Animované infografiky mají obrovské množství vizuálních modelů a vyžadují velkou pozornost. Když si uživatel prohlíží stránku, obvykle neočekává, že se něco pohne, takže je dobré, když se všechny tyto techniky naučíte dříve, než to udělá každý.

Vzhledem k tomu, že mnoho animovaných infografik je poměrně složitých a může vyžadovat určitý druh grafického designu, kódování a / nebo softwarových znalostí, jsou velmi uznávané.

Zde je příklad toho, o čem mluvím:

Pokud se chcete dozvědět více o tom, jak vytvářet animované infografiky, podívejte se na tuto infografiku od Tabletop Whale. Můžete také najít různé služby, které vám pomohou vytvořit infografiku tohoto druhu. V každém případě je to jeden z nejsložitějších procesů ve vývoji infografiky.

Proč byste měli trávit čas, energii a / nebo peníze tvorbou animovaných infografik?

  • Ve skutečnosti vás to odliší od davu, protože ne každý má přístup k tomuto druhu softwaru nebo obsahu.
  • Za pár let to bude samozřejmostí – budete jeden z prvních, kdo to udělá!
  • Díky animaci budou informace uvnitř infografiky zapamatovatelnější
  • Bude inspirovat vaše uživatele, aby s vámi spolupracovali.

To vše není sci-fi

Možná to zní příliš technicky a zdá se vám to nyní jako něco mimo váš dosah, ale je pravděpodobné, že tyto typy infografik budou za 2–3 roky velmi běžné. Už nyní zaznamenáváme výrazný průlom v animovaných infografikách a infografikách GIF, zejména proto, že GIF stále roste na popularitě. Infografika se stává jedním z nejčastěji konzumovaných a nejčastěji vytvářených typů obsahu na internetu. Proč? Protože mozek potřebuje pouze 250 milisekund, aby přijal a zpracoval hodnotu symbolu.

Pokud průměrný člověk stráví na webu asi 15 sekund a pak se začne nudit, pak samozřejmě budete chtít vytáhnout cokoli, co by ho mohlo zdržet – nebo alespoň dostat zprávu za 15 sekund nebo méně. Některé studie dokonce ukázaly, že lidé se na něco dokážou soustředit maximálně 8 sekund a toto číslo se každým rokem snižuje.

To je důvod a možná vedlejší produkt naší neustálé potřeby informací. Žijeme v informační době a všechny informace jsou nám dostupné. Ale také to znamená, že čím více lidí se snaží sdílet zprávy a odpovídat na každou možnou otázku, tím více obsahu se stává šumem na pozadí.

Pokud je dnes ukazatelem infografika, brzy budou všude. To znamená nové změny ve vaší práci. Žádná marketingová kampaň v historii nebyla úspěšná tím, že neustále dělala to samé.

Cílem je v infografice vidět více než obrázek jpeg. Infografiku lze přizpůsobit různým prostředím a použít ji na celé řadě platforem. V tom už podnikatelé a obchodníci viděli potenciál. A ty?

V posledních několika letech se infografika vyvinula ze statických obrázků na bohaté interaktivní zážitky s prvky animace a videa přizpůsobenými unikátnímu obsahu. Už se neomezuje pouze na předem vytvořené generické šablony. A dnešní kolekce obsahuje ty nejlepší infografiky, které předvádějí, jak vypadá zajímavý a informativní zážitek.

Většina infografik v tomto seznamu byla vybrána, aby ukázala různé způsoby, kterými návrháři přistupují k vizualizaci dat. Existuje zde však také několik „hybridů“, které ilustrují stírání hranic mezi infografikou a bohatými multimediálními zážitky při vytváření poutavého obsahu a poutavých příběhů na vstupních stránkách. Odchod z tradičních forem znamená, že vstupujeme do složitějšího mediálního prostředí, a právě tento druh experimentování s technologií a vyprávěním příběhů bude zásadní pro utváření budoucnosti grafického designu.

1. Mapa větrů

Mapa větru je velkolepý design, který ukazuje směr a rychlost větru nad Spojenými státy. Tento design má spíše umělecký než utilitární účel, což je skvělé: je velmi příjemné jen tak sedět a sledovat tenká vlákna, jak se točí kolem mapy. Jednoduchý, ale promyšlený příklad toho, jak infografiky ukazující cesty tvarů těží z animace a pohybové grafiky.

2. Za letu

V roce 2014 spustil The Guardian infografiku In Flight zobrazující data o komerčních letech v reálném čase (zdá se, že informace nyní nejsou aktualizovány, což je škoda), a také lekci o historii letectví. Tlumené rozhovory mezi letovými posádkami na začátku interaktivní show vytvářejí zvláštní atmosféru. Zdá se, že infografika se v dnešní době pomalu mění v kinematografické zážitky. Alespoň "In Flight" ukazuje tímto směrem...

3. Vytočte měsíc

V infografice Dial A Moon se toho moc neděje, ale svému účelu slouží docela dobře. V roce 2015 se díky NASA infografika lunární fáze aktualizovala každou hodinu a při hledání této záhadné informace jste nemuseli googlit. Nyní si můžete prohlížet obrázky ručním zadáním měsíce, dne a času.

4. Den s Plutem

Časopis Nature vydává mnoho zajímavých infografik pro své vědecky založené publikum. Mezi nimi byl jeden o slavném letu kosmické lodi poblíž Pluta (24 hodin Pluta). Infografika obsahovala spoustu textových informací, ale vizuály poskytovaly snadné pochopení toho nejzajímavějšího, od struktury trpasličí planety až po tvorbu jejích měsíců. Nyní je na internetu dostupná textová část a také dvě animovaná videa z infografiky.

5. Jak se změnily americké domovy

Vydejte se na cestu velkým americkým snem, který se odráží v evoluci domácích stylů. Tato dobře ilustrovaná infografika vám umožní usednout za volant auta (také mění jeho vzhled, jak budete posouvat, abyste drželi krok s dobou) a navigovat od 19. století do 21. století a projíždět kolem populárních budov po celá desetiletí. Cestou narazíte na množství užitečného materiálu (včetně tehdejších společensko-politických poměrů a trendů v módě) a vše končí otázkou, která vás přiměje představit si budoucnost amerického domova. Infografika Decades Of American Homes je skvělým příkladem horizontálního posouvání a sem se hodí.

6. Vývoj marketingové analytiky

Inteligentní společnost pro průzkum uživatelů Vision Critical ve své infografice Evolution of Insight sleduje vývoj trhu s marketingovými technologiemi po celém světě od 90. let 19. století do současnosti. Funguje podobně jako infografika How American Homes Changed, a umožňuje vám tedy porovnat účinnost používání interaktivní časové osy pro dva velmi odlišné příběhy. Infographics Decades Of American Homes mají tu výhodu, že vidí domy při pohybu autem mnohem intuitivněji než při cestování pomocí skvělé americké analytiky. Dobré infografiky jsou vytvářeny s ohledem na obsah, ne kolem něj.

7. Práva LGBT komunity na celém světě

The Guardian zaujímá další pozici na našem seznamu s touto elegantní infografikou vysvětlující právní situaci práv LGBT v celé řadě problémů (manželství, diskriminace na pracovišti, zločiny z nenávisti atd.) v každém národu na světě. Pohyb v půlkruhu poskytuje rychlý a snadný způsob, jak porovnávat statistiky mezi různými zeměmi, a složení infografiky udržuje globální stav v popředí uprostřed. Je zde také silná výzva k akci, jejímž cílem je překlenout propast mezi jednoduchým vědomím a aktivismem.

8. Nerovnost je opravitelná

Další skvělý příklad interaktivní infografiky, Nerovnost je opravitelná, zve diváky, aby se do problému ponořili, což je hluboce osobní. Divák zaručeně neztratí zájem o materiál, který mu říká, jak moc je jeho šéf nedostatečně placen a proč. Tím, že se uživatel stane součástí příběhu, vyvolá zvědavost a provede uživatele všemi nezbytnými kroky až k výzvě k akci (Call-To-Action) na konci.

„Nechali jsme to - jak to můžeme nyní napravit?“

9. Nakreslete se: Jak příjem domácnosti předpovídá šanci dítěte na vysokou školu

Mnoho infografik na tomto seznamu využívá animaci a interaktivitu, aby poskytly bohatý zážitek. Vizuálně tato infografika z The New York Times (You Draw It: How Family Income Predicts Children's College Chances) dodržuje klasický formát grafu, ale také využívá vhled do chování uživatelů k rozšíření oblasti infografického designu, jako je proaktivní a interaktivní vizualizace. Tím, že žádají čtenáře, aby nakreslili svou vlastní křivku, vnášejí prvek vlastního zájmu a poskytují tak lidem opravdu cenné informace.

Není to nejhorší výsledek! Svislá osa je procento dětí, které chodí na vysokou školu. Horizontální osa - percentil rodičovského příjmu

10. Jak umírají Američané

Kromě titulního obrázku používá tento příklad k vykreslení obsahu většinou dobré staré diagramy. Ale to není vůbec nudné, protože uživatelé mohou nezávisle procházet daty pohybem kurzoru podél grafů. Díky tomu je mnohem snazší porovnat například počet úmrtí spojených se sebevraždou v 70. letech se současným (nápověda: nyní je na vzestupu), statický graf by to neřešil tak úhledně.

11.

Od svého debutu Project Snowfall, který si získal pozornost a uznání všech, si New York Times udržuje pověst lídra v multimediální žurnalistice. Vydavatelský tým využívá kombinaci infografického designu a hloubkového vyprávění, aby vytvořil působivě poutavý zážitek. Mají živější příklady, ale Rusko opuštěné je dílo, které způsobilo určitou rezonanci. Infografika funguje jako interaktivní prohlídka Ruska (projdete si na mapě).

12. Bond auta

Pokud byste někdy chtěli poznat historii Jamese Bonda pohledem na jeho auta, pak děkuji britskému prodejci automobilů Evansovi Halshawovi - dal vám takovou šanci. Jeho interaktivní infografika Bond Cars vám umožní prozkoumat model a design každého z vozů Bond a také několik dalších zajímavých faktů. Pomocí všudypřítomné taktiky jezdce můžete také „odhalit“ auto v celé jeho kovové slávě (standardně je uveden pouze jednobarevný vzor). Autoři tedy kreativně vyřešili problém s nutností zařadit fotografie, které tak úplně nezapadají do estetiky infografiky.

13. Barvy pohybu

The Colours Of Motion je infografická série, která analyzuje filmy pouze podle jejich barevné palety odvozené z kombinace všech snímků. Pokud jste někdy přemýšleli, nyní máte odpověď. Nemůžete najít titul v databázi? Stačí poslat zprávu vývojářům - přijímají požadavky.

14. Královská hrobka v Peru

National Geographic má docela působivou sbírku toho, čemu říkají, „interaktivní grafika“ (většina z nich je doprovázena podrobnými textovými popisy, jako například v případě Trajanova sloupu), ale vybrali jsme tento relativně jednoduchý příklad, abychom zdůraznili, techniky jsou v interaktivní infografice opravdu účinné. „Královská válečná hrobka“ (Peruánská královská válečná hrobka) odhaluje zvláštnosti pohřbu šlechtičny té doby. Zaměření se přesouvá z navíjení mumie na její dekoraci a polohu. Díky oddělení informací na malé kousky a umožnění uživateli mezi nimi procházet se interaktivní grafika vyhne těm nejzákeřnějším nástrahám: přetížení dat a vizuální efekty. Navíc každá další interakce rozšiřuje zážitek, takže je mnohem přínosnější, než kdyby bylo vše prezentováno najednou. Náš mozek má mechanismus, který odmítá potlačující podněty, a tento typ interakce se pro uživatele stává vynikajícím řešením, které usnadňuje vstřebávání informací.

15. Co je to skotské referendum? Vysvětlení pro non-britské

The Guardian, stejně jako New York Times, sází na multimediální žurnalistiku a jejich video si poradí s jednou z hlavních funkcí infografiky: dát objemným informacím přijatelnou formu. Pro mnoho z nás mimo Spojené království je referendum velmi matoucím tématem. Naštěstí vám toto video (Scottish Referendum Explained For Non-Brits) pomůže rychle se dozvědět o jeho důležitých aspektech, aniž byste se museli hlouběji ponořit do historie.

16. Veřejné zdraví

Atlantik měl za úkol vyvinout vizi pro zlepšení veřejného zdraví. Společnost Truth Labs pověřila transformaci 3dílné série o zdraví populace na digitální vyprávění příběhů. Hlavním cílem umělce bylo zachovat přirozené rolování dokumentu a běžný čtenářský zážitek uživatele a zároveň vytvořit zážitek, který se liší od vizuální perspektivy. Aby uvedli tuto vizi do života, vypůjčili si nástroje a strategie z kinematografie, ale zaměřili se také na soubor principů designu, které podporují princip čitelnosti jako klíčové pravidlo.

17. Joho zrní

Rakouský kávovar Joho vytvořil působivý multimediální zážitek Joho's Bean, který vypráví příběh o původu kávových zrn. Vyprávění harmonicky kombinuje audio, video a fotografický materiál, který zapojuje téměř všechny smysly uživatele. Cvrlikání ptáků, zvuk pytlů pražených kávových zrn a hluk rušných ulic a provozu ve městě.

Joho's vás vezme na cestu vysvětlující původ jejich kávových zrn

18. Prvotní silnice

Divoká cesta je interaktivní cestovní příběh vytvořený pomocí Canvas. Hlavním prvkem je mapa, která animuje cestu na mapě při rolování stránky. Projekt nemusí fungovat ve všech prohlížečích. Doprovází ji ale doprovodný článek, který vysvětluje všechny technologie ze zákulisí tvorby infografiky.

19.

Zpravodajství deníku The Guardian (Živé výsledky voleb) o prezidentských volbách v USA v roce 2016 přineslo zábavný prvek do vážné záležitosti procent a volebních místností. Interaktivní infografika sledovala hlasování ve čtyřech státech. Ve výchozím nastavení se v grafu zobrazovaly výsledky za celou zemi, a pokud uživatel najel kurzorem na libovolnou oblast na mapě, zobrazilo se, jaká čísla tam kandidáti zadali. Prezidentští kandidáti byli prezentováni jako vtipní pixelovaní avataři. Když byly infografiky aktualizovány v živém čase, malí muži tónovali státy, ve kterých vyhráli. Čas od času se v bublině vedle kandidáta objevila citace kandidáta.

Odraz výsledků voleb v reálném čase

Budoucností vizualizace dat je interaktivita.

Jak ale vytvořit skutečně ohromující interaktivní infografiku?

Infografiky jsou všudypřítomné a v poslední době jsou stále více interaktivní.

V dnešním článku se s vámi podělíme o tajemství vytváření interaktivní infografiky a také odkazy na užitečné zdroje.

1. Rozumět psychologii

Před vytvořením interaktivní grafiky je důležité pochopit, proč ji chcete upravit tak, jak je.

Jak je podrobně uvedeno v této infografice, lidé vnímají vizuální informace lépe. Je mnohem pravděpodobnější, že si přečteme, porozumíme a zapamatujeme si prezentaci, pokud obsahuje poutavé vizuální efekty. je účinný učební nástroj, ale může být ještě lepší.

Kinetické učení je skvělou alternativou, protože lidé lépe absorbují informace prostřednictvím fyzických akcí.

To je důvod, proč přidání interaktivity do slibné oblasti vizualizace vám může pomoci vytvořit ještě lépe zapamatovatelné a efektivnější infografiky.

Tato kombinace vizuálního a kinetického přístupu dělá z animované infografiky obsah budoucnosti. U některých témat je samozřejmě lepší interaktivní prvky nepoužívat, ale ve většině případů pouze vylepší obsah.

Pohyb dodává informacím význam, umožňuje uživateli ovládat zážitek a zapojuje představivost způsobem, který statická infografika nedokáže.

2. Přidejte efekty posouvání

Trik virtuální reality spočívá v tom, že pro ostatní budete vypadat jako idiot.

Laboratoř Cardboard Design společnosti Google je dobrým „návodem“ pro začínající návrháře virtuální reality

Infografika je jako dobrodružná hra

Problém Unity je v tom, že udělat dobrou věc na webu není snadné.

Virtuální realita je jako sluchátka pro vaše oči

Virtuální realita vyžaduje bezpečné prostředí, nemůžete do ní jít na cestách. To omezuje možnosti VR

Zasedání bylo ráno ukončeno Archie tse z The New York Times s provokativním tématem „Proč NYT dělá méně interaktivní práci“.

Práce NYT je založena na třech pravidlech vizuálního vyprávění:

  1. Pokud čtenář potřebuje klikat, ne rolovat, pak se musí stát něco neobvyklého.
  2. Předpokládejme, že popisky a jakékoli další efekty vznesení nikdo nikdy neuvidí. Pokud je obsah důležitý, udělejte jej tak, aby jej čtenář hned viděl.
  3. Pokud chcete vytvořit něco interaktivního, pamatujte – bude drahé, aby to fungovalo na všech platformách.

Grafiku budete muset 2x až 3x překreslit, aby vše fungovalo na desktopu i mobilu

Jak tato pravidla změnila přístup NYT:

  1. Většina vykreslení je nyní statická
  2. Více textů
  3. Pokud na obrázku potřebujete pohyb, objeví se během posouvání

(Čtvrtý bod říká, že stále dělají interaktivní práci. Ale nyní by měl být důvod VELMI smysluplný).

Udělali jsme „vícekrokové“ kroky. Uživatelé se zastavili v kroku 3. Čtenáři se chtějí pouze posouvat, ne klikat

Archie Tse: Scrolling vs. kliknutím

Už 18 týdnů každou neděli večer Andy Kriebel vydává infografiky a data o VizWiz. Úkolem je vyhradit přibližně hodinu času v pondělí, rychle analyzovat vizualizaci a vytvořit si vlastní verzi.

Níže zveřejňujeme výsledky minulého týdne - Otroctví ve století XXI.

#MakeoverMonday od Andy Kriebel. Podrobný popis a interaktivní - na Andyho blogu:

#MakeoverMonday od Andyho Cotgreave. Podrobný popis a interaktivní - na Andyho blogu:

Také jsem se dozvěděl, že 51 % lidí na světě je mladších než já a 63 % v Rusku je starších a že moje šance, že umřu právě teď, není tak velká. Čísla najednou přestala být „statistikou“ a zasáhla mě na rychlé trati.

Vizualizace dat - Používá velké datové sady s menším množstvím ručního návrhu; na základě algoritmů. Například interaktivní práce New York Times.

Výtvarné umění - jednosměrné kódování. Krásné, ale těžko rozluštitelné vizualizace, jako například výpočetní umění Kunala Ananda.

Co je za problém?

Výsledkem je, že mnoho děl přitahuje pouze sofistikované uživatele, ale neumožňuje nezasvěceným čtenářům pochopit podstatu problému, čímž poškozuje účel vizualizace - informovat veřejnost. Proto je tak důležité pochopit a pochopit problém vizuální gramotnosti v kontextu vizualizace.

Nová „vizuální gramatika“ žurnalistiky

Zde jsou tři příklady, které experimentují se způsoby prezentace interaktivní žurnalistiky. Vypadají působivě, ale jejich interpretace může být pro mnohé skličujícím úkolem.

Práva gayů ve Spojených státech, stát od státu

Počet zdrojů dat, které jsou dnes k dispozici, a nástroje pro jejich zpracování samy o sobě již jasně ukazují, že tolik lidí se nikdy nepokoušelo dostat se do světa vizualizace dat pohodlně. A když je k dispozici tolik materiálů ke studiu, zbývá jen jedna otázka "Kde začít?" může vyděsit každého nováčka. Jaké jsou tedy nejlepší knihovny a co radí profesionálové? O tom bude řeč v tomto článku.

Mluvit o vizualizaci dat a nezmínit se o ní je jako mluvit o historii osobních počítačů a neříkat ani slovo o Stevu Jobsovi. D3 (Data Driven Documents) je bez nadsázky nejdůležitější a dominantní open source JavaScript knihovna na trhu, běžně používaná pro tvorbu SVG grafiky. SVG (Scalable Vector Graphics) je zase formát vektorových obrázků podporovaný webovými prohlížeči, ale dříve málo používaný.

Knihovna D3 vděčí za svou popularitu náhlému zájmu o SVG ze strany webových designérů, což je do značné míry dáno tím, jak výhodná je vektorová grafika na obrazovkách s vysokým rozlišením (zejména displeje Retina používané v zařízeních Apple), které se stávají stále více běžný.

"Buďme upřímní, pokud je úkolem vizualizace dat založená na SVG, pak všechny ostatní knihovny nebyly ani blízko k vyřešení," říká Moritz Stefaner, nezávislý expert na vizualizaci dat a majitel společnosti. Pravda a krása... „Existuje také několik zajímavých projektů založených na D3, jako je NVD3, který poskytuje standardní grafické komponenty – připravené k použití, ale přizpůsobitelné; nebo řekněme, Crossfilter je prostě vynikající nástroj pro filtrování dat. “

Scott Murray, programátor-designér a autor knihy Interaktivní vizualizace dat pro web„Souhlasím s předchozím názorem:„ D3 je extrémně výkonný v tom, že využívá vše, co prohlížeče nabízejí. I když to má nevýhodu: pokud prohlížeč něco nepodporuje, například 3D obrázky založené na WebGL (z anglické Web Graphics Library), D3 to podporovat nebude.

Ačkoli je tato knihovna skutečně univerzální, stále není ideálním řešením pro každý úkol. „Hlavní nevýhodou knihovny D3, abych tak řekl, je, že nepředepisuje ani nenabízí žádný konkrétní přístup k vykreslování,“ dodává Scott Murray. "Takže je to skutečně nástroj pro načítání dat do prohlížeče a následné generování komponent DOM na základě těchto dat."

Zatímco D3 je skvělá sada nástrojů pro vlastní obrázky, pokud chcete vytvořit standardní graf bez velké vizuální práce, pak nástroj jako Vega... Vega jako rámec založený na D3 poskytuje alternativu k zobrazování grafických komponent. Pomocí Vega můžete vizualizovat data ve formátu JSON, European Journalism Center a Data Driven Journalism project. Přesná data kurzu ještě nejsou známa, ale můžete se zaregistrovat již nyní.

Účastníci kurzu se během pěti dnů budou moci dozvědět, co je datová žurnalistika, jak funguje a jaké klíčové dovednosti stojí za to si osvojit, aby se stali specialisty v této oblasti. Zjistěte, kde hledat data na podporu vašich výkresů a jak v datech najít nové nápady. Naučte se umění proměnit nudná data v poutavý příběh, infografiku nebo dokonce interaktivní vizualizaci. Seznamte se se základními principy grafického designu, které novinář potřebuje znát.

Lektoři kurzu jsou pět předních světových odborníků na datovou žurnalistiku a vizualizaci.