datavisualisatie
DESCRIPTION
Presentatie van Bernadette de Preter, over het begrijpelijk en inzichtelijk presenteren van datagegevens.TRANSCRIPT
![Page 1: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/1.jpg)
DATAVISUALISATIE
Se-ries1
Presentatie van de belangrijkste resultaten
![Page 2: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/2.jpg)
• Opdracht
• Resultaten onderzoek
• (Eind)Producten
Inhoud
![Page 3: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/3.jpg)
OPDRACHT
![Page 4: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/4.jpg)
• Veel data in applicaties
• Niet altijd inzichtelijk
• Soms enkel cijfers
• Qlikview
Hoe maken we de data zo begrijpelijk en inzichtelijk dat klanten er zelf
de juiste conclusies uit kunnen trekken?
Huidige situatie
![Page 5: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/5.jpg)
Beoogde resultaat
Wens:
• Dashboard voor klant• Behaald tool beoogde doel?• Moet er iets veranderen?• Hoe staat het ermee in periode X?
Behalen door:
• Standaarden voor visualisatie• Dashboard design• Datavisualisatie• Wanneer Qlikview, wanneer Javascript
library?
![Page 6: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/6.jpg)
RESULTATEN
![Page 7: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/7.jpg)
Onderzoek
• Deelvragen:
1. Op welke wijze is data te visualiseren zonder dat deze foutief wordt geïnterpreteerd?
2. Hoe kan data effectief gepresenteerd worden in een dashboard?
3. Wat verwachten de klanten van de datapresentatie?
4. Hoe kunnen we standaarden definieren en vastleggen?
________________________________________________________________________5. Welke Javascript libraries of tools zijn er goed te gebruiken voor het
creëren van visualisaties?
![Page 8: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/8.jpg)
Hoofdvraag
Hoe maken we de data zo begrijpelijk en inzichtelijk dat klanten er zelf de juiste conclusies uit kunnen trekken?
![Page 9: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/9.jpg)
Deelvraag 1
Op welke wijze is data te visualiseren zonder dat deze foutief wordt geïnterpreteerd?
• Context
• Labels
• Verandering in data, niet in design
• Proportioneel aan waarde
• Aantal visuele dimensies == aantal dimensies in data
![Page 10: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/10.jpg)
Deelvraag 1 (vervolg)
![Page 11: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/11.jpg)
Deelvraag 2
Hoe kan data effectief gepresenteerd worden in een dashboard?
• In één scherm in één blik
• Databehoefte analyseren
• Juiste visualisatie/relatie
• Visuele perceptie• Niet absoluut• Patronen en contrast• Kijkpatronen
![Page 12: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/12.jpg)
Gestalt & context
•Nabijheid Groeperen of witruimte
•Gelijkheid Links tussen data. Onbewuste groepering.
•Geslotenheid Assen
•Continuïteit Uitlijning: wel of geen continuïteit.
•Eenvoud Makkelijkste waarneming voorrang.
![Page 13: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/13.jpg)
Grafiekkeuze
• Grafiekkeuze
![Page 14: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/14.jpg)
Chart junk & Non-data ink
![Page 15: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/15.jpg)
Kleur
![Page 16: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/16.jpg)
Deelvraag 3
Wat verwachten de klanten van de datapresentatie?
• Niet alleen resultaten e-commerce doelen van tools.
• Complexe analyse tools• Traffic, conversie• Simpele dashboards voor snel overzicht
• Bekijken per dashboard
![Page 17: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/17.jpg)
Deelvraag 4
Hoe kunnen we standaarden definiëren en vastleggen?
• Document met richtlijnen voor datavisualisatie
• Oplossingen voor:• Vergelijkingen• Veranderingen over tijd• Targets/KPI’s• Samenstelling• Distributie• Overig
![Page 18: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/18.jpg)
Libraries
Welke Javascript libraries of tools zijn er goed te gebruiken voor het creëren van visualisaties?
• Gratis: • Betaald:
![Page 19: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/19.jpg)
Wanneer Qlikview?
•Complexe datasets: Qlikview
•Voor basic visualisaties: Javascript library
![Page 20: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/20.jpg)
RICHTLIJNEN
![Page 21: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/21.jpg)
• Stap 1: Data-analyse.
• Stap 2: Dashboard requirements.
• Stap 3: Design overwegingen.
• Stap 4: Welke visualisaties gebruik je bij welke data?
Standaarden/richtlijnen
![Page 22: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/22.jpg)
Design
Kleurgebruik
Continuïteit door uitlijning
![Page 23: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/23.jpg)
Grafiekkeuze 1
Fysieke weergaven van nummers moeten proportioneel zijn aan de waarde die ze representeren (Tufte, 2001).
![Page 24: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/24.jpg)
Grafiekkeuze 1
![Page 25: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/25.jpg)
Grafiekkeuze 2
Marktaandeel
Merk A
Merk B
Merk C
Merk D
Merk E
Merk E
Merk D
Merk C
Merk B
Merk A
0% 5% 10% 15% 20% 25%
Marktaandeel
Marktaandeel
![Page 26: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/26.jpg)
Grafiekkeuze 3
Ochtend
manvrouw
Middag
0%
10%
20%
30%
40%
50%
60%
70%
80%
Ochtend Middag
Middag
Ochtend Middag Avond0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
man vrouw
Avond
Avond
![Page 27: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/27.jpg)
Grafiekkeuze 3
Week 1 Week 2 Week 3 Week 40
5
10
15
20
25
Verkoop per week
callcenter winkel webshop telefonisch overigV
erk
oop (
x 1
000)
![Page 28: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/28.jpg)
![Page 29: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/29.jpg)
Traffic en conversie
![Page 30: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/30.jpg)
KPN campagnes
• EOC selectie
• Planning
• Benaderaantallen
• Benaderfrequentie
![Page 31: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/31.jpg)
KPN campagnes
• Resultaten
• Controlegroep
• Small multiples
• Selecteren
![Page 32: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/32.jpg)
KPN campagnes
• Filteren op selectie
• Benaderfrequentie
• Benadering per campagne
![Page 33: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/33.jpg)
KPN campagnes
• Resultaat per groep
• Nieuwe campagne
Online demo in ontwikkeling
![Page 34: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/34.jpg)
CONCLUSIE
![Page 35: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/35.jpg)
Conclusie
Hoe maken we de data zo begrijpelijk en inzichtelijk dat klanten er zelf de juiste conclusies uit kunnen trekken?
• Data analyseren voor juiste keuzes
• Context, nadruk en overzicht
• Rekening houden met perceptie
![Page 36: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/36.jpg)
Aanbevelingen
• AM Charts als library
• Qlikview voor complexe datasets
• Javascript voor simpele visualisaties of user upload
• Ondanks standaarden: Klantwensen/requirements
![Page 37: Datavisualisatie](https://reader035.vdocuments.net/reader035/viewer/2022081602/553968bb4a7959016b8b4a36/html5/thumbnails/37.jpg)
ZIJN ER NOG VRAGEN?