Beruflich Dokumente
Kultur Dokumente
& INFOGRAPHICS
WHAT IS DATA
VISUALIZATION?
A visual representation of data that communicates information
WHAT IS DATA
VISUALIZATION?
Can be static or dynamic
Static:
WHAT IS DATA
VISUALIZATION?
Can be static or dynamic
Dynamic:
http://hint.fm/wind/
http://map.norsecorp.com/
WHAT ARE
INFOGRAPHICS?
Infographics are a visual representation of data that display
information to tell a story or make connections within the data.
Typically static
WHATS THE
DIFFERENCE?
Data Visualization
Infographics
Static or dynamic
Static
DATA CODES
Different dimensions can be used to code different attributes of data
Example: height, width, area, length, color, shapes
Preattentive Attributes
MAXIMIZE DATA,
MINIMIZE INK
Provide as much information as possible in a simple and
understandable manner while minimizing ink
Data-ink ratio (Tufte, 2001)
bad
MAXIMIZE DATA,
MINIMIZE INK
MINIMIZE MENTAL
OPERATIONS
Minimize searching, encoding, and comparing data
More mental operations lead to the slower interpretation and chances for
interpretation errors
MINIMIZE MENTAL
OPERATIONS
Cluttered graphs slow visual search
Extra information & visuals (background images, 3D)
MINIMIZE MENTAL
OPERATIONS
Maintain consistency between separate graphs
UX REPORTING
Once you collect data and analyze its important to get your insights
about design recommendations to the team before redesign
How will you display your data?
UX REPORTING
Show video clips of users encountering UX issues
Organize large sets of qualitative data using affinity diagrams
UX REPORTING
Data visualization can change depending on your audience
Executive might want high level reports (e.g., infograph)
Team may want specifics
ANALYTICS
Assess the data that we have to identify insights that help drive
decision making
Insights come from identifying patterns in data
Example: Dig into the data to inform design decisions
APPLIED QUESTION
What best practices or data visualization principles would you apply
to display data from multiple subjective outcome variables in which
you assessed the users responses on a scale from 1 (Extremely low) to
7 (Extremely high)?
Indicate the purpose of your visualization, describe how you would minimize mental
operators of your audience, describe how you would handle multiple graphs, and
justify your choice of data codes in your data visualization.
Example questions:
How do you rate your fatigue while using keyboard A? Keyboard B?
Rate the readability of keyboard keys for keyboard A? Keyboard B?
REFERENCES
Few, S. (2006).Information dashboard design. O'Reilly.
Healey, C. G. (1996). Effective visualization of large multidimensional datasets
(Doctoral dissertation). Retrieved from http://www.csc.ncsu.edu/faculty/
healey/download/phd.pdf
Tufte, E. R., & Graves-Morris, P. R. (1983).The visual display of quantitative
information(Vol. 2, No. 9). Cheshire, CT: Graphics press.
Wickens, C. D. (1992).Engineering psychology and human performance.
HarperCollins Publishers.