Informatika | Információelmélet » Információ megjelenítés, diagram tervezés

Információ megjelenítés Diagram tervezés Statisztikák • Háromféle hazugság van: hazugságok, átkozott hazugságok és statisztikák 3-ból 2 gyerek az USA-ban nem 82%-a nem eszik nem tudja betűzni: koleszterin. elég rostot. A lakosság A statisztikák teljesen rosszak az esetek 50%-ban Grafikus megjelenítés • A legsikeresebb grafikus ábrázolás egyben a legegyszerűbb is. – Nagy mennyiségű információt képesek közvetíteni könnyen érthető módon • Ez nagyon nehéz, gyakran innovatív módszerre van szükség! Diagram tervezés • Szempontok – A közönség (Nem mindegy hogy mérnököknek, eladóknak, igazgatóknak ábrázoljuk) – A cél amit a diagrammal el akarunk érni: • Üzenetet közvetítése (Az eladások elmaradnak .) • Nagy mennyiségű adat bemutatása • Adat kiemelés: ok-okozat felismertetése (Nem az a lényeg amit már ismerünk, hanem az ismeretlen felismerése!!!) • Fejlődés monitorozása (Pénzügyi piac

alakulása.) • Legjobb ha rögtön írunk egy címet!!! Egyszerűség • Előnyök: – „Megközelíthetőség”: könnyebb megérteni – Felismerhetőség: könnyebb észrevenni mintákat, kevesebb a felesleges információ – Azonnaliság: felismerés azonnali, minimális erőfeszítéssel – Használhatóság: az előző pont szerint könnyebb használni Diagram tervezés lépései Publikálás Felfedezés Statisztika Rendezés Több adat kell? Másik diagram? Tipográfia Megfigyelés Adat finomítás Színek Mi a cél? Adatgyűjtés Jellege? Releváns? Vizuális metafóra választása Diagram típus Mondat, táblázat Felülvizsgálat, kísérletezés Egy diagram anatómiája • Keret – Tengely, mértékegység, . • Tartalom – Szimbólumok, jelek, . • Címkék – Cím, tengely, vonások a tengelyen, . • Háttér – Igazából nem sokat ad hozzá Tengelyek megválasztása • Függő és független változó függő független •

Több független változó esetén a legfontosabb az X tengelyre kerül, a többit más szimbólummal jelöljük Néhány szabály • Az ábra legyen teljes, vagyis minden információ legyen rajta • Legyen az ábrának címe • A tengelyekre írjuk fel a számok jelentését • Válasszunk megfelelő skálát a tengelyeknek • A tengely kezdő és vég értékeit állítsuk be úgy, hogy a tengely ne zavarja a megjelenítést • Több adat megjelenítésénél egyértelmű legyen melyik pont melyik görbéhez tartozik Vizuális kódolás Modell Adat átadás Adat Felismerés Illesztés (map): adat vizuális elem Vizuális transzfer Vizualizálás (kommunikációs áteresztő képesség) ~Illesztés-1: vizuális elem adat felismerés Vizuális illesztés Data Vizuális illesztés legyen • Kiszámítható (matematika) visual = f(data) Illesztés: adat vizuális elem • Érthető (invertálható) data = f-1(visual) • Kreatív! Visualization •

Vizuális metafóra Vizuális metafora Vizuális metafora: egy új rendszer reprezentálása olyan vizuális tulajdonságok alapján mely egy másik, a felhasználónak ismerős rendszerre jellemző. Könyvtár szerkezet: aciklusos gráf Fa szerkezetként mindenki érti! Vizuális metafora • Hatékonyság Ez hibás Vizuális illesztés : 1. lépés 1. adat ® vizuális elem választás Vizuális elem : • • • • • Pont Vonal Terület Térfogat Glyphs Vizuális illesztés : 2. lépés 1. adat ® vizuális elem 2. adat attribútum ® vizuális tulajdonság választás vizuális elem tulajdonságai : • • • • • • Pozíció, x, y, z Méret, hossz, terület, térfogat Irány, szög, dőlés Szín, Szürke árnyalat, textúre Alak Animáció, villogás, mozgás adat ® vizuális elem Pontok Láthatósági problémák Pontok Vonalak Vonalak Vizuális problémák Vonalak és címkék Oldalarány Négyzetek Oszlopdiagram

Négyzetek Terület adat attribútum ® vizuális tulajdonság Vizuális kódolás, Jacques Bertin • • • • • • • Alak Méret Textúra Intenzitás Szín Orientáció Pozíció Vizuális kódolás, Cleveland és McGill • Sorrendiség, melyiket ismerjük fel a legpontosabban, illetve kevésbé pontosan: – – – – – Pozíció Hossz, irány, szög Terület Térfogat, görbület Árnyékolás, szín Pontosabb Vizuális kódolás Adat Kategorizált Rendezett Mennyiségi Pozíció Jó Jó Jó Méret Jó Jó Jó Árnyalat Jó Jó Elfogadható Textúra Jó Elfogadható Nem ajánlott Szín Jó Nem ajánlott Nem ajánlott Orientáció Jó Nem ajánlott Nem ajánlott Alak Jó Nem ajánlott Nem ajánlott Vizuális tulajdonságok hierarchiája Mennyiségi adat • Pozíció (legpontosabb) • Hossz • Szög, meredekség • Terület, térfogat • Szín Kategórizált adat • Pozíció (legpontosabb) • Szín, alak

• Hossz • Szög, meredekség • Terület, térfogat A fontosabb adatokhoz a pontosabb tulajdonságot használjuk Duális kódolás • Két különböző változót két különböző dimenzióval kódolunk – Szín, méret, alak, árnyalat Méret és szín Dobson, “Visual Information Processing and Cartographic Communication”, 1983 Ellipszi, ortogonális tengelyek MacEachren, 1995 Integrált és elválasztható Dimenziók Integrált Vörös-zöld Elválasztható Sárga-kék X-méret Y-méret Méret Irány Szín Forma Szín Mozgás Hely Szín Konfliktus a kódolás között Mondd ki a színt ne a szót!!! Sárga Kék Narancs Fekete Piros Zöld Lila Sárga Vörös Narancs Zöld Fekete Kék Vörös Lila Zöld Kék Narancs