Zee Kulsariyeva (80211) for Prague College Jan 2012
Data Visualization & Infographics for Web Design
UX
DataVis
Saturday, January 28, 12
Infographics
Data Visualization & Infographics for Web Design Rough Basics • Data and Information, the difference • Information Design inner relations History • It was always around • Tuftean Data Renaissance We have a situation here • Information overflow • Natural selection for design products: attention war • Winning factors • Hence: tada! Visuals Practices & Reality check • Objectives • Evaluation & Analysis • Restructuring information • Execution: choice of form and æsthetics
Saturday, January 28, 12
Rough Basics Data and Information, the difference
Data
Data + Context = Information
Saturday, January 28, 12
Rough Basics Information Design inner relations UX
DataVis
Saturday, January 28, 12
Infographics
Rough Basics Information Design inner relations UX
Dashboards, genome
Interactive infographics,
browsers, Google Maps,
infographic menus on websites
datavis apps, interactive statistics on websites
DataVis
Infographics
Infographics+DataVis
Saturday, January 28, 12
History It was always around
Stone age
Ancient Chinese
petroglyphs
pre-hieroglyphic writing
Medieval Tibetan
Medieval Pisa
mandala
map
Saturday, January 28, 12
History Tuftean Data Renaissance
Tufte: a fruit of his
Data-ink concept
Zeitgeist
Chartjunk
Saturday, January 28, 12
Lie factor
We Have a Situation Here Information overflow Natural selection for design products: attention war Winning factors Hence visuals
Saturday, January 28, 12
Practices and Reality Check
User objectives,
Understand your
patron objectives
source data: analysis
Seek for concepts,
Execute: choice
systems, stories,
of form and
instructions.
ĂŚsthetics
Then sort, categorize, organize, build hierarchy, prioritize, eliminate.
Saturday, January 28, 12