Dátová vizualizácia nie je iba o zobrazení dát vo vizuálnej podobe, jedná sa o zobrazenie dát, ktoré majú ľuďom uľahčiť pochopenie ich významu. Bohužiaľ si stále veľa ľudí myslí, že pospájaním pár grafov dokopy vytvárajú dobrý dizajn dátovej vizualizácie.V tomto článku si povieme o siedmich základných tipoch pre pekný dizajn dátovej vizualizácie.

Hlavná myšlienka

Predtým ako si povieme o najdôležitejšom pravidle pri dátovej vizualizácii, rada by som objasnila pojem dashboard, ktorý sa v súvislosti s dizajnom dátovej vizualizácie používa. Ak by sme ho chceli preložiť do slovenčiny, najlepšie by ho vystihovalo slovo nástenka.

Na nástenku si viete “pripnúť” rôzne grafy, tabuľky, popisy tak, aby to bolo pre pozorovateľa prehľadné a zároveň to malo nejakú výpovednú hodnotu. Dashboard by mal sám o sebe povedať príbeh. Užívateľ by mal v priebehu pár sekúnd zistiť, čo je hlavná myšlienka daného dashboardu. Poukazuje na to, že firme sezónne klesajú tržby? Alebo že sa jej darí v určitom segmente na trhu? Grafy a tabuľky by mali na seba nadväzovať ideálne v takom slede, ako sa užívateľovi vynárajú ďalšie otázky o probléme. Aby vedel na dashboarde nájsť odpoveď na každú doplňujúcu otázku.

Nasledujúca tabuľka by bez zvýraznených buniek nemala hlavnú myšlienku a užívateľ by nevedel, na čo chce graf poukázať.

Zrozumiteľnosť

Pochopiť samotným dátam je obtiažne, dátová vizualizácia je tu na to, aby to zjednodušila a nie komplikovala. Zrozumiteľnosť ide ruka v ruke s prehľadnosťou. Vyvarujte sa koláčovým grafom, ktoré majú viac ako 5-6 častí.

Veľmi mätúce sú aj grafy, ktoré nemajú počiatok v nule. Vedia totiž užívateľa poriadne zmiasť ako je vidieť aj na nasledujúcom grafe. V ľavej časti sa zdá, že hotdog je takmer osemkrát obľúbenejší ako hamburger. Stačí si ale upraviť počiatok grafu a zrazu majú všetky pozorované jedlá približne rovnaké preferencie.

Typ grafu

Pri výbere typu grafu treba zohľadniť akú myšlienku idete grafom “povedať”. Chcete vyjadriť vývoj za určité obdobie? Zvoľte čiarový graf. Chcete poukázať na zloženie, portfólio, proporcie, vyberte si koláčový graf. Pre klasické porovnanie sa zase hodí stĺpcový graf. Správnosť zvoleného grafu umocní hlavnú myšlienku grafu.

Porovnanie

Tento rok dosiahli tržby firmy rast 3%. Je to veľa, málo? Aký bol rast minulý rok, pred dvomi rokmi. V ktorých mestách, štátoch bol zapríčinený rast, v ktorých odvetviach. Snažte sa čísla a štatistiky porovnať či už v rámci rokov alebo inej dimenzie, ktorú sledujete.

Farby

O tom, aké farebné kombinácie pri zostavovaní dashboardov použiť existuje celá veda. Nie všetky farby spolu ladia a takýto farebný kontrast môže narušiť sústredenosť užívateľa
a odviesť jeho pozornosť od dát. Ak by ste sa chceli dozvedieť viac o farebnej mágii, odporúčam si naštudovať UX dizajn, ktorý sa v súčasnosti využíva aj pri návrhu webových stránok či mobilných aplikácií. Základným pravidlom je nepoužívať veľa farieb alebo veľa odtieňov tej istej farby (max. 4) a vyvarovať sa červenej a zelenej farbe kvôli daltonizmu (poruche rozoznávania červenej a zelenej farby), ktorý je diagnostikovaný u 8-9% svetovej populácie. Treba na to myslieť najmä ak je dashboard určený pre širokú verejnosť. Ak sa vám problematika farieb javí ako zložitá vec a pre farby nemáte cit, nezúfajte, existuje mnoho nástrojov, ktoré vám pri výbere farebných kombinácií môžu byť inšpiráciou, sú nimi napríklad  AdobeColor CC, alebo Design Inspiration.

Popisy

Pri vytváraní grafov sú veľmi užitočnou pomôckou popisy (labels). Užívateľovi stačí presunúť kurzor myši na určitú časť graf a zobrazí sa mu obdĺžnik s dodatočnými informáciami o danej časti grafu. Netreba zabúdať na názvy osí, vysvetliť legendu a na samotný názov grafu alebo dashboardu, ktorý by mal vystihovať jeho hlavnú myšlienku.

Keep it simple

Na záver rada nad zlato – v jednoduchosti je krása. Nedávajte do dashboardu príliš veľa grafov, veľa popisov a veľa farieb. Kazí to UX – užívateľskú skúsenosť. Snažte sa dashboardy robiť prehľadne, zrozumiteľne a jednoducho.