Defect in beeld. Data visualisatie van defecten. 4 oktober 2018

Transcriptie

1 Defect in beeld Data visualisatie van defecten 4 oktober 2018

2 Programma Kennismaking (10 minuten) Theoretisch kader (20 minuten) Zelf aan de slag (40 minuten, inclusief pauze) Nog een stukje theorie (20 minuten) Defect in beeld (QX Day) 4 oktober Sogeti. All rights reserved. 2

4 Data visualisatie Gaat niet om lukraak grafiekjes maken Het gaat om data begrijpelijk maken Wat wil je vertellen Aan wie wil je het vertellen Defect in beeld (QX Day) 4 oktober Sogeti. All rights reserved. 4

5 Data visualisatietools worden steeds slimmer. Geef een tool wat data en er komen de mooiste visualisaties uit. Maar zijn dit ook de beste voor het doel? Denk vooral zelf na over wat je wilt dat een gebruiker meekrijgt. Defect in beeld (QX Day) 4 oktober Sogeti. All rights reserved. 5

6 Visualisatie missers

7 Visualisatie missers Een visualisatie die in oude tijden (begin Excel) nog wel eens werd gebruikt. Deze visualisatie is totaal onduidelijk. 3d werkt niet en zeker niet met 3 assen. Hoeveel omzet heeft de fax behaald in Q2, Q3 of Q4 Defect in beeld (QX Day) 4 oktober Sogeti. All rights reserved. 7

17 Visie 70% 30% Van al onze zintuigen is visie de meest krachtige en efficiënte voor het ontvangen van informatie. 70% van de signalen die we binnen krijgen, hebben te maken met onze visie. Grafieken zijn middelen voor visuele communicatie. Slecht ontwerp kan ervoor zorgen dat een boodschap niet effectief wordt overgebracht

18 Visie Hoe vaak komt het getal 5 voor?

19 Visie En nu? Dit is de kracht van intuïtieve attributen

20

21 Vorm Lengte Dikte Oriëntatie Vorm Formaat Omsluiting Het herkennen van de afwijking duurt soms nog geen 20 milliseconden

22 Kleur Kleur Contrast Dit fenomeen kan worden ingezet bij het maken van visuals om bepaalde objecten in het oog te laten springen.

23 Positie Positie Het is eigenlijk een soort afwijking detectie. Zonder dat je het je bewust bent, signaleer je een afwijking in het patroon. Dat maakt visualisatie zo krachtig

24

25 Praktijk Hoe lang heb je nodig om getallen te verwerken? Aantal defecten Urgent 11 Very high 19 High 3 Medium 24 Low 15

26 Praktijk Verschil in lengte Aantal defecten Geld over Urgent Beleggen Geld Very over Sparen high Geld High nodig Betalen & Medium ontvangen Afdekken Low risico

27 Praktijk Verschil in contrast Aantal defecten Geld over Urgent Beleggen Geld Very over Sparen high Geld High nodig Betalen & Medium ontvangen Afdekken Low risico

28 Limieten aan perceptie We kunnen slechts één attribuut tegelijkertijd onderscheiden

29 Limieten aan perceptie Contrasten én vormen onderscheiden is niet eenvoudig

30 Praktijk Verschil in kleur Aantal defecten Geld over Urgent Beleggen Geld Very over Sparen high Geld High nodig Betalen & Medium ontvangen Afdekken Low risico

31 Praktijk Verschil in kleur Aantal defecten Geld over Urgent Beleggen Geld Very over Sparen high Geld High nodig Betalen & Medium ontvangen Afdekken Low risico

32 Limieten aan perceptie Verschil in kleur Aantal defecten Geld over Urgent Beleggen Geld Very over Sparen high Geld High nodig Betalen & Medium ontvangen Afdekken Low risico

33 Limieten aan perceptie Hoeveel groter is de grote cirkel t.o.v. de kleine cirkel? Aantal Hoge prio s dit jaar t.o.v. vorig jaar? 1 16x

35 Voorbeeld casus

36 Casus Een radarchart Aantal werknemers Een radarchart wordt gebruikt om meerdere meetwaarden met dezelfde schaal weer te geven binnen een cirkel. Hoewel een radarchart goed is in het weergeven van hoge en lage waardes is het niet zinvol voor vergelijkingen met andere meetwaarden. Je kunt dan beter een barchart gebruiken

37 Casus Een geclusterde barchart Aantal werknemers

38 De Spaghetti soep Aantal verkochte auto s Sedan Stationwagen Hatchback Coupé MPV Bestelwagen

39 De Spaghetti soep Aantal verkochte auto s Sedan Stationwagen Hatchback Coupé MPV Bestelwagen

40 De Spaghetti soep Aantal verkochte auto s Sedan Coupé Stationwagen MPV Hatchback Bestelwagen

42 Situatie Nominale vergelijking (Catagorisch) Vergelijking over tijd (Temporal) Ranking Gedeelte van het geheel Afwijking Distributie

