Infografika: typy, příklady práce, budoucnost. Nejlepší příklady použití interaktivní infografiky na vstupních stránkách Příklady interaktivních infografik

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

Sílu vizuálů na internetu i u nás nelze popřít Každodenní život. Na YouTube a Instagramu dominuje vizuální obsah; YouTube je 3. nejnavštěvovanější web na webu a Instagram každý den zveřejní přes 80 milionů fotek.

Blogové příspěvky a články mají o 80 % vyšší pravděpodobnost, že budou konzumovány, pokud mají barevné obrázky, titulky nebo miniatury, a lidé na webu nestráví více než 15 sekund, pokud hned neupoutá jejich pozornost.

Infografika je oblíbená mezi publikem a obchodníky 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ů vytváří každý den alespoň malé množství nového obsahu! Více se dozvíte v recenzním článku.

Jak stále více lidí začíná vytvářet obsah, jedna věc začíná být jasná: abyste byli vidět, musíte vyniknout.

Přirozeně, obsahoví marketéři již přemýšlejí o budoucnosti vizuálního obsahu a zvažují, co mohou udělat nyní, co mohou implementovat a jaké nové technologie jsou na obzoru. Tento typ myšlení vpřed je to, co může způsobit nebo zlomit vaše úsilí o marketing obsahu; musíte se přizpůsobit, jinak se utopíte.

S vizuálním obsahem, jako je infografika, mají marketéři jedinečnou příležitost vidět budoucnost, jak se blíží. Firmy, grafici a marketéři začínají používat infografiky a aktualizují je, aby byly pro své publikum ještě atraktivnější. I když již pravidelně „pouze“ zveřejňujete infografiku, nikdy není příliš brzy na to, abyste se dozvěděli o trendech, které se teprve začínají vyvíjet, stejně jako nikdy není příliš brzy na to, abyste se naučili, 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ž ostatní, teď je ten správný čas!

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

Pokud hledáte skvělý nástroj pro tvorbu infografiky, doporučuji vyzkoušet Visme. Pro začátek nabízejí bezplatný účet a skvělé uživatelsky přívětivé funkce pro nedesignéry. Nyní můžete získat bezplatný účet.

1. Interaktivní infografika

I když jsme viděli krásu interaktivních webových stránek a snadno použitelných her, interaktivní infografika je ve svém oboru stále poměrně nová. Stejně jako infografika samozřejmě obsahují nějaké informace a jsou obvykle dynamické. Ale používání interaktivních prvků 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 vytvořit interaktivní infografiku, která lidem umožní sami sebe hodnotit (například „spočítejte si BMI zde“). Uživatelé mohou také kliknout na související informace, což je přenese na podrobnější zdroj nebo zpět vstupní stránka, čímž se vytváří návštěvnost. Je to velmi přizpůsobivý a zábavný způsob, jak zaujmout své publikum.

Mnoho obchodníků se již tomuto typu infografiky přizpůsobilo a rychle se přenáší. Ale zároveň mnozí stále 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 kterým obrázky nebo tvary vyniknou na pozadí
• Vytváření „vyskakovacích oken“, která rozšiřují textové oblasti
• Když na ně kliknete, vyskočí obrázky nebo statistiky
• Proměňte svou infografiku na více stránek, které si uživatelé mohou prohlížet

Pro podrobnější příklad interaktivní infografiky se podívejte na tuto:

Chcete-li, aby byla infografika vysoce interaktivní (s posouváním, vyskakovacími okny atd.), budete se muset naučit něco málo o HTML5 nebo CSS, nebo si najmout někoho jiného, ​​aby na to přišel.

I přes vynaložené úsilí budete odměněni jedinečným, poutavým a efektivním obsahem.

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

