brain hacking: designing data for rapid understanding
DESCRIPTION
Combined, the human eye and visual cortex is a data digestion and comprehension machine of immense power and sophistication. We are capable of consuming and understanding vast quantities of data exceptionally quickly but only if we understand and respect the rules of how our eyes and visual cortex work together to process data. In this presentation we'll explore how these rules impact data design and the practical steps you can take to make data understandable at a glance.TRANSCRIPT
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