Průvodce tvorbou informační grafiky pro značky
Číslo samo o sobě málokdy prodává, vysvětluje nebo zůstává v paměti. Teprve správně vystavěný obraz mu dá význam, tempo a emoci. Tento průvodce tvorbou informační grafiky je určený značkám, které nechtějí data jen vystavit, ale použít je jako součást silné vizuální komunikace – v kampani, na webu, v reportu i přímo na prodejně.
Informační grafika není dekorace nalepená na tabulku. Je to způsob, jak převést složité sdělení do formy, kterou člověk pochopí během několika vteřin a zároveň si ji spojí s konkrétní značkou. To je rozdíl mezi generickým koláčovým grafem a vizuálem, který funguje stejně dobře na slidech obchodního týmu, v příspěvku na sítích i na POS materiálu.
Kdy informační grafika dává značce smysl
Ne každé číslo potřebuje grafiku. Pokud stačí jedna věta, dlouhá vizualizace může sdělení spíš rozmělňovat. Informační grafika má cenu ve chvíli, kdy je potřeba ukázat vztah, porovnání, vývoj, postup nebo měřítko. Typicky jde o výsledky průzkumu, původ produktu, produktové složení, dopad služby, výroční data, cenovou strukturu nebo proces, který by se v souvislém textu vysvětloval těžko.
Pro marketingové týmy je podstatné ještě něco: dobře navržený informační výstup může prodloužit životnost jedné datové sady. Z jednoho výzkumu vznikne hlavní vizuál pro tisk, série formátů pro sociální sítě, zkrácená verze do newsletteru, prezentace pro obchodní partnery i obsah pro web. Neznamená to mechanicky natahovat stejný graf do všech kanálů. Znamená to postavit jeden jasný princip, který se umí přizpůsobit kontextu.
Průvodce tvorbou informační grafiky začíná zadáním
Nejdřív je nutné rozhodnout, co má člověk po setkání s grafikou vědět, cítit nebo udělat. Věta typu „potřebujeme vizualizovat výsledky“ nestačí. Dobré zadání pojmenuje hlavní sdělení: například že produkt šetří čas, že značka dosáhla konkrétního růstu, že zákazníci nejvíc oceňují určitý benefit nebo že výrobní proces má prokazatelně menší stopu.
Hlavní sdělení musí být jedno. Data často nabízejí deset zajímavých zjištění, ale publikum si z jednoho vizuálu neodnese deset věcí. Pokud má grafika ukázat meziroční růst o 38 procent, neměla by soutěžit s pěti vedlejšími statistikami, poznámkami pod čarou a třemi různými výzvami k akci. Vedlejší data mohou doplnit kontext, ale nesmějí přehlušit pointu.
Při zadání je dobré vyjasnit i publikum a situaci, ve které bude grafika fungovat. Jinak čte data nákupčí ve firemní prezentaci, jinak návštěvník festivalu a jinak člověk, který míjí regál v obchodě. Na mobilu rozhodují první dvě vteřiny a velikost písma. Ve výroční zprávě je prostor pro přesnější metodiku. Na plakátu musí obraz obstát i z několika metrů.
Stejně důležitý je původ dat. Design nezachrání nepřesná čísla, nejasně definované kategorie ani srovnání nesouměřitelných hodnot. Před kreslením je potřeba ověřit zdroj, období, vzorek, jednotky a způsob zaokrouhlování. Pokud průzkum pracoval s malým nebo specifickým vzorkem, patří tato informace do doprovodného textu. Důvěryhodnost se často ztrácí právě v detailech, které se zdají nepodstatné.
Z dat vyberte příběh, ne úplný export
Tabulka je pracovní materiál, ne návrh kompozice. První krok bývá redukce: oddělit údaje, které nesou nosnou myšlenku, od těch, které ji jen komplikují. Někdy to znamená ponechat tři kategorie místo dvanácti. Jindy je správné rozdělit jedno velké téma do série menších obrazů.
Pomáhá otázka, co by se ztratilo, kdyby divák grafiku viděl jen na okamžik. Právě tato odpověď určí vizuální hierarchii. Nejdůležitější číslo může být největší prvek kompozice, klíčový rozdíl může dostat kontrastní barvu a proces může získat jasný směr čtení. Nejde o efektní zvětšování všeho. Hierarchie funguje jen tehdy, když některé prvky vědomě ustoupí.
Vyberte formu podle sdělení, ne podle módy
Sloupcový graf je stále nejlepší volba pro přesné porovnání kategorií. Spojnicový graf dobře ukáže vývoj v čase. Skládané plochy a koláče fungují jen při omezeném počtu jasně odlišitelných částí. Mapa má smysl tehdy, když je geografie skutečně součástí sdělení, ne proto, že působí efektně.
Často ale klasický graf není nejsilnější řešení. Pokud značka vysvětluje cestu suroviny, průběh služby nebo způsob použití produktu, může být přesvědčivější ilustrovaný diagram. Když jde o jediný výrazný údaj, obstojí typografický plakát se silným číslem, krátkým kontextem a charakteristickým výtvarným gestem. Vizuální metafora může sdělení urychlit, ale nesmí data zkreslit.
Při volbě formy rozhoduje také tón značky. Technologická firma může pracovat s přesnou mřížkou a střídmým systémem ikon. Pivní značka, gastro podnik nebo kulturní projekt mohou data vyprávět volněji skrze autorskou ilustraci, materiál a výraznou typografii. V obou případech platí stejná disciplína: forma má podporovat čitelnost, ne předvádět samoúčelný styl.
Vizuální identita nesmí překrýt informaci
Barvy, písmo, ilustrace a kompozice dávají informační grafice rozpoznatelnost. Pokud se však v jednom výstupu sejde příliš mnoho barev, ikon, textur a řezů písma, divák začne luštit systém místo obsahu. Značkový rukopis se nepozná podle množství efektů, ale podle promyšlených rozhodnutí.
Barva by měla mít vždy funkci. Může rozlišovat kategorie, zvýraznit hlavní hodnotu nebo ukazovat pozitivní a negativní vývoj. Není dobré spoléhat pouze na barevné odlišení, zvlášť u důležitých informací. Pomohou přímé popisky, rozdílné tvary, kontrast a dostatečně čitelné legendy. Tmavě šedý text na barevném pozadí může na velkém monitoru vypadat elegantně, ale na telefonu nebo v tisku rychle ztratí sílu.
Typografie zde není doplněk. Čísla, jednotky, popisky i mezititulky musí mít jasné pořadí a dostatek prostoru. Pozor zejména na zbytečné desetinné čárky, dlouhé legendy a titulky, které opakují to, co je z obrazu zřejmé. Když graf potřebuje odstavec vysvětlování, je často lepší změnit jeho konstrukci.
Autorská ilustrace má velkou výhodu: dokáže dát abstraktním datům konkrétní tvář a vytvořit scénu, kterou si člověk zapamatuje. Má ale i hranici. U přesného srovnání, finančních hodnot nebo odborných výsledků nesmí ilustrativní zkratka zaměnit proporce. Výrazná estetika a informační poctivost nejsou protiklady, pokud spolu vznikají od začátku.
Navrhujte pro reálný formát a reálné použití
Grafika připravená jen pro široký monitor může selhat jako vertikální příspěvek, A4 leták nebo digitální banner. Formát není výrobní detail na konci procesu. Už při návrhu je vhodné vědět, které aplikace jsou prioritní, kde bude nejmenší čitelná verze a zda se bude výstup animovat.
Na sociálních sítích většinou funguje rozdělení jedné složité grafiky do série. První obraz přináší hlavní zjištění, další rozvíjejí kontext a poslední může obsahovat zdroj nebo výzvu. V tisku lze pracovat s jemnějšími detaily, ale je nutné hlídat technologii reprodukce, soutisk a kontrast. Na prodejně vyhrává silueta, velké číslo a krátké sdělení – zákazník nemá čas studovat metodiku.
Animace může pomoci vést pozornost, například postupně ukázat růst, fáze procesu nebo rozdíl mezi dvěma hodnotami. Neměla by ale nutit člověka čekat na informaci, kterou potřebuje hned. Pokud je animace jediná cesta ke čtení grafu, výstup bude méně použitelný pro prezentace, screenshoty i uživatele se slabším připojením.
Kontrola před publikováním
Před odevzdáním se vyplatí projít grafiku očima člověka, který nebyl u projektu. Rozumí hlavnímu sdělení bez úvodního vysvětlení? Pozná, co čísla znamenají, v jaké jsou jednotce a za jaké období platí? Jsou zdroje a metodické poznámky přítomné tam, kde je publikum může potřebovat?
Pak přichází technická kontrola. Text musí zůstat čitelný v nejmenším formátu, data musejí odpovídat podkladům a barevnost musí fungovat na konkrétním médiu. U kampaní se vyplatí otestovat návrh přímo v prostředí, kde bude žít: na mobilu, v rozhraní e-shopu, na stojanu nebo v prezentaci. Mnoho dobrých nápadů neztratí sílu kvůli konceptu, ale kvůli tomu, že nebyly ověřené v praxi.
Dobrá informační grafika nenechá diváka obdivovat jen grafiku. Nechá ho pochopit sdělení, zapamatovat si značku a udělat další krok bez zbytečného vysvětlování. Právě v tomto prostoru se data mění v komunikaci, která má estetickou úroveň i obchodní účinek.