10 nástrojů pro tvorbu infografiky a vizualizaci dat — Časopis CMS

Zveřejňujeme překlad článku z blogu SEOmoz, jednoho z největších západních vývojářů SEO programů. Brand manažerka společnosti Miranda Wrench v něm hovoří o oblíbených nástrojích pro prototypování a vizualizaci dat v jejich týmu.

Miranda Renschová
24 2013 апреля

Zveřejňujeme překlad článku z blogu SEOmoz – jeden z největších západních vývojářů SEO programů. Brand manažerka společnosti Miranda Wrench v něm hovoří o oblíbených nástrojích pro prototypování a vizualizaci dat v jejich týmu.

Ahoj! Jsem Miranda Wrench, produktová manažerka ve společnosti SEOmoz a fanoušek vizuální komunikace. Vizuální prezentace informací je jednou z nejúčinnějších metod pro demonstraci komplexních myšlenek a souvislostí. Je to skvělý způsob, jak mluvit o službě nebo produktu a vytvářet kvalitní obsah. V našem týmu při projednávání nových nápadů a funkcí služeb často používáme diagramy a týmové kreslení na tabuli.

Sestavil jsem seznam nástrojů, které můžete použít k vizualizaci dat a sdílení nápadů ve vašem týmu. Neváhejte použít tento seznam a nebojte se podělit se o své myšlenky v komentářích.

Nástroje pro tvorbu jednoduchých infografik a vizualizací dat

Piktochart

Piktochart je webový nástroj, který má šest pěkných bezplatných šablon (v placené verzi je jich mnohem více) k vytvoření jednoduché grafiky.

Můžete přidávat jednoduché grafy, histogramy a koláčové grafy založené na datech ze souborů CSV nebo je přímo zadávat. Umí exportovat soubory do formátů PNG a JPG v tiskovém a webovém rozlišení. Upozornění: Při použití bezplatné verze se v dolní části staženého obrázku PNG nebo JPG objeví malý vodoznak Piktochart.

Easel.ly

Další bezplatnou online službou pro tvorbu infografik je Easel.ly. Neumožní vám vytvořit graf založený na skutečných datech, ale je skvělý pro vizualizace myšlenek a příběhů.

Nástroj má nejširší rozsah objekty (lidé, sbírky ikon, orientační body, mapy, zvířata atd.) a pozadí ze všeho, co jsem viděl. Bezplatná verze navíc umožňuje nahrávat vlastní obrázky. Soubor JPG lze uložit ve webovém rozlišení. Služba je v beta testování, ale podle mého názoru je práce s ní již docela pohodlná.

„Runet Rating“ vám pomůže najít optimálního dodavatele z TOP 100 kreativních digitálních agentur. Zjistěte, která webová studia mají nejlepší kreativní týmy.

Infogr.am

Další bezplatný online nástroj, Infogr.am, má skvělé rozhraní pro vytváření jednoduchých infografik a má k dispozici několik krásných šablon.

Můžete jít sem nahrávat vlastní obrázky a videa. Jakmile je informační plakát připraven, lze jej vložit na web nebo publikovat v galerii infogra.am (nenašel jsem způsob, jak uložit obrázek). Tato služba existuje i ve formě betaverze, ale zdála se mi jako poměrně přesvědčivé řešení.

Už nemusíte hledat a volat do každé digitální agentury
Vytvořte soutěž na workspace.ru – získejte nabídky od účastníků časopisu CMS ohledně ceny a podmínek. Je to zdarma a zabere to 5 minut. V katalogu je 15 617 digitálních agentur připravených vám pomoci – vyberte si a ušetřete až 30 %.
Vytvořte soutěž →

Visual.ly

Visual.ly nabízí několik jednoduchých, ale užitečných bezplatných nástrojů, z nichž mnohé se integrují se sociálními sítěmi a analyzují data z Twitteru a Facebooku.

Visual.ly má zároveň komerční platformu pro spolupráci s vizualizačními designéry a animátory specializovanými na infografiku. Samotný web má spoustu inspirativních děl v tomto žánru. Ano, ano, existuje spousta velkolepých vizualizací věnovaných vážným tématům.

Živý obraz

Tato aplikace má několik bezplatných nástrojů pro vizualizaci dat. Tableau není webová aplikace, takže si zájemci budou muset program nainstalovat na svůj počítač. Jakmile je nainstalován, budete moci načítat tabulky a data z libovolných souborů CSV a vytvářet různé interaktivní vizualizace, včetně tepelných map zobrazujících aktivitu aktivity v různých oblastech pole, Vennových diagramů pro znázornění vztahů, sloupcových diagramů, grafů a dalších diagramů. Existuje pouze Verze Windows pořady.

Chcete ještě více funkcí pro tvorbu úžasných infografik?

Aplikace pro vytváření diagramů a prototypů

OmniGraffle

Jedná se o desktopovou aplikaci, kterou používám neustále v práci. Nástroj má intuitivní rozhraní a je velmi efektivní pro vytváření prototypů rozhraní. Jeho schopnost upravovat a stylizovat objekty umožňuje vytvářet skutečně unikátní infografiky (s vizualizací reálných dat jsou však určité problémy).

Aplikace má své nevýhody: není to nejlevnější software – standardní verze bude stát 99 dolarů, profesionální verze 199 dolarů, ale funguje to pouze na Macu.

Balsamiq

Další prototypovací nástroj, který je skvělý pro vytváření jednoduchých návrhů webových stránek a mobilních rozhraní.

Další nástroje pro sdílení nápadů pomocí vizualizace dat

Tvorba videa

Série videí RSA (ilustrovaná CognitiveMedia) je skvělým příkladem toho, jak lze vizuální komunikaci využít k doprovodu textu.