• To povzbudí vaše publikum, aby se zapojilo a sdílelo váš obsah.
• To generuje provoz (přes odkazy)
• To svému publiku dokazuje, že jste inovativní, vynalézaví a máte v úmyslu poskytovat aktuální a zajímavý obsah.
• Existují vrstvy interaktivní infografiky, díky kterým je jeho vývoj řiditelný

2. Vložené video a GIF

Jedná se o jiný typ infografiky, se kterým se dnes setkáváme stále častěji. Infografika nabízející krátká videa nebo dokonce GIF (Graphics Interchange Format) – skvělá cesta upoutejte pozornost a nechte svou infografiku vyniknout z davu. I když je to omezeno platformami, můžete své infografiky sdílet v přítomném čase.

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

Navíc můžete najít miliony GIFů online a vložit je stejným způsobem. Háček je v tom, že budete muset distribuovat svou infografiku jako adresu URL, abyste zajistili, že je správně vložena do vašeho webu. Takové infografiky nesmíte distribuovat ani ukládat ve formátu .jpeg nebo PDF. Není pochyb, že jak se to stane populárnější, budou existovat další nástroje pro vkládání videa a GIF, aby byl proces ještě jednodušší.

Pokud ale chcete tento typ infografiky používat dříve, než se to naučí všichni kolem vás, dokonce i jejich psi, začněte nyní s nástroji, které najdete online.

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

Proč vkládat video nebo GIF do infografiky?

• To vám dává prvek překvapení – lidé neočekávají, že se obraz pohne!
• Je to velmi zábavné a originální, což zvyšuje šanci, že lidé budou interagovat a sdílet vaši infografiku.
• Tento dobrá cesta ukažte všem jedinečnost vaší značky

3. Animované infografiky

Animovaná infografika má velké množství vizuální modely a vyžaduje hodně pozornosti. 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ž ostatní.

Protož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 znalosti softwaru, jsou velmi ceněné.

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ě jde o jeden z nejtěžších procesů v evoluci infografiky.

Proč byste měli investovat svůj čas, energii a/nebo peníze do tvorby animovaných infografik?

• Díky tomu budete ve skutečnosti vyčnívat z davu, protože ne každý má k tomuto druhu přístup software nebo obsah
• Za pár let to bude samozřejmostí – budete jedním z prvních, kdo to udělá!
• Díky animaci budou informace uvnitř infografiky zapamatovatelnější.
• To bude inspirovat vaše uživatele, aby s vámi spolupracovali.

To není sci-fi.

Může to znít příliš technicky a nad vaše možnosti, ale je pravděpodobné, že tyto typy infografik se za 2–3 roky stanou velmi běžnými. Již nyní můžeme vidět silný průlom v animovaných infografikách a GIFech, zvláště když GIFy stále rostou v popularitě. Infografika se stává jedním z nejvíce konzumovaných a nejčastěji vytvářených typů obsahu na internetu. Proč? Ano, protože mozek potřebuje pouze 250 milisekund, aby přijal a zpracoval význam symbolu.

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

To je důvod a možná i vedlejší produkt naší neustálé potřeby přijímat informace. Žijeme v informační době a všechny informace jsou nám dostupné. To ale také 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 dnešní dostupnost infografik něco naznačuje, brzy budou všude. To znamená nové změny ve vaší práci. Žádná marketingová kampaň v historii nedosáhla úspěchu tím, že by se opakovala stejná věc.

Cílem je vidět infografiku jako více než jen obrázek jpeg. Infografiku lze přizpůsobit různým médiím a používat ji na široké škále platforem. Podnikatelé a marketéři už v tom viděli potenciál. a ty?

Čip virtuální realita je, že pro ostatní budete vypadat jako idiot

Cardboard Design Lab od Google je dobrý „návod“ pro začínající návrháře virtuální reality

Infografika - jako dobrodružná hra

Problém Unity je v tom, že udělat dobrou věc pro web není tak 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 „za pochodu“. To omezuje, co VR dokáže

