Tweet
Tweet

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

Initiatives IT IT IT Reliable Information / Insights A B Change / Policy / Strategy Data

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

A picture says more than a thousand words

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

Visual Perception

Slide 9

Slide 9 text

Visual Perception

Slide 10

Slide 10 text

Visual Perception

Slide 11

Slide 11 text

Visual Perception - Process Register Observe & Interpret

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

“Gestalt” Psychology Overall picture before perception of components Figure / Ground Law of Grouping Whole is more than Sum of Parts

Slide 14

Slide 14 text

It’s all about Perception

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

Optical Illusion

Slide 17

Slide 17 text

Optical Illusion

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

Color Blind Experience Color Blindness via Color Oracle

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

Data Ink Ratio Edward Tufte

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

Graphs

Slide 28

Slide 28 text

Graphs

Slide 29

Slide 29 text

After a demo by an Account Manager Visuals

Slide 30

Slide 30 text

Report

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

Stephen Few Bullet Graph SparkLine

Slide 33

Slide 33 text

JQuery

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

Questions?

Slide 36

Slide 36 text

Thanks!