august 2014 | visualizing data for people: a human factors perspective
DESCRIPTION
There are a variety of helpful resources for designers (e.g., books, blogs) that describe best practices for data visualization. While these resources often provide useful recommendations, they sometimes fail to offer explanations about how these visual representations support human cognition and perception. For example, why should we provide time-series trends, limit the use of color, and strive for visual interpretations of values? What is it about human attention, memory, and situation awareness that make some data visualization techniques more effective than others? This presentation will give an overview of some best practices of data visualization and will provide a discussion of why they benefit human perception and performance. Paul Derby is a Senior Experience Designer within the Honeywell User Experience design studio. Paul has a PhD in experimental psychology (human factors) from Texas Tech University. At Honeywell, Paul focuses on UX research and design within the process industry (e.g., oil/gas, petrochemical, etc.). Currently, Paul is leading multiple UX efforts to improve data visualization products within this domain.TRANSCRIPT
![Page 1: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/1.jpg)
Paul Derby, PhD
Michael Crites, MA
Visualization Data for People: A Human Factors Perspective
![Page 2: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/2.jpg)
Topics on Paul’s agenda:
Who is this Paul guy?
What is Human Factors?
Human Factors and data visualization
1
2
3
![Page 3: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/3.jpg)
PhD + MA, Experimental Psychology (Human Factors) Texas Tech University
EDUCATION
Senior Experience Designer Honeywell User Experience
CAREER
BA, Psychology California State University, Long Beach
20
02
2
00
3
20
04
2
00
5
20
06
2
00
7
20
08
2
00
9
20
10
2
01
1
20
12
2
01
3
20
14
Education + mentoring
Service Design
UX for small businesses
INTERESTS
![Page 4: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/4.jpg)
What Paul does for Honeywell
Designs Experiences Lead end-to-end UX strategy + design for data visualization solutions
![Page 5: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/5.jpg)
What Paul does for Honeywell
Designs Experiences Lead end-to-end UX strategy + design for data visualization solutions
![Page 6: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/6.jpg)
![Page 7: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/7.jpg)
![Page 8: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/8.jpg)
What Paul does for Honeywell
Designs Experiences Lead end-to-end UX strategy + design for data visualization solutions
Engage Sell Install Use Support Upgrade
Website
Demos
Purchase
License
Software
Physical
Web
Phone Updates
Versions
Add-on
![Page 9: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/9.jpg)
What Paul does for Honeywell
Designs Experiences Lead end-to-end UX strategy + design for data visualization solutions
Discover Define Develop Deliver
![Page 10: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/10.jpg)
What Paul does for Honeywell
Designs Experiences Lead end-to-end UX strategy + design for data visualization solutions
Marketing Engineering Designers
Leaders Users
Marcom
![Page 11: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/11.jpg)
What Paul does for Honeywell
Designs Experiences Lead end-to-end UX strategy + design for data visualization solutions
Marketing Engineering Designers
Training Leaders Users
Marcom
Sales
Operations
Installers
Tech support
Accounts
ePresence Tech Writers QA IT
![Page 12: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/12.jpg)
What Paul does for Honeywell
Leads Human Factors Research Principal Investigator: Abnormal Situation Management Consortium
![Page 13: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/13.jpg)
Human Factors + Experience
Cognitive
Perceptual
Physical
Social
Experience
![Page 14: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/14.jpg)
Information dashboard
![Page 15: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/15.jpg)
What is a dashboard?
A visual display of the most important information needed to
achieve one or more objectives, consolidated and arranged on
a single screen so the information can be monitored at a
glance (Few, 2013).
![Page 16: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/16.jpg)
What is a dashboard?
In other words:
It’s a high-level description of the things I care about –
except I only really care about what’s wrong… and I don’t
want to spend time looking at it. Clearly, I have more
important things to do.
![Page 17: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/17.jpg)
![Page 18: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/18.jpg)
![Page 19: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/19.jpg)
![Page 20: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/20.jpg)
Psychological nerdy talk
Cognition
Sensation The process of sensing our
environment through touch,
taste, sight, sound, and smell.
The process of receiving,
processing, storing, and
using information.
![Page 21: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/21.jpg)
Psychological nerdy talk
Cognition
retina memory
attention situation awareness
Sensation
![Page 22: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/22.jpg)
Retina light-sensitive layer of tissue lining the inner surface of the eye
![Page 23: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/23.jpg)
Retina
![Page 24: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/24.jpg)
Retina
Retina
![Page 25: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/25.jpg)
Retina
Retina
![Page 26: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/26.jpg)
Retina
Retina
![Page 27: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/27.jpg)
Retina
Rods
Cones
![Page 28: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/28.jpg)
Retina p
ho
tore
cep
tor
den
sity
cones
rods
fovea
Motion + low light Motion + low light detail + color high light
160k/mm2
![Page 29: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/29.jpg)
Retina
ph
oto
rece
pto
r d
ensi
ty
cones
rods
Short Medium Long
(Acuity)
Wavelength
fovea
![Page 30: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/30.jpg)
![Page 31: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/31.jpg)
1
2
3
4
5
6
7
8
Retina 10 colors (Healey, 1996)
![Page 32: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/32.jpg)
Retina
![Page 33: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/33.jpg)
Retina
ph
oto
rece
pto
r d
ensi
ty
cones
rods
Medium Long
Acuity
Short
![Page 34: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/34.jpg)
Retina
ph
oto
rece
pto
r d
ensi
ty
cones
rods
Short Medium Long
Acuity
![Page 35: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/35.jpg)
Retina
ph
oto
rece
pto
r d
ensi
ty
cones
rods
Short Medium Long
Acuity
![Page 36: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/36.jpg)
Retina
![Page 37: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/37.jpg)
Designing to support how we see color
Color We are most sensitive to red/yellow. They should be reserved for
important information.
Color #2 We are least sensitive to blue/violet. They should be reserved for
non-critical information.
Color deficiency Don’t rely specifically on color to convey a message. Rather, use
color as a redundant backup. Design in monochrome first.
![Page 38: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/38.jpg)
![Page 39: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/39.jpg)
![Page 40: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/40.jpg)
Psychological nerdy talk
Sensation Cognition
retina
memory
attention situation awareness
![Page 41: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/41.jpg)
Attention Ability to selectively process some information while ignoring others
(Johnston & Dark, 1986)
![Page 42: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/42.jpg)
Attention
ph
oto
rece
pto
r d
ensi
ty
cones
rods
Acuity
![Page 43: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/43.jpg)
Attention
![Page 44: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/44.jpg)
Attention
![Page 45: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/45.jpg)
Attention
![Page 46: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/46.jpg)
Attention
![Page 47: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/47.jpg)
Attention
Target Non-target
![Page 48: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/48.jpg)
Attention Noise!
![Page 49: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/49.jpg)
Attention Shape
![Page 50: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/50.jpg)
Attention Color
![Page 51: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/51.jpg)
Attention Size
![Page 52: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/52.jpg)
Attention Movement / Pulse
(Flashing)
![Page 53: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/53.jpg)
Attention Distractions
![Page 54: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/54.jpg)
Attention Many Distractions
![Page 55: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/55.jpg)
Designing to support attention
Redundant coding Use purposeful color and shape/motion to draw attention
Avoid clutter Avoid cluttering with large, meaningless pictures & 3D effects.
Increase consistency among objects
Support visual scanning through structure Use Gestalt principles to group object for meaningful scanning
![Page 56: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/56.jpg)
![Page 57: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/57.jpg)
Designing to support attention
![Page 58: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/58.jpg)
Designing to support attention
![Page 59: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/59.jpg)
Psychological nerdy talk
Sensation Cognition
retina
working
memory
attention situation awareness
![Page 60: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/60.jpg)
Ability to actively maintain task-relevant information in the service of a cognitive task
(Baddeley & Hitch, 1974)
Working memory
![Page 61: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/61.jpg)
Working memory
Central
Executive
Visuospatial
sketchpad
Phonological
loop
Long term
Memory
![Page 62: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/62.jpg)
Working memory
Central
Executive
Visuospatial
sketchpad (visual)
Phonological
loop (verbal)
Long term
Memory
![Page 63: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/63.jpg)
Working memory
![Page 64: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/64.jpg)
Working memory
How many rows of ?
![Page 65: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/65.jpg)
Working memory (task #1)
0 50 200
![Page 66: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/66.jpg)
Working memory (task #1)
Raise left hand If number is greater than 50
Raise right hand If number is less than 50
![Page 67: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/67.jpg)
50 - 1
![Page 68: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/68.jpg)
48 + 3
![Page 69: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/69.jpg)
150 / 4
![Page 70: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/70.jpg)
46.322 + 3.81
![Page 71: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/71.jpg)
1200 - 3 /100 +7
![Page 72: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/72.jpg)
(1200 – (3 /100)) +7
![Page 73: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/73.jpg)
Easy? Difficult?
![Page 74: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/74.jpg)
Working memory (task #2)
Which store sold the most oranges in June?
![Page 75: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/75.jpg)
April May June July
Bananas 94 84 93 52
Strawberries 51 67 84 85
Oranges 7 10 23 35
Kiwi 55 64 66 78
Apples 87 79 60 28
Pineapples 59 61 39 47
Coconuts 87 60 94 74
Total 440 425 459 399
Byerly’s Lunds Cub Rainbow Whole Foods
![Page 76: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/76.jpg)
April May June July
Bananas 58 68 23 11
Strawberries 72 61 37 12
Oranges 48 72 65 51
Kiwi 45 22 70 57
Apples 57 60 15 55
Pineapples 96 44 33 23
Coconuts 26 65 52 49
Total 402 392 295 258
Byerly’s Lunds Cub Rainbow Whole Foods
![Page 77: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/77.jpg)
April May June July
Bananas 60 3 20 35
Strawberries 81 60 57 98
Oranges 64 88 55 61
Kiwi 7 54 50 98
Apples 26 47 43 43
Pineapples 21 24 91 62
Coconuts 76 40 79 58
Total 335 316 395 455
Byerly’s Lunds Cub Rainbow Whole Foods
![Page 78: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/78.jpg)
April May June July
Bananas 1 67 26 77
Strawberries 70 89 1 53
Oranges 88 13 61 93
Kiwi 43 15 84 44
Apples 8 53 84 38
Pineapples 98 11 61 37
Coconuts 92 32 99 89
Total 400 280 416 431
Byerly’s Lunds Cub Rainbow Whole Foods
![Page 79: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/79.jpg)
April May June July
Bananas 2 47 91 65
Strawberries 74 84 68 100
Oranges 76 42 12 84
Kiwi 26 86 92 90
Apples 47 96 79 57
Pineapples 75 4 41 52
Coconuts 86 46 59 2
Total 386 405 442 450
Byerly’s Lunds Cub Rainbow Whole Foods
![Page 80: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/80.jpg)
Working memory (task #2)
Which store sold the most oranges in June?
![Page 81: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/81.jpg)
Designing to support working memory
Increase proximity Place related information in close proximity
Avoid interpretation Express important data directly and visually
Avoid excessive detail All unnecessary information results in the user having to filter
what’s important
Current Target
3.4590%
![Page 82: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/82.jpg)
Designing to support working memory
![Page 83: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/83.jpg)
Psychological nerdy talk
Sensation Cognition
retina
working
memory
attention situation awareness
![Page 84: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/84.jpg)
Comprehension, or understanding, of a dynamic environment
(Durso, Rawson, & Girotto, 2007)
Situation awareness
![Page 85: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/85.jpg)
Situation awareness
Perception Comprehension Projection
![Page 86: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/86.jpg)
Situation awareness
Perception Comprehension Projection
Perception of elements in time and/or space
Bananas Sold
45 Apples Sold
98 Oranges Sold
32
![Page 87: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/87.jpg)
Situation awareness
Perception Comprehension Projection
Comprehension of its meaning
Apples Sold 98 100 50 0
(count)
Bananas Sold 45
Oranges Sold 32
![Page 88: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/88.jpg)
Situation awareness
Perception Comprehension Projection
Projection of their future state
Dec Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov
0
25
50
75
100
Co
un
t
40 50 60 70 75 90 70 65 60 50 45 45
Bananas Sold
![Page 89: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/89.jpg)
Situation awareness
Perception Comprehension Projection
Projection of their future state
Dec Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov
0
25
50
75
100
Co
un
t
40 50 60 70 75 90 70 65 60 50 45 45
Bananas Sold
![Page 90: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/90.jpg)
BYERLY’S
Bananas
Strawberries
Oranges
Kiwi
Apples
Pineapples
Coconuts
94
51
7
55
87
59
87
Count YTD
LUNDS
Bananas
Strawberries
Oranges
Kiwi
Apples
Pineapples
Coconuts
94
51
58
55
7
59
87
Count YTD
BYERLY’S
Bananas
Strawberries
Oranges
Kiwi
Apples
Pineapples
Coconuts
94
51
7
55
87
59
87
Count YTD
RAINBOW
Bananas
Strawberries
Oranges
Kiwi
Apples
Pineapples
Coconuts
94
51
7
55
87
59
87
Count YTD
WHOLE FOODS
Bananas
Strawberries
Oranges
Kiwi
Apples
Pineapples
Coconuts
94
51
7
55
87
59
87
Count YTD
TOTAL FRUIT
L C R WF B
60
100
0
30
![Page 91: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/91.jpg)
Designing to support situation awareness
Single screen Remain within the boundaries of a single screen
Context Show where data has been and where it’s going
Leading indicators Display information about what will likely happen rather than
what already happened
1
![Page 92: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/92.jpg)
![Page 93: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/93.jpg)
![Page 94: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/94.jpg)
Wait.. what was that again?
![Page 95: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/95.jpg)
Designing to support color vision
Color We are most sensitive to red/yellow. They should be reserved for
important information.
Color #2 We are least sensitive to blue/violet. They should be reserved for
non-critical information.
Color deficiency Don’t rely specifically on color to convey a message. Rather, use
color as a redundant backup. Design in monochrome first.
![Page 96: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/96.jpg)
Designing to support attention
Redundant coding Use purposeful color and shape/motion to draw attention
Avoid clutter Avoid cluttering with large, meaningless pictures & 3D effects.
Increase consistency among objects
Support visual scanning Use Gestalt principles to group object for meaningful scanning
![Page 97: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/97.jpg)
Designing to support working memory
Proximity Put related information in close proximity
Avoid interpretation Express important data directly and visually
Avoid excessive detail All unnecessary information results in the viewer having to filter
what’s important
Current Target
3.4590%
![Page 98: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/98.jpg)
Designing to support situation awareness
Single screen Remain within the boundaries of a single screen
Context Show where data has been and where it’s going
Leading indicators Display information about what will likely happen rather than
what already happened
1
![Page 99: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/99.jpg)
![Page 100: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/100.jpg)
![Page 101: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/101.jpg)
![Page 102: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/102.jpg)
Guiding principles of dashboard design
![Page 103: August 2014 | Visualizing Data for People: A Human Factors Perspective](https://reader034.vdocuments.us/reader034/viewer/2022051609/547e6ff3b4af9fb4158b5615/html5/thumbnails/103.jpg)
AND I’m done.
Thanks :)