Innovative Interfaces Transforming data into insight Eva Kaniasty [email_address] May 2008

The age of Dynamic Visualization

Why? Limited attention Limited time Limited domain knowledge

Limited attention

Limited time

Limited domain knowledge

Serial (Attentive) Search Limited Working Memory capacity Limited Serial Processing capacity

Limited Working Memory capacity

Limited Serial Processing capacity

It’s WM(d?), stupid *This was a hoax

What’s a graph? Dictionary.com: A diagram representing a system of connections or interrelations among two or more things by a number of distinctive dots, lines, bars, etc.

Dictionary.com:

A diagram representing a system of connections or interrelations among two or more things by a number of distinctive dots, lines, bars, etc.

Parallel (Preattentive) Search Similarity Proximity Salience/Pop-out Closure/Continuity Symmetry/Alignment Figure/Ground Groupings Comparisons Patterns Gestalt

Similarity

Proximity

Salience/Pop-out

Closure/Continuity

Symmetry/Alignment

Figure/Ground

Discriminability & Attention Motion Detection Change Detection Color (especially for red, yellow, green, and blue) Size/Length Orientation Brightness

Motion Detection

Change Detection

Color (especially for red, yellow, green, and blue)

Size/Length

Orientation

Brightness

Mapping data to image Variable Length (distinguishable steps) Data Types Numerical (Ranked or Continuous) Nominal (Categorical) Green M, “Toward a Perceptual Science of Multidimensional Data Visualization: Bertin and Beyond.”

Variable Length (distinguishable steps)

Data Types

Numerical (Ranked or Continuous)

Nominal (Categorical)

Good Graph vs. Bad Graph

What’s the question? What should I do? What should I choose? What should I buy? What would I like? What if?

What should I do?

What should I choose?

What should I buy?

What would I like?

What if?

What book should I read next? Really? Gratuitous Graph

Really?

Visualizing Numbers Visualizing Words Visualizing Identity

Visualizing Numbers

Where is all my money going?

Analysis Mint.com

Prediction NYT.com

Planning Limited Domain Knowledge No fun

Planning Fidelity myPlan

Backcasting

Visualizing Words

Secondary Organizers The Daily Show

Salience Newsmap

Exploration/Discovery LivePlasma

Graph as user interface Navigation Overview + Detail Direct Manipulation Immediate Feedback

Visualizing Identity

Un-satisficing

Satisficing

Mental Shortcuts iStorez.com

Personas Buzzilions

Structuring the Subjective Buzillions

Applications Decision-making Comparing Planning Predicting Discovering Detecting Patterns Describing Relationships Exploring

Decision-making

Comparing

Planning

Predicting

Discovering

Detecting Patterns

Describing Relationships

Exploring

The last word: Funology