43 Nominale vergelijkingen Deze visuals lenen zich goed voor het vergelijken van waarden of om een verdeling te visualiseren Nominaal betekent dat categorieën niet in een vaste of zinvolle volgorde zijn te plaatsen. Voorbeelden zijn de variabelen regio' of 'geslacht'. Nominale vergelijkingen bevatten discrete variabelen, d.w.z. dat de uitkomst slechts een beperkt aantal getallen of klassen heeft. De tussenliggende waarden hebben geen verband of betekenis.

44 Nominale vergelijkingen Horizontale barchart Aantal besmettingen per land in Spanje Nederland Duitsland Frankrijk België Zweden De breedte van de staven heeft geen betekenis, alleen de lengte. Zorg ervoor dat dus alleen de lengte verschillend is. Staven kunnen zowel horizontaal als verticaal worden weergegeven.

45 Nominale vergelijkingen Waarom is deze barchart niet goed? Een barchart begint altijd bij 0! Aantal klanten per regio Noord Oost Zuid West 0 Noord Oost Zuid West

46 Nominale vergelijkingen Een verticale barchart Omzetverdeling per regio Noord Oost Zuid West Een staafdiagram begint altijd bij 0. Wanneer je een staafdiagram hebt met relatief veel lange staven en je wilt de verschillen inzichtelijk krijgen, dan kun je het beste kiezen voor een puntdiagram.

47 Nominale vergelijkingen Kies dan voor een dot plot (puntdiagram) Aantal klanten per regio Op deze manier kun je inzoomen op de verschillen (de 0 start laten varen). Zit er geen connectie tussen de categorieën Noord Oost Zuid West

48 Tijdreeksen Een lijngrafiek Ontwikkeling omzet over Jan Feb Mrt Apr Mei Jun Jul Aug Sep Okt Nov Dec Voor het weergeven van tijdsreeksen (veranderingen over tijd) gebruiken we een lijngrafiek, omdat het gaat om continue, aaneensluitende data. De barchart is geschikt voor nominale data en dus niet geschikt voor tijdreeksen.

49 Ranking Voor het weergeven gesorteerde discrete waarden Kosten per afdeling over Finance HR IT Marketing Productie Sales

50 Ranking Voor het weergeven gesorteerde discrete waarden Kosten per afdeling over Productie IT Sales HR Finance Marketing

51 Gedeelte van een geheel Welk land heeft een groter aandeel? Frankrijk of Spanje? Marktaandeel augustus 2018 België Duitsland Nederland Vormen waarbij de waarde onderdeel is van een gebied. Bijvoorbeeld de piechart. Zweden Frankrijk Onze visuele perceptie is niet in staat om nauwkeurig waarden uit te lezen uit gebiedsgrafieken Spanje

52 Gedeelte van een geheel Helpt dit? Marktaandeel augustus 2018 België; 12 Duitsland; 8 Nederland; 10 Zweden; 28 Frankrijk; 22 Spanje; 20

53 Gedeelte van een geheel Werkt het met minder stukjes beter? Marktaandeel augustus 2018 België Nederland Duitsland

54 Delen Gedeelte van een van geheel een geheel De oplossing is een barchart Marktaandeel augustus % 5% 10% 15% 20% 25% 30% Zweden 28% Frankrijk 22% Met een barchart kun je precies vergelijken wie het grootste marktaandeel heeft. Spanje 20% België 12% Nederland 10% Duitsland 8% Ze beginnen vanaf dezelfde basis en de staven eindigen op een andere positie. Totaal 100,00%

55 Gedeelte van een geheel Met contrast kun je de focus leggen op een bepaald item Marktaandeel augustus % 5% 10% 15% 20% 25% 30% Zweden 28% Frankrijk 22% Spanje 20% België 12% Nederland 10% Duitsland 8% Totaal 100,00%

56 Gedeelte van een geheel De Treemap. Een goede visual? Omzetverdeling per productcategorie

57 Gedeelte van een geheel Kies gewoon voor de barchart Omzetverdeling per productcategorie Treemaps/Heatmaps zijn blokken om data weer te geven Net als bij een piechart zijn de blokken moeilijk te vergelijken Met veel blokken worden tevens labels vaak niet goed weer gegeven

58 Gedeelte van een geheel De stacked bar chart geeft slecht het onderlinge verschil weer % van totale verkopen % van totale verkopen 100% 90% 80% 70% 60% 50% 40% 30% 20% 10% 0% West Oost Zuid Noord 0% 20% 40% 60% 80% 100%

59 Gedeelte van een geheel Een bar chart met extra dikke bars % van totale verkopen % van totale verkopen 40% 30% 20% 10% 0% West 38% Oost? % Zuid 16% Noord? % Noord Zuid Oost West 0% 20% 40%

60 Gedeelte van een geheel De stacked bar chart % van totale verkopen % van totale verkopen 40% 30% 20% 10% 0% West 38% Oost 24% Noord 22% Zuid 16% West 38% Oost 24% Noord 22% Zuid 16% 0% 20% 40%

61 Afwijkingen Verhoudingen Aantal werknemers Actueel Doel Voor het bekijken van verschillen tussen waarden De barchart is hiervoor uitermate geschikt, maar de verschillen zijn moeilijk te zien 0 Sales Marketing Operations HR Finance

