Information Design for Web Design

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