Qonnections
Virtual Event
Data Visualization
Session Agenda
Session Leader:
• Visual Perception – Background
1. Limits of short-term memory
2. Visual encoding for rapid perception
3. Gestalt principles of visual perception
• Comparing what works and what doesn‘t
1. QlikView in Action
2. Diagram types and exercises
• Popular formatting and layout problems
1. Dashboard examples
Shima Nakazawa
Global Director of Demo & Best
Practices
QlikView
Limits of Short Term Memory
Limits of Short Term Memory
•
We do not see with our eyes; we see with our brains
•
Powerful filters protect our brain from „information overload“
•
Memory types
• Iconic memory
Pre-conscious  „Preattentive processing“  high speed
and powerful
•
Short term memory
It is temporary
It has limited storage capacity
•
Long term memory
Visually Encoding Data for Rapid Perception
Visually Encoding Data for Rapid Perception
How many 5’s can you find?
1265493578987534687321357987246872465795432749
1265493578987534687321357987246872465795432749
Visually Encoding Data for Rapid Perception
1. Which box do you look at first?
2. How about this?
1
2
3
4
Visually Encoding Data for Rapid Perception
– Which box do you look at first?
– How about this?
– Or ...
the whole thing
and didn’t know where to start?
1
2
3
4
Visually Encoding Data for Rapid Perception
Pay attention to your eye-print (Left to right? Top to bottom?)...
Ready?
Natural Human Behaviors
•
Positioning
– Pay attention to your eye-print (Left to right?
Top to bottom?) - Ready?
Visually Encoding Data for Rapid Perception
Preattentive Attributes
Color
Form
Shape
Hue
Orientation
Intensity
Line length
Added marks
Line width
Enclosure
Position
2-D location
Motion
Flicker
Size
Visually Encoding Data for Rapid Perception
Color
Form
Hue
Orientation
Intensity
Line length
Shape
Added marks
Position
2-D location
Line width
Motion
Flicker
Size
Enclosure
Visually Encoding Data for Rapid Perception
Hue & Contrast
Which bubble gets your most attention?
Hue and Contrast do matter.
Visually Encoding Data for Rapid Perception
Color Intensity to Encode Quantities
Visually Encoding Data for Rapid Perception
Color Intensity to Encode Quantities
Visually Encoding Data for Rapid Perception
Color Intensity to Attract Attention
Which bubble gets your most attention?
Intensity does matter.
Visually Encoding Data for Rapid Perception
Smallest Effective Difference
Visually Encoding Data for Rapid Perception
Moire Effect
Visually Encoding Data for Rapid Perception
Visual Activation of White Space
1+1=2
1+1=3
Visually Encoding Data for Rapid Perception
Choice of Appropriate Colors
Which color combinations do you prefer?
Neutral colors are
easier to look at.
Visually Encoding Data for Rapid Perception
Choice of Appropriate Colors
Emphasis Colors
Standard Colors
Visually Encoding Data for Rapid Perception
Choice of Appropriate Colors
Which bubble gets your most attention?
Too many colors do not get
your attention all the way.
Visually Encoding Data for Rapid Perception
Choice of Appropriate Colors
What’s wrong?
C
B
A
A
B
C
Persistent Colors for the same elements matter.
Gestalt Principles of Visual Perception
Gestalt Principles of Visual Perception
•
•
•
•
•
•
Proximity
Closure
Similarity
Continuity
Enclosure
Connection
Gestalt Principles of Visual Perception
Proximity
Gestalt Principles of Visual Perception
Similarity
Gestalt Principles of Visual Perception
Closuer
Gestalt Principles of Visual Perception
Connection
Data-Ink
“Everyone spoke of an information overload, but what
there was in fact was a non-information overload.”
Richard Saul Wurman
Data-Ink
data-ink
Data-ink ratio =
total ink used to print the graphic
Data-Ink
 Maximize the data-ink ratio, within reason
Data-Ink
 Erase non data-ink, within reason
Revise and Edit
Comparing what Works and what Doesn‘t
Diagrams
Comparing what works and what doesn‘t  QlikView in Action
•
Diagram types
•
Radar chart
•
Pie chart
•
Bar chart
•
Line chart
•
Arrows and Sparklines
Popular formatting and layout problems
•
Dashboard examples
Radar Charts
Radar Chart
The Same Data as Bar Chart
The Same Data as Line Chart
The Same Data as Line Chart
Radar Chary Summary
Pie Chart
Pie Chart / Bar Chart
3-D  Avoid it
Trends - Arrows and Sparklines
Popular Formatting and Layout Problems
Before
Screen Real Estate
Emphasized
Neither emphasized nor
de-emphasized
Neither emphasized nor
de-emphasized
De-emphasized
Before
After
Before and after Redesign
Putting it all Together
Data Visualization
Literature
Thank you!
If you have questions, please visit the session
forums on QlikCommunity or email
[email protected].