Uzavřené zasedání v první polovině dne Archie Tse z The New York Times s provokativním tématem „Proč NYT dělá méně interaktivní práce“.

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

1. Pokud čtenář potřebuje místo posouvání klikat, musí se 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ý, ujistěte se, že jej čtenář hned uvidí.
3. Pokud chcete vytvořit něco interaktivního, pamatujte, že bude drahé, aby to fungovalo na všech platformách.

Grafiku budete muset 2x nebo 3x překreslit, aby fungovala na desktopu i mobilu

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

1. Většina vizualizací je nyní statická
2. Textů je více
3. Je-li potřeba pohyb v obrázku, objeví se při rolování

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

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

Archie Tse: Rolování vs. kliknutím

Posledních 18 týdnů každou neděli večer Andy Kriebel zveřejňuje infografiku a data, na kterých je založena na VizWiz. Úkolem je vyhradit si v pondělí asi hodinu času, rychle analyzovat vizualizaci a udělat si vlastní verzi.

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

#MakeoverMonday od Andyho Kriebela. Detailní popis a interaktivní - na Andyho blogu:

#MakeoverMonday od Andyho Cotgreavea. 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 „statistika“ a udeřila mi na strunu.

Vizualizace dat - používá velké datové soubory s menším množstvím ručního návrhu; založené na algoritmech. Například interaktivní dílo New York Times.

Vizuální umění - jednosměrné kódování. Krásné, ale těžko dešifrovatelné vizualizace, jako je 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žňují nezasvěceným čtenářům pochopit podstatu problému, čímž maří účel vizualizace - informovat veřejnost. Proto je tak důležité rozpoznat a pochopit problém vizuální gramotnosti v kontextu vizualizace.

Nová „vizuální gramatika“ žurnalistiky

Zde jsou tři práce, které experimentují se způsoby prezentace interaktivní žurnalistiky. Vypadají efektně, ale jejich výklad může být pro mnohé nelehký úkol.

Práva gayů v USA, stát od státu

Množství datových zdrojů a nástrojů pro jejich zpracování, které jsou dnes k dispozici, jasně ukazuje, že nikdy předtím se tolik lidí nepokoušelo zvyknout si na svět vizualizace dat. A když je k dispozici takové množství materiálů ke studiu, je jen jedna otázka "Kde začít?" může být pro každého nováčka zastrašující. Které knihovny jsou tedy nejlepší a co doporučují profesionálové? O tom bude řeč v tomto článku.

Mluvit o vizualizaci dat a nezmiňovat ji je stejné jako mluvit o historii stvoření osobní počítače a neříkat ani slovo o Stevu Jobsovi. D3 (z anglického Data Driven Documents) je bez nadsázky nejdůležitější a dominantní open-source JavaScript knihovna na trhu. zdrojový kód, který se běžně používá k vytváření grafiky SVG. SVG (z anglického 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 mezi webovými designéry, což je z velké části způsobeno tím, jak dobře vektorová grafika vypadá na obrazovkách s vysokým rozlišením (zejména Retina displeje používané v zařízeních Apple), které jsou stále více a více běžný.

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

Scott Murray, programátor designér a autor knih Interaktivní vizualizace dat pro web, souhlasí s předchozím názorem: „D3 je extrémně výkonný, protože využívá všeho, 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), nebude to podporovat ani D3.“

A přestože je tato knihovna skutečně univerzální, stále není ideální řešení pro jakýkoli úkol. „Hlavní nevýhodou knihovny D3, abych tak řekl, je to, že nepředepisuje ani nenavrhuje žádný konkrétní přístup k vizualizaci,“ dodává Scott Murray. "Je to opravdu 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ý nástroj pro vlastní obrázky, pokud chcete vytvořit standardní graf bez velké práce na vizuální stránce, můžete najít nástroj jako Vega. Jako framework vyvinutý nad D3 poskytuje Vega alternativu pro zobrazování grafických komponent. Pomocí Vega můžete vizualizovat data ve formátu JSON Evropské centrum žurnalistiky a projekt Data Driven Journalism. Přesné termíny kurzu ještě nejsou známy, přihlásit se však můžete 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 by měli ovládat, aby se stali specialisty v této oblasti. Zjistěte, kde hledat data na podporu vašich příběhů a jak najít nové nápady ve stávajících datech. Naučte se umění přeměnit nudná data na působivý 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.