62 Afwijkingen Verhoudingen Aantal werknemers 2017 (Actueel vs. gepland) Sales Marketing Operations HR Finance Doelstelling Door de getallen anders weer te geven (namelijk door per afdeling te kijken naar het absolute verschil tussen actueel ten opzichte van gepland ) krijg je in één oogopslag te zien bij welke afdeling het niet goed gaat. Het gebruik van kleur helpt hierbij goed.

63 Afwijkingen Verhoudingen Aantal werknemers 2017 (Actueel vs. gepland %) 10% 5% 0% -5% -10% Doelstelling Wanneer bij absolute getallen de verschillen te groot zijn, kun je ook rapporteren op basis van procentuele afwijkingen. -15% Sales Marketing Operations HR Finance

64 Afwijkingen Verhoudingen Percentage werknemers 2017 vergeleken met Januari (100% = Januari) 160% 140% 120% 100% 80% 60% 40% 20% 0% Jan Feb Mrt Apr Mei Jun Jul Aug Sep Okt Nov Dec Januari Afwijkingen kunnen ook worden weergegeven over een tijdsperiode. Hier zien we de maandelijkse afwijking t.o.v. de maand januari. Januari is de basis waarmee elke volgende maand vergeleken wordt.

65 Distributie enkelvoudig Histogram Volume per orderklasse < >= en < >= en < >= en < >= en < Dit histogram laat een single distributie zien. De bars hebben geen tussenruimte wat visueel het doorlopende (continuous) karakter van de getallen suggereert (in tegenstelling tot discrete getallen).

66 Distributie enkelvoudig De frequentie polygon laat de normale verdeling van de waarnemingen zien Prestatie levertijd % orders 25% 20% 15% 10% 5% 0% Aantal dagen

67 Distributie enkelvoudig Cumulatieve frequentie polygon Prestatie levertijd % orders 120% 100% 80% 60% 40% 20% 0% Aantal dagen

68 Distributie meervoudig Frequentie polygon met meerdere lijnen Prestatie levertijd Aantal werknemers >= 10 en < 20 >= 20 en < 30 >= 30 en < 40 >= 40 en < 50 >= 50 en < 60 >= 60 en < 70 >= 70 en < 80 >= 80 en >= 90 en < 90 < 100 Operatie Sales IT Marketing HR Salaris bandbreedte (x 1.000)

69 Boxplot Vergelijkt spreiding tussen datasets Salarisverdeling Q3-Median Median-Q1 Q

70 Zelf aan de slag Teken 2 à 3 mogelijke visualisaties die relevant zijn voor de testmanager 30 minuten Alleen pen en papier Daarna terugkoppeling en feedback Defect in beeld (QX Day) 4 oktober Sogeti. All rights reserved. 70

71 Ontwerpregels

72 Vergelijkingen Kies je doelgroep Wat is je boodschap De juiste visualisatie Geef context Maak een keuze voor wie je product bedoelt is Welke vraag wil je beantwoord zien? Wat is de meest effectieve visualisatie voor je verhaal Voeg targets en/of vergelijkingen toe voor meer impact Wees helder en consistent Houd het simpel Kleurgebruik Denk zelf Voor het weergeven van op- of aflopend gesorteerde data Keep it simple, stupid Juist kleurgebruik versterkt je boodschap Tools zijn slim, de mens is slimmer

74 Doelgroep

75 Kies je doelgroep Strategisch Status van de lange termijn doelen. Vaak ten behoeve van raad van bestuur en directie Tactisch Concrete doelen met een duidelijke tijdslimiet en een verantwoordelijke manager Operationeel Het aantal openstaande orders, het voorraadniveau, het aantal leveringen 2018 Sogeti. All rights reserved. 75

88 Wees helder en consistent Wat is belangrijk? Ga er niet vanuit dat de gebruiker alles begrijpt Vermijd afkortingen of beschrijf ze Gebruik altijd legenda s! Vermijd (teveel) decimalen 2018 Sogeti. All rights reserved. 88

92 !! Benadruk relevante informatie Wat is belangrijk? Relevante informatie eerst! Leesrichting van links-naar-rechts, van boven-naarbeneden Reduceer bedrijfslogo s, plaatjes en andere irrelevante informatie 2018 Sogeti. All rights reserved. 92

101 Geef context Wat is belangrijk? Vergelijk een meetwaarde altijd met een doelstelling of indien niet aanwezig- het vorige jaar Geef trends weer bij veel veranderende meetwaarden 2018 Sogeti. All rights reserved. 101

107 Kleurgebruik Wat is belangrijk? Als er geen reden is om een specifieke kleur te gebruiken, gebruik dan een grijsschaal Vermijd teveel rood/groen patronen. Highlight alleen slechte performance met rood 2018 Sogeti. All rights reserved. 107

118 Meer informatie of een inhouse workshop? Liselotte Herfst-Visser Service Delivery Manager Tel: (nakiezen) Mob: liselotte.herfst-visser@sogeti.com Presentation Title Date 2018 Sogeti. All rights reserved. 118