Innovative Interfaces: Transforming Data Into Insight

© 2008 Eva Kaniasty

Eva [email protected]

Innovative InterfacesTransforming data into insight

May 2008

04/12/23 © 2008 Eva Kaniasty. [email protected] 2

The age of Dynamic Visualization

04/12/23 © 2008 Eva Kaniasty. [email protected] 3

Why?

•Limited attention•Limited time•Limited domain knowledge

04/12/23 © 2008 Eva Kaniasty. [email protected] 4

Serial (Attentive) Search

•Limited Working Memory capacity•Limited Serial Processing capacity

04/12/23 © 2008 Eva Kaniasty. [email protected] 5

It’s WM(d?), stupid

Average IQ

0

20

40

60

80

100

120

Blue States Red States

*This was a hoax

04/12/23 © 2008 Eva Kaniasty. [email protected] 6

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.

04/12/23 © 2008 Eva Kaniasty. [email protected] 7

Parallel (Preattentive) Search

o Similarityo Proximityo Salience/Pop-outo Closure/Continuityo Symmetry/Alignmento Figure/Ground

Groupings

ComparisonsPatterns

Gestalt

04/12/23 © 2008 Eva Kaniasty. [email protected] 8

Discriminability & Attention

o Motion Detectiono Change Detectiono Color (especially for red,

yellow, green, and blue) o Size/Lengtho Orientationo Brightness

04/12/23 © 2008 Eva Kaniasty. [email protected] 9

Mapping data to image

o Variable Length (distinguishable steps)o Data Types

o Numerical (Ranked or Continuous)o Nominal (Categorical)

Green M, “Toward a Perceptual Science of Multidimensional Data Visualization: Bertin and Beyond.”

04/12/23 © 2008 Eva Kaniasty. [email protected] 10

Good Graph vs. Bad Graph

04/12/23 © 2008 Eva Kaniasty. [email protected] 11

What’s the question?

What should I do?What should I choose?

What should I buy?What would I like?

What if?

04/12/23 © 2008 Eva Kaniasty. [email protected] 12

What book should I read next?

Really?Gratuitous Graph

© 2008 Eva Kaniasty

Visualizing NumbersVisualizing Words

Visualizing Identity

© 2008 Eva Kaniasty

VisualizingNumbers

04/12/23 © 2008 Eva Kaniasty. [email protected] 15

Where is all my money going?

04/12/23 © 2008 Eva Kaniasty. [email protected] 16

Analysis

Mint.com

04/12/23 © 2008 Eva Kaniasty. [email protected] 17

Prediction

NYT.com

04/12/23 © 2008 Eva Kaniasty. [email protected] 18

Planning

Limited Domain Knowledge

No fun

04/12/23 © 2008 Eva Kaniasty. [email protected] 19

Planning

Fidelity myPlan

04/12/23 © 2008 Eva Kaniasty. [email protected] 20

Backcasting

© 2008 Eva Kaniasty

Visualizing Words

04/12/23 © 2008 Eva Kaniasty. [email protected] 22

Secondary Organizers

The Daily Show

04/12/23 © 2008 Eva Kaniasty. [email protected] 23

Salience

Newsmap

04/12/23 © 2008 Eva Kaniasty. [email protected] 24

Exploration/Discovery

LivePlasma

04/12/23 © 2008 Eva Kaniasty. [email protected] 25

Graph as user interface

NavigationOverview + Detail

Direct ManipulationImmediate Feedback

© 2008 Eva Kaniasty

Visualizing Identity

04/12/23 © 2008 Eva Kaniasty. [email protected] 27

Un-satisficing

04/12/23 © 2008 Eva Kaniasty. [email protected] 28

Satisficing

04/12/23 © 2008 Eva Kaniasty. [email protected] 29

Mental Shortcuts

iStorez.com

04/12/23 © 2008 Eva Kaniasty. [email protected] 30

Personas

Buzzilions

04/12/23 © 2008 Eva Kaniasty. [email protected] 31

Buzillions

Structuring the Subjective

04/12/23 © 2008 Eva Kaniasty. [email protected] 32

Applications

Decision-makingComparingPlanning

PredictingDiscovering

Detecting PatternsDescribing Relationships

Exploring

© 2008 Eva Kaniasty

The last word: Funology