1.
nlOUG Tech Experience 2018
Challenges and Pitfalls
of Data Visualization
7 June 2018 - 14:00 - 14:45 / De Rijtuigenloods, Amersfoort

2.
Welcome
Daan Bakboord
http://www.daanbakboord.com
https://twitter.com/daanbakboord
https://nl.linkedin.com/in/daanbakboord
http://blog.daanalytics.nl
#obihackers

3.
Agenda
• Introduction
• Mind
• Perception
• Psychology
• Thinking
• Dashboard Design
Challenges and Pitfalls of Data Visualization

4.
Initiatives
IT IT IT
Reliable Information / Insights
A BChange / Policy / Strategy
Data

5.
A picture says more
than a thousand words

6.
Visual Perception

7.
Visual Perception

8.
Visual Perception

9.
Visual Perception -
Process
Register Observe & Interpret

10.
Visual Perception
• Iconic Memory
• letters, colors, digits, shapes, etc.
• e.g. Computer buffer
• Short Term memory
• chunks of information FiFo
• e.g. Random Access Memorie (RAM)
• Long Term memory
• recognise people, events, patterns, etc.
• e.g. Computer harddisk

11.
“Gestalt” Psychology
Overall picture before perception of components
Figure /
Ground
Law of GroupingWhole
is more than
Sum of Parts

12.
It’s all about Perception

13.
Gestalt Principles of
Perception
Closure
Proximity
Similarity
Continuation
Prägnanz (Good Figure,
Simplicity)

14.
Optical Illusion

15.
Optical Illusion

16.
Two System Way of Thinking
• System I
• Thinking Fast
• Intuitive, “Gut” reaction
• Jump to Conclusion
• “Always On”
• System II
• Thinking Slow
• Reflection
• Problem solving
• Analysing

17.
Dashboard Design
• Present information Logical and Ordered
• Signaling should be Clear and Unambiguous
• Choose the right Visualization
• Don’t give System I the opportunity to go wrong
• Optimal balance between System I & System 2
• Focus on the core message

18.
Subconscious Attributes
• Color (Intensity)
• Shape
• Positioning
• Motion

19.
Using Color
98675321098739873947612902
16438902451209137828462010
08345601395660087414383020
47294901837900298265150137
98675321098739873947612902
16438902451209137828462010
08345601395660087414383020
47294901837900298265150137
Count the number ‘5’

20.
Color Blind
Experience Color Blindness via Color Oracle

21.
Right
Wrong
Using Color
Associations
B & W Printing
Too much color –where to focus?

22.
Data Ink Ratio
Edward Tufte

23.
Data Ink Ratio
• Minimize the Data Ink
Ratio as much as
possible
• Increase the Data Ink
Ratio if necessary to
tell the story

24.
Graphs

25.
Graphs

26.
After a demo by an Account Manager
Visuals

27.
Report

28.
Stephen Few
http://www.perceptualedge.com/

29.
Stephen Few
Bullet GraphSparkLine

30.
JQuery

31.
See the Signals
• Our Brains are better suited to
process Images
• Turn complex data sets into Easy
to Digest and Supporting Insights
• Identify interesting Patterns and
Opportunities and Previously
Unknown Trends

32.
Questions?

33.
Thanks!