Innovative Interfaces: Transforming Data Into Insight

33
© 2008 Eva Kaniasty Eva Kaniasty [email protected] Innovative Interfaces Transforming data into insight May 2008

description

Presented at the 2008 Boston UPA conference

Transcript of Innovative Interfaces: Transforming Data Into Insight

Page 1: Innovative Interfaces:  Transforming Data Into Insight

© 2008 Eva Kaniasty

Eva [email protected]

Innovative InterfacesTransforming data into insight

May 2008

Page 2: Innovative Interfaces:  Transforming Data Into Insight

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

The age of Dynamic Visualization

Page 3: Innovative Interfaces:  Transforming Data Into Insight

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

Why?

•Limited attention•Limited time•Limited domain knowledge

Page 4: Innovative Interfaces:  Transforming Data Into Insight

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

Serial (Attentive) Search

•Limited Working Memory capacity•Limited Serial Processing capacity

Page 5: Innovative Interfaces:  Transforming Data Into Insight

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

Page 6: Innovative Interfaces:  Transforming Data Into Insight

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.

Page 7: Innovative Interfaces:  Transforming Data Into Insight

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

Page 8: Innovative Interfaces:  Transforming Data Into Insight

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

Page 9: Innovative Interfaces:  Transforming Data Into Insight

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.”

Page 10: Innovative Interfaces:  Transforming Data Into Insight

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

Good Graph vs. Bad Graph

Page 11: Innovative Interfaces:  Transforming Data Into Insight

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?

Page 12: Innovative Interfaces:  Transforming Data Into Insight

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

What book should I read next?

Really?Gratuitous Graph

Page 13: Innovative Interfaces:  Transforming Data Into Insight

© 2008 Eva Kaniasty

Visualizing NumbersVisualizing Words

Visualizing Identity

Page 14: Innovative Interfaces:  Transforming Data Into Insight

© 2008 Eva Kaniasty

VisualizingNumbers

Page 15: Innovative Interfaces:  Transforming Data Into Insight

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

Where is all my money going?

Page 16: Innovative Interfaces:  Transforming Data Into Insight

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

Analysis

Mint.com

Page 17: Innovative Interfaces:  Transforming Data Into Insight

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

Prediction

NYT.com

Page 18: Innovative Interfaces:  Transforming Data Into Insight

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

Planning

Limited Domain Knowledge

No fun

Page 19: Innovative Interfaces:  Transforming Data Into Insight

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

Planning

Fidelity myPlan

Page 20: Innovative Interfaces:  Transforming Data Into Insight

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

Backcasting

Page 21: Innovative Interfaces:  Transforming Data Into Insight

© 2008 Eva Kaniasty

Visualizing Words

Page 22: Innovative Interfaces:  Transforming Data Into Insight

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

Secondary Organizers

The Daily Show

Page 23: Innovative Interfaces:  Transforming Data Into Insight

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

Salience

Newsmap

Page 24: Innovative Interfaces:  Transforming Data Into Insight

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

Exploration/Discovery

LivePlasma

Page 25: Innovative Interfaces:  Transforming Data Into Insight

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

Graph as user interface

NavigationOverview + Detail

Direct ManipulationImmediate Feedback

Page 26: Innovative Interfaces:  Transforming Data Into Insight

© 2008 Eva Kaniasty

Visualizing Identity

Page 27: Innovative Interfaces:  Transforming Data Into Insight

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

Un-satisficing

Page 28: Innovative Interfaces:  Transforming Data Into Insight

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

Satisficing

Page 29: Innovative Interfaces:  Transforming Data Into Insight

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

Mental Shortcuts

iStorez.com

Page 30: Innovative Interfaces:  Transforming Data Into Insight

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

Personas

Buzzilions

Page 31: Innovative Interfaces:  Transforming Data Into Insight

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

Buzillions

Structuring the Subjective

Page 32: Innovative Interfaces:  Transforming Data Into Insight

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

Applications

Decision-makingComparingPlanning

PredictingDiscovering

Detecting PatternsDescribing Relationships

Exploring

Page 33: Innovative Interfaces:  Transforming Data Into Insight

© 2008 Eva Kaniasty

The last word: Funology