3. ONLINE AND
ECOMMERCE
INFORMATION
MANAGEMENT AND
BIG DATA
DATA UTILIZATION
AND VISUALISATION
SOFTWARE AND
MOBILE
DEVELOPMENT
PREDICTIVE
ANALYTICS AND IOT
DIGITAL STRATEGY
AND SERVICE DESIGN
PUBLIC SECTOR
ONLINE SERVICES
BUSINESS PLANNING
AND MANAGEMENT
INTEGRATION AND
CLOUD SERVICES
DIGITAL BUSINESS SOLUTIONS
5. “The purpose of
visualization is
insight, not
pictures.”
Ben Schneiderman, Human-computer interaction lab, U.
of Maryland
CONTENTS
Miten suunnittelet hyvän
dashboardin?
Miten löydät ja esität datassa
piilevän tarinan?
2
3
Mikä on dashboard?1
6. INFORMATION EXPLOSION
• Datan määrä kasvaa räjähdysmäisesti
• Ihmisellä on erinomainen
hahmontunnistuskyky – siksi
visuaalinen esitystapa on usein paras
• Jos data esitetään huonolla tavalla tai
tulkitaan väärin, menetetään tärkeää
tietoa eikä tietoon perustava
johtaminen ole mahdollista.
9. DASHBOARD
Tarkoitus:
Esittää visuaalisesti yhdessä näkymässä
oleellista ja ajantasaista tietoa, jonka pohjalta
käyttäjä voi nopealla vilkaisulla nähdä
tilanteen ja tehdä sen pohjalta tarvittavat
toimenpiteet.
Tilannenäkymä
13. MITÄ HALUAT KERTOA?
• On tärkeää määrittää se tarina,
jonka haluat katsojalle kertoa.
• Mitkä suhteet tai muutokset
ovat käyttäjälle
merkityksellisiä?
• Valitse visualisointi, joka
parhaiten tukee viestiäsi
14.
15. ” Our data is only as good
as our ability to
understand and
communicate it.
16. DATASSA PIILEVÄ TARINA
Esimerkki: jäätelön myynnin
muutokset ajan kuluessa
Trendit
1
Esimerkki: jäätelönmyynnin
riippuvuus lämpötilasta
Korrelaatiot
2
Esimerkki: jäätelönmyynnin
poikkeava myyntipiikki
epätyypillisessä paikassa
Poikkeamat
3
17. TARINAN KERRONTA
Kuljeta tarinaa vasemmalta
oikealle, ylhäältä alas. Käytä
tarvittaessa visuaalisia vihjeitä
ohjaamaan katsojaa.
Tarinan kulku
1
Esitä datan väliset suhteet
selkeästi
Suhteet
2
Ryhmittele data mielekkäällä
tavalla
Ryhmittely
3
18. ESIMERKKEJÄ DATA TYYPEISTÄ
Kvantitatiivinen
Data on mitattavissa ja arvot numeraalisia.
Jatkuva
Arvo joka vaihtelee jollaikin välillä
Esimerkki: vuoden sademäärä
Epäjatkuva eli diskreetti
Rajallinen määrä mahdollisia arvoja
Esim: Toimiston työntekijöiden lukumäärä
Kategoriat
Data on jaettu luokkiin tai tyyppeihin. Erimerkiksi eri
tyyppisten tuotteiden myyntiluvut.
19. DATA VÄLISET SUHTEET
Nominaalinen vertailu
Vertaillaan eri kategorioiden dataa keskenään
Aikasarjat
Arvot tasaisin aikavälein, ajan suhteen järjestettyinä
Hajonta vertailuarvosta (deviation)
Mikä on datasettien välinen suhde. mitattuna erolla.
Esimerkiksi hajonta keskiarvosta tai ero
tavoitteeseen.
Jakauma
Miten arvot jakautuvat väleille.
20. DATAN VÄLISET SUHTEET
Korrelaatio
Data jossa kaksi tai useampi muuttujaa korreloivat
posittivisesti tai negatiivisesti.
Ranking
Miten arvot vertautuvat toisiinsa Kategoriat
järjestetty suuruusjärjestykseen
Osan suhde kokonaisuuteen
Mikä on datan osajoukon suhde kokonaisuuteen,
Arvot prosenttiosuutena kokonaisuudesta.
22. ” The goal is to turn data
into information, and
information into
insight.
Carly Fiorina, Former CEO of HP
23. SUUNNITTELUN 3 ASKELTA
MUOTO
Miten data kannattaa
esittää?
YLEISÖ
Kenelle dataa esitetään?
DATA
Minkä tarinan haluamme
katsojalle kertoa?
24. KÄYTTÄJÄ
People Before Features
• Kuka on käyttää dashboardia?
• Miksi hän tarvitsee dashboardin?
• Mikä tuottaa käyttäjälle lisäarvoa?
• Mikä on viestin fokus?
• Mitä toimenpiteitä käyttäjä tekee dashboardin
tarjoaman tiedon pohjalta?
• Missä hän käyttää dashboardia? (mobiili jne)
• Missä tilanteessa?
• Miten dashboard tukee yrityksen tavoitteita?
YOU MUST HAVE
AN INTIMATE
KNOWLEDGE OF
YOUR USER TO
DESIGN FOR
THEM.
25. ” Overview first, zoom
and filter, then details-
on-demand.
The visual information-seeking mantra, Ben Schneiderman
26. SUUNNITTELU PROSESSI
Esitystapa
2
Mitkä esitystavat ovat valitulla
teknologialla mahdollisia? Käytä
valinnassa hyväksi
referenssimateriaalia ja kuvaajan
valinnan opasta
Käyttäjä ja data
1
Mitä tieto käyttäjä tarvitsee? Entä
mitä tietoa on tarjolla?
?
Rajauksen välineet
3
Mitä keinoja on mahdollista tarjota
käyttäjälle datan rajaamiseen?
27. Värien käyttö
6
Miten väriä käytetään näkymässä
oleellisten asioiden korostamiseen?
Käytä väriä varoitusten esittämiseen
ja ohjaamaan toimenpiteisiin.
Visuaalinen tyyli
7
Millainen visuaalinen tyypi sopii
ratkaisuun? Muista huomioida
brändi-ilme. Visuaalinen tyyli ei saa
sekoittaa käyttäjää tai tuoda
näkymään merkityksetöntä
vaihtelua.
aBcdEf
123456
Layout
4
Millainen asettelu tukee parhaiten
tarinaa ja sen järjestystä? Miten
tuoda esiin tärkeimmät asiat? Voit
myös soveltaa kultaista leikkausta
asetteluun.
Porautuminen
5
Miten käyttäjä voi porautua
syvemmälle tietoon saadakseen lisää
kontekstitietoa? Millainen
porautuminen tietoon on käyttäjälle
tarpeen?
28. KUVAAJAT
..
• Käytä kuvaajia:
• Data sarjojen välisten suhteiden
kuvaamiseen
• Trendien ja poikkeamien tunnistamiseen
• Suurten datamäärien esittämiseen
• Valitse dataan sopiva kuvaaja
• Poista kaikki elementit, jotka eivät
tue varsinaista asiaa
KEEP IT SIMPLE!
31. 8 VIHJETTÄ
Parempia dashboardeja
Tiivistä oleellinen. Korosta tärkeä tieto, jätä
pois elementit ja efektit joilla ei ole
informaatioarvoa.
Vähemmän on enemmän!
1
Production
Orders
Käytä väriä korostamaan tärkeää asiaa tai
ryhmittelyyn. Varo harhaanjohtavaa väritystä.
Väriä hillitysti
2
32. 8 VIHJETTÄ
Parempia dashboardeja
Viisarimittarit eivät ole tehokas tapa esittää
tietoa. Niistä puuttuu vertailu ja historiatieto
ja ne vievät paljon tilaa.
No more gauges
3
Orders 1,2 k€
1,2 k€
Orders
Aloita pylväsdiagrammi aina nollasta
vääriymmärtämisen välttämiseksi.
Aloita pylväät nollasta
4
33.
34. 8 VIHJETTÄ
Parempia dashboardeja
Jos haluat verrata kahta data sarjaa, kuten toteuma vs
tavoite, voit esittää eron. Korosta ei-toivottu ero.
Näytä ero
5
Suosittu piirakka-kuvaaja ei ole kovin tehokas. Osien
vertaaminen visuaalisesti on vaikeaa, etenkin jos niitä
on paljon.
Ei enää piirakoita
6
SALES
35.
36. 8 VIHJETTÄ
Parempia dashboardeja
Jos selitteet ovat pitkiä on
vaakatasoinen pylväsdiagrammi pystyä
parempi. Myös erot tulevat selkeämmin
esiin.
Esitä vaakatasossa
8
Käytä dashboardissa neutraaleja värejä ja
korosta poikkeamat tai muu merkityksellinen
tieto värin avulla.
Korosta oleellinen
7
38. LISÄÄ?
Mikä näistä blogi-aiheista olisi mielestäsi kiinnostavin?
• Värin käyttö dashboardissa
• 5 tyypillistä virhettä dashboard suunnittelussa
• Dashboardin ketterä kehittäminen
• Joku muu, mikä?