Bevezetés az adatvizualizációba és az adatdizájnba

Bátorfy Attila

Mi az adatvizualizáció?

- az adatok, információk megmutatása vizuális jelekkel

- vizuális érvrendszer (diagrammatika)

Mi a célja?

• segítse a megértést
• segítse a tanulást
• segítse a feldolgozást
• segítse a megjegyzést
• segítse az érveink alátámasztását

Mi a folyamata?

• a megfelelő kérdések feltétele
• a kommunikálni és bemutatni kívánt válasz megtalálása
• a megfelelő vizuális forma kiválasztása
• a megfelelő vizuális jelek kiválasztása
• a megfelelő eszköz(ök) kiválasztása
• a megfelelő környezet kiválasztása

Definíció

Minden adatvizualizáció infografika,

de

nem minden infografika adatvizualizáció

Pszeudo

PopChartLab  2013

TypeCode 2017

Dancsák András

Dancsák András

Miért?

• láthatóvá tesz láthatatlan dolgokat
• jobban láthatóvá tesz kevésbé látható dolgokat
• segít a lényegest megkülönböztetni a lényegtelentől
• megmutathat olyan összefüggést, amit nem is sejtettünk
• segíthet hibákat kiszűrni
• segít a problémák megértésében és átlátásában
• segít a tanulásban
• segít a tájékozódásban

Stefanie Posavec 2008

Alessandro Coco 2007

Szűcs Krisztina 2015

Alapelvek

• Hasznos és használható
• Esztétikus
• Megérthető
• Szerény
• Őszinte
• Időtálló
• Alapos, kidolgozott
• Figyelmes
• A lehető legkevesebb "dizájnt" tartalmazza

Alapelvek

• az adatot világosan megmutatja

• az általunk kommunikálni kívánt állítást pontosan, ellentmondás-mentesen mutatja meg

• ha elválasztja a lényegest a kevésbé lényegestől

• ha ráirányítja a figyelmet a fontosra

• ha nincs rajta felesleges grafikus és egyéb információ

• ha nincs feleslegesen túlbonyolítva

• ha nem akarja leegyszerűsíteni az eleve bonyolult összefüggéseket

• ha látszik rajta az átgondoltság, tervezés és a szándékosság

• ha nem nézi le a közönséget

   

Gestalt-törvények

Max Wertheimer

Optikai csalódások

Moiré-hatás

Hermann-rács

Hering-illúzió

Jastraw-illúzió

Kék-zöld csalódás

Grafikai elemek

Tulajdonságok

Pontosság

Mintázat

Rendszer

Felépítés

Adat/festék arány

Adat/festék arány

Színek

árnyalat (hue)

telítettség (saturation)

fényesség (luminance)

Tervezés

Tervezés

Mit olvassunk?

Köszönöm a figyelmet!

batorfy.attila@gmail.com