Budoucnost vizualizace dat je interaktivní.

Jak ale vytvořit skutečně úžasnou interaktivní infografiku?

Infografiky jsou všude 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í tvorby interaktivní infografiky a také odkazy na užitečné zdroje.

1. Pochopit psychologii

Než uděláte infografiku interaktivní, je důležité pochopit, proč ji chcete udělat interaktivní.

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

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

Proto přidání interaktivity do slibné oblasti vizualizace vám pomůže vytvořit ještě zapamatovatelnější a efektivnější infografiku.

Tato kombinace vizuálního a kinetického přístupu dělá z animovaných infografik 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í

Během několika posledních let se infografika vyvinula ze statických obrázků na bohaté, interaktivní zážitky s animačními a video prvky přizpůsobenými jedinečnému obsahu. Již se neomezuje na předem připravené šablony jedné velikosti. A dnešní výběr obsahuje ty nejlepší příklady infografik, které demonstrují, jak vypadá zajímavý a poučný zážitek.

Většina infografik v tomto seznamu byla vybrána k zobrazení různé cesty, se kterým designéři přistupují k vizualizaci dat. Existuje však také několik „hybridů“, které ilustrují rozostření hranic mezi infografikou a bohatými mediálními zážitky při vytváření poutavého obsahu a působivých příběhů na vstupních stránkách. Odklon od tradičních forem znamená, že vstupujeme do složitějšího mediálního území a právě tento druh experimentování s technologií a vyprávěním příběhů bude rozhodující pro utváření budoucnosti grafického designu.

1. Větrná mapa

Wind Map je dechberoucí kus designu, který ukazuje směr a rychlost větru nad Spojenými státy. Tento design má spíše umělecký než utilitární účel, a to je skvělé: je velmi příjemné jen tak sedět a sledovat, jak se tenká tenká vlákna vinou po mapě. Jednoduchý, ale dobře promyšlený příklad toho, jak infografiky zobrazující trajektorie tvarů těží z animace a pohyblivých obrázků.

2. Za letu

V roce 2014 spustil The Guardian infografiku s názvem In Flight, která ukazovala data o komerčních letech v reálném čase (zdá se, že už se neaktualizuje, což je škoda) a obsahovala i lekci o historii letectví. Tiché rozhovory mezi leteckými posádkami na začátku interaktivní show vytvářejí zvláštní atmosféru. Zdá se, že infografiky se v dnešní době pomalu mění ve filmové zážitky. Alespoň "V letu" ukazuje tímto směrem...

3. Vytočte Měsíc

V infografice Dial A Moon se toho moc neděje, ale svůj účel plní docela dobře. V roce 2015 se díky NASA infografiky měsíčních fází aktualizovaly každou hodinu a při hledání těchto záhadných informací nebylo třeba chodit na Google. Nyní můžete prohlížet obrázky ručním zadáním měsíce, dne a času.

4. Den s Plutem

Časopis Nature publikuje spoustu zajímavých infografik pro své vědecké publikum. Mezi nimi byl jeden o slavném průletu kosmické lodi u Pluta (24 hodin Pluta). Infografika obsahovala hodně textové informace, ale vizuální prvky poskytly snadný pohled na hlavní body, od struktury trpasličí planety až po proces, kterým se formovaly její měsíce. Na internetu je nově dostupná textová část a také dvě animovaná videa z infografiky.

5. Jak se změnily americké domy