Můžete si najmout ilustrátora nebo udělat projekt sami ve stylu tabule, skicovat za pochodu (toto funguje skvěle na interních schůzkách; zkuste to příště, až budete vysvětlovat své nápady, a uvidíte, jak to funguje). Pokud si budete chtít najmout ilustrátora, budete potřebovat scénář, podle kterého vytvoří animaci, a návod na dobu výskytu určitých obrázků. Zároveň stojí za to dát animátorovi právo nezávisle si vybrat kreativní metody a experimentovat s různými metodami vykreslování.

TimelineJS

TimelineJS používá Tabulky Google s odkazy na YouTube, Flickr, Twitter, Sound Cloud a další mediální zdroje k vytvoření okouzlujících časových os.

Prezentuj.me

Aplikace Present.me vám umožňuje vytvářet prezentace, ve kterých je záznam vaší řeči vedle snímků.

Plánování a příprava dat pro infografiku

Nyní tedy znáte spoustu skvělých nástrojů, ale než se po hlavě vrhnete do úprav bublinových a radiálních grafů, věnujte chvíli plánování své infografiky a přemýšlejte o tom, co chcete sdělit svému publiku.

Učte se od ostatních

Pokud si nejste jisti, jaký typ infografiky použít, podívejte se na práci jiných lidí na webech, jako jsou:

• Visual.ly – obsahuje spoustu skvělých infografik, které inspirují vás a vaše designéry.
• Informationisbeautiful.net nabízí spoustu skvělých informačních plakátů.
• Datavizualizace.ch poskytuje obrovský výběr interaktivních vizualizací a informační grafiky.

Pochopte účel různých typů grafů

Dozvědět se o různých typech grafů a jejich účelu je velmi užitečné. Program Many Eyes od IBM Research obsahuje rozsáhlý seznam různých typů grafů a jejich funkcí – tedy popis podmínek, pro které se lépe hodí histogram, srovnání nebo bodový graf atd. Visual-literacy.org vytvořil periodickou tabulku vizualizačních nástrojů, která poskytuje příklady všech typů grafické reprezentace informací, které si lze představit.

Infografiku lze navíc rozdělit do více žánrů, některé z nich jsem uvedl níže. Zamyslete se nad tím, do jakého žánru bude vaše tvorba spadat.

Přemýšlejte o své budoucí infografice

Když začnete hledat nápady pro budoucí vizualizaci, můžete se spolehnout na následující postup:

1. Rozhodněte o účelu infografiky.
   Co nového by se měli diváci naučit? Chcete diváky povzbudit k nějaké akci? Nebo v nich chcete vyvolat určitou emocionální odezvu (například zaujmout, překvapit nebo vyvolat pocit, že tématu rozumí)?
2. Vymyslete scénář nebo sekvenční popis infografiky.
   Shromážděte před notebookem (nebo ještě lépe před tabulí) pár kreativních lidí a pokuste se během půl hodiny nebo hodiny sepsat co nejvíce možností, jak svůj příběh prezentovat. Neulpívejte na žádné jedné myšlence, nejprve identifikujte všechny možné cesty. Rozhodněte se, jaké typy dat máte k dispozici a jak je lze prezentovat (časové osy, vývojové diagramy, srovnávací grafy atd.).
3. Studujte práci jiných lidí (inspirativní stránky uvedené výše).
   Přidejte do svého seznamu jakékoli nápady týkající se kompozice a grafické prezentace.
4. Vyberte jeden nápad a vytvořit na jeho základě rám budoucí vizualizace (aplikace pro tento druh práce jsou také popsány výše). Vyzkoušejte koncept na několika lidech. Zeptejte se, zda jsou informace snadno srozumitelné a zda mají nějaké otázky, na které mohou být uvedeny odpovědi v prezentaci.
5. Vytvořte obrázek pomocí jednoho z popsaných nástrojů nebo najmout někoho, kdo tento úkol provede. Chcete-li najmout designéry, kteří se specializují na infografiku, doporučujeme zdroje: Freelancer, 99 designů, Designcrowd, Elance, Odesk, Nowsourcing, Columnfive, Infog8 a Mikewirthart.
6. Získejte propagaci! Justin Briggs (Justin Briggs nedávno napsal skvělý článek o strategiích propagace infografiky.

Z redakční rady

Co dělat, když nedokážete vyřešit problémy s vizualizací sami? Nejlepší je obrátit se na ty, pro které kreativita není jen kreativita, ale řemeslo.

Hodnocení kreativity webových studií není jen celkové skóre, ale také mnoho průřezů. Pomocí bloků napravo od hodnocení můžete vytvářet dílčí hodnocení podle odvětví a tím zjistit, který tým je nejkreativnější v oblasti medicíny, tréninku, výživy, oblečení atd. Můžete také zjistit to nejlepší nejlepší podle geografie nebo typu webu.

Hodně štěstí, vizualizéři! Pokud máte další návrhy na vytváření vizuálů pro sdílení informací online nebo v reálném životě, neváhejte je sdílet v komentářích.

Článek byl přeložen a publikován se svolením autorů. SEOmoz není partnerem tohoto webu.

1. Piktochart
2. Easel.ly
3. Infogr.am
4. Visual.ly
5. Výjev
6. omnigraffle
7. Balsamico
8. Tvorba videa
9. Časová osaJS
10. Present.me
11. Plánování a příprava dat pro infografiku

Hledáte dodavatele pro realizaci projektu?

Uspořádejte soutěž mezi účastníky CMS Magazine

Zítra se dozvíte ceny a podmínky. Je to zdarma a trvá to asi 5 minut.