Brain Hacking D e s i g n i n g D a t a f o r R a p i d U n d e r s t a n d i n g

Data Summit 2014

@ p a u l m j o y c e

2,500+ paying customers

“Visual displays rich with data are not only an appropriate and proper complement to human capabilities, but also such designs are frequently optimal.” Edward Tufte, Envisioning Information

Data Viz Spectrum

simple complex

Source: http://youtu.be/wnvoZxe95bo

Find the red circle

Source: http://youtu.be/wnvoZxe95bo

Find the red circle

Pre-attentive processing

Pre-attentive processing

Takes less than 250ms

Source: http://youtu.be/wnvoZxe95bo

Find the red circle Part II

Source: http://youtu.be/wnvoZxe95bo

Find the red circle Part II

Source: http://youtu.be/wnvoZxe95bo

Find the red circle Part III

Source: http://youtu.be/wnvoZxe95bo

Find the red circle Part III

Pre-attentive attributes

Source: http://www.perceptualedge.com/articles/ie/visual_perception.pdf

0.0% 5.0% 10.0% 15.0% 20.0% 25.0% 30.0% 35.0% 40.0% 45.0%

Nokia

Motorola

Palm

Apple

Other

RIM

U.S. Smartphone Market Share

Memory

iconic short term long term

Memory

iconic short term long term

3-7 chunks of information

(ideally < 5)

short term

Recap

Recap •  Where in the data viz spectrum are you?

Recap •  Where in the data viz spectrum are you? •  Glanceability?

•  Design for how we process information

Recap •  Where in the data viz spectrum are you? •  Glanceability?

•  Design for how we process information •  Pre-attentive processing •  Decide what do you want to highlight •  Choose the right attribute

Recap •  Where in the data viz spectrum are you? •  Glanceability?

•  Design for how we process information •  Pre-attentive processing •  Decide what do you want to highlight •  Choose the right attribute

•  Optimise for short term memory •  3-7 chunks of information

Brain Hacking D e s i g n i n g D a t a f o r R a p i d U n d e r s t a n d i n g

Data Summit 2014

@ p a u l m j o y c e