Vydejte se na cestu za velkým americkým snem, který se odráží ve vývoji domácích stylů. Tato dobře ilustrovaná infografika vám umožní usednout za volant auta (také se mění, jak budete posouvat, abyste drželi krok s dobou) a navigovat svou cestu od 19. století do 21. století a míjet budovy, které byly v jednotlivých desetiletích oblíbené. Cestou narazíte na množství užitečného materiálu (včetně tehdejších společensko-politických poměrů a také módních trendů) a vše končí otázkou, která vás vyzývá, abyste si představili budoucnost amerického domova. Infografika Decades Of American Homes je skvělým příkladem horizontálního posouvání a zde se hodí.

6. Vývoj marketingové analytiky

Ve své infografice Evolution of Insight sleduje společnost Vision Critical 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 Have Changed, a umožňuje vám tak porovnat efektivitu použití interaktivní časové osy pro dva velmi odlišné příběhy. Infografika Decades Of American Homes má tu výhodu, že vidíte domy, když jedete, což je mnohem intuitivnější než cestování přes Great American Analytics. Dobré infografiky se tvoří kolem obsahu, ne kolem něj.

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

The Guardian získal další místo na našem seznamu s touto šikovnou infografikou vysvětlující právní prostředí práv LGBT v celé řadě problémů (manželství, diskriminace na pracovišti, zločiny z nenávisti atd.) v každém státě na světě. Pohyb po 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í status v popředí a uprostřed. Je zde také silná výzva k akci, jejímž cílem je překlenout propast mezi povědomím a aktivismem.

8. Nerovnost je opravitelná.

Další skvělý příklad interaktivní infografiky, Nerovnost je opravitelná, zve diváky, aby se ponořili do problému a zároveň jej učinili hluboce osobním. Diváka zaručeně bude i nadále zajímat materiál, který mu řekne, jak moc jeho šéf nedoplácí a proč. Tím, že se uživatel stane součástí příběhu, vzbudí vývojáři zvědavost a provede uživatele všemi nezbytnými kroky až k výzvě k akci na konci.

"Nechali jsme to, aby se to stalo - jak to teď můžeme napravit?"

9. Nakreslete si: Jak rodinný příjem předpovídá šance dítěte jít na vysokou školu

Mnoho infografik na tomto seznamu využívá animaci a interaktivitu, aby poskytly bohatý zážitek. Vizuálně se tato infografika z New York Times (You Draw It: How Family Incomes Predicts Children's College Chances) drží klasického formátu grafu, ale také využívá porozumění chování uživatelů k rozšíření záběru infographic designu, konkrétně techniku ​​proaktivního a interaktivní vizualizace. Tím, že žádají čtenáře, aby nakreslili svou vlastní křivku, zavádějí prvek vlastního zájmu a poskytují tak lidem skutečně cenné informace.

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

10. Jak umírají Američané

S výjimkou titulního obrázku tento příklad používá k vizualizaci obsahu většinou jen staré dobré grafy. To však není vůbec nudné, protože uživatelé mohou nezávisle procházet daty pohybem kurzoru po grafech. Díky tomu je mnohem snazší porovnat například počet úmrtí souvisejících se sebevraždou v 70. letech ve srovnání se současností (nápověda: nyní je na vzestupu), což by statický graf tak úhledně neudělal.

11.

Od té doby, co se Snowfall dočkal široké pozornosti a chvály, si The New York Times udržel svou reputaci excelence v multimediální žurnalistice. Publikační tým využívá kombinaci infografického designu a hloubkového vyprávění k vytvoření působivě poutavého zážitku. Mají nápadnější příklady, ale The Russia Left Behind je dílo, které vyvolalo určitou rezonanci. Infografika funguje jako interaktivní prohlídka Ruska (navigujete se na mapě).

12. Bondova auta

Pokud byste někdy chtěli zažít historii Jamese Bonda pohledem na jeho auta, poděkujte britskému prodejci aut Evansi Halshawovi za to, že vám dal šanci. Jeho interaktivní infografika Bond Cars vám umožní prozkoumat značku a design každého z Bondových aut a navíc vám poskytne několik dalších zajímavosti. Pomocí všudypřítomné taktiky slider můžete také „odhalit“ auto v celé jeho kovové kráse (standardně je dáno pouze jednobarevné provedení). Autoři tak kreativně vyřešili problém nutnosti zařadit fotografie, které se k estetice infografiky příliš nehodí.

13. Barvy pohybu

The Colours Of Motion je infografická série, která analyzuje filmy pouze na základě 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 vývojářům zprávu - 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 je Trajanův sloup), ale vybrali jsme tento relativně jednoduchý příklad, abychom zdůraznili, jak jsou techniky použití skutečně efektivní. interaktivní infografiky. „Peru's Royal Wari Tomb“ odhaluje zvláštnosti pohřbu šlechtičny té doby. Pozornost se přesouvá od obalů mumie k jejím ozdobám a umístění. Rozdělením informací na malé kousky a umožněním uživateli procházet mezi nimi se interaktivní grafika vyhýbá těm nejzáludnějším nástrahám: přetížení daty a vizuálním efektům. Navíc každá další interakce umocň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á drtivé podněty a tenhle typ interakce se stává skvělé řešení pro uživatele, což umožňuje snadnou absorpci informací.

