Download - Brain Hacking: Designing Data for Rapid Understanding

Transcript
Page 1: Brain Hacking: Designing Data for Rapid Understanding

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

Page 2: Brain Hacking: Designing Data for Rapid Understanding
Page 3: Brain Hacking: Designing Data for Rapid Understanding

2,500+ paying customers

Page 4: Brain Hacking: Designing Data for Rapid Understanding

“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

Page 5: Brain Hacking: Designing Data for Rapid Understanding

Data Viz Spectrum

simple complex

Page 6: Brain Hacking: Designing Data for Rapid Understanding

Source: http://youtu.be/wnvoZxe95bo

Find the red circle

Page 7: Brain Hacking: Designing Data for Rapid Understanding
Page 8: Brain Hacking: Designing Data for Rapid Understanding

Source: http://youtu.be/wnvoZxe95bo

Find the red circle

Page 9: Brain Hacking: Designing Data for Rapid Understanding
Page 10: Brain Hacking: Designing Data for Rapid Understanding
Page 11: Brain Hacking: Designing Data for Rapid Understanding

Pre-attentive processing

Page 12: Brain Hacking: Designing Data for Rapid Understanding

Pre-attentive processing

Takes less than 250ms

Page 13: Brain Hacking: Designing Data for Rapid Understanding

Source: http://youtu.be/wnvoZxe95bo

Find the red circle Part II

Page 14: Brain Hacking: Designing Data for Rapid Understanding
Page 15: Brain Hacking: Designing Data for Rapid Understanding

Source: http://youtu.be/wnvoZxe95bo

Find the red circle Part II

Page 16: Brain Hacking: Designing Data for Rapid Understanding

Source: http://youtu.be/wnvoZxe95bo

Find the red circle Part III

Page 17: Brain Hacking: Designing Data for Rapid Understanding
Page 18: Brain Hacking: Designing Data for Rapid Understanding

Source: http://youtu.be/wnvoZxe95bo

Find the red circle Part III

Page 19: Brain Hacking: Designing Data for Rapid Understanding

Pre-attentive attributes

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

Page 20: Brain Hacking: Designing Data for Rapid Understanding
Page 21: Brain Hacking: Designing Data for Rapid Understanding
Page 22: Brain Hacking: Designing Data for Rapid Understanding
Page 23: Brain Hacking: Designing Data for Rapid Understanding

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

Page 24: Brain Hacking: Designing Data for Rapid Understanding

Memory

iconic short term long term

Page 25: Brain Hacking: Designing Data for Rapid Understanding

Memory

iconic short term long term

Page 26: Brain Hacking: Designing Data for Rapid Understanding
Page 27: Brain Hacking: Designing Data for Rapid Understanding
Page 28: Brain Hacking: Designing Data for Rapid Understanding
Page 29: Brain Hacking: Designing Data for Rapid Understanding
Page 30: Brain Hacking: Designing Data for Rapid Understanding
Page 31: Brain Hacking: Designing Data for Rapid Understanding
Page 32: Brain Hacking: Designing Data for Rapid Understanding
Page 33: Brain Hacking: Designing Data for Rapid Understanding

3-7 chunks of information

(ideally < 5)

short term

Page 34: Brain Hacking: Designing Data for Rapid Understanding

Recap

Page 35: Brain Hacking: Designing Data for Rapid Understanding

Recap •  Where in the data viz spectrum are you?

Page 36: Brain Hacking: Designing Data for Rapid Understanding

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

•  Design for how we process information

Page 37: Brain Hacking: Designing Data for Rapid Understanding

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

Page 38: Brain Hacking: Designing Data for Rapid Understanding

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

Page 39: Brain Hacking: Designing Data for Rapid Understanding

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