15. Co je to „skotské referendum“? Vysvětlení pro lidi, kteří nejsou Brity

The Guardian, stejně jako New York Times, se věnuje multimediální žurnalistice a jejich video skvěle plní jednu z hlavních funkcí infografiky: dává těžkopádné informace do zvládnutelné formy. Pro mnohé z nás žijících mimo Spojené království je referendum velmi matoucí téma. Naštěstí vám toto video (Scottish Referendum Explained For Non-Brits) pomůže rychle se dozvědět o důležitých aspektech, aniž byste se museli ponořit hluboko do historie.

16. Veřejné zdraví

Posláním Atlantiku bylo vyvinout vizi pro zlepšení veřejného zdraví. Pověřila Truth Labs, aby vyvinula třídílnou sérii o „Zdraví populace“ do digitálního vyprávění. 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ší z vizuální perspektivy. Aby jej uvedli do života, vypůjčili si nástroje a strategie z filmu, ale také se spoléhali na sadu principů designu, které jako klíčové pravidlo podpořily čitelnost.

17. Joho's grains

Rakouský výrobce kávy Joho's vytvořil pohlcující multimediální zážitek, Joho's Bean, aby vyprávěl příběh o původu kávových zrn, vyprávění hladce kombinuje zvuk, video a fotografii, aby zapojil téměř všechny smysly uživatele, když sledujete farmáře Kávová plantáž, slyšíte, zvuk ptáků, zvuk pražených kávových zrn balených do sáčků a zvuk rušných ulic a dopravy ve městě.

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

18. Nedotčená cesta

Divoká cesta je interaktivní cestopisný zážitek vytvořený pomocí Canvas. Hlavním prvkem je mapa, která při posouvání stránky animuje cestu na mapě. Projekt nemusí fungovat ve všech prohlížečích. Přichází ale s doprovodným článkem, který vysvětluje veškeré zákulisní technologie tvorby infografiky.

19.

Zpravodajství deníku The Guardian o prezidentských volbách v USA v roce 2016 (živé výsledky voleb) přineslo zábavný prvek do vážného byznysu s volebními čísly a volebními místnostmi. 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 na nějakou oblast na mapě, ukazoval, jaká čísla tam kandidáti zabodovali. Prezidentští kandidáti byli prezentováni jako vtipní pixelovaní avataři. Jak byla infografika aktualizována v reálném čase, lidé vybarvovali státy, které vyhráli. Čas od času se v bublině vedle kandidáta objevila nabídka.

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