Innovative Interfaces Transforming data into insight  Eva Kaniasty [email_address] May 2008
The age of Dynamic Visualization
Why? <ul><li>Limited attention </li></ul><ul><li>Limited time </li></ul><ul><li>Limited domain knowledge </li></ul>
Serial (Attentive) Search <ul><li>Limited Working Memory capacity </li></ul><ul><li>Limited Serial Processing capacity </l...
It’s WM(d?), stupid *This was a hoax
What’s a graph? <ul><li>Dictionary.com:  </li></ul><ul><li>A diagram representing a system of connections or  interrelatio...
Parallel (Preattentive) Search <ul><li>Similarity </li></ul><ul><li>Proximity </li></ul><ul><li>Salience/Pop-out </li></ul...
Discriminability & Attention <ul><li>Motion Detection </li></ul><ul><li>Change Detection </li></ul><ul><li>Color (especial...
Mapping data to image <ul><li>Variable Length (distinguishable steps) </li></ul><ul><li>Data Types </li></ul><ul><ul><li>N...
Good Graph vs. Bad Graph
What’s the question? <ul><ul><li>What should I do? </li></ul></ul><ul><ul><li>What should I choose?  </li></ul></ul><ul><u...
What book should I read next? <ul><ul><li>Really? </li></ul></ul>Gratuitous Graph
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 <ul><li>Decision-making </li></ul><ul><li>Comparing </li></ul><ul><li>Planning </li></ul><ul><li>Predicting <...
The last word:  Funology
Upcoming SlideShare
Loading in …5
×

Innovative Interfaces: Transforming Data Into Insight

3,133 views

Published on

Presented at the 2008 Boston UPA conference

Published in: Technology
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,133
On SlideShare
0
From Embeds
0
Number of Embeds
76
Actions
Shares
0
Downloads
81
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide
  • Today I wanted to talk to you about some innovative interfaces that I’ve seen on the web. It’s not a coincidence that most of these interfaces happen to various types of visualizations or graphs. I will talk about why I think this is the case, and why visualization is becoming more important as users gain access to more information and data.
  • Innovative Interfaces: Transforming Data Into Insight

    1. 1. Innovative Interfaces Transforming data into insight Eva Kaniasty [email_address] May 2008
    2. 2. The age of Dynamic Visualization
    3. 3. Why? <ul><li>Limited attention </li></ul><ul><li>Limited time </li></ul><ul><li>Limited domain knowledge </li></ul>
    4. 4. Serial (Attentive) Search <ul><li>Limited Working Memory capacity </li></ul><ul><li>Limited Serial Processing capacity </li></ul>
    5. 5. It’s WM(d?), stupid *This was a hoax
    6. 6. What’s a graph? <ul><li>Dictionary.com: </li></ul><ul><li>A diagram representing a system of connections or interrelations among two or more things by a number of distinctive dots, lines, bars, etc. </li></ul>
    7. 7. Parallel (Preattentive) Search <ul><li>Similarity </li></ul><ul><li>Proximity </li></ul><ul><li>Salience/Pop-out </li></ul><ul><li>Closure/Continuity </li></ul><ul><li>Symmetry/Alignment </li></ul><ul><li>Figure/Ground </li></ul>Groupings Comparisons Patterns Gestalt
    8. 8. Discriminability & Attention <ul><li>Motion Detection </li></ul><ul><li>Change Detection </li></ul><ul><li>Color (especially for red, yellow, green, and blue) </li></ul><ul><li>Size/Length </li></ul><ul><li>Orientation </li></ul><ul><li>Brightness </li></ul>
    9. 9. Mapping data to image <ul><li>Variable Length (distinguishable steps) </li></ul><ul><li>Data Types </li></ul><ul><ul><li>Numerical (Ranked or Continuous) </li></ul></ul><ul><ul><li>Nominal (Categorical) </li></ul></ul>Green M, “Toward a Perceptual Science of Multidimensional Data Visualization: Bertin and Beyond.”
    10. 10. Good Graph vs. Bad Graph
    11. 11. What’s the question? <ul><ul><li>What should I do? </li></ul></ul><ul><ul><li>What should I choose? </li></ul></ul><ul><ul><li>What should I buy? </li></ul></ul><ul><ul><li>What would I like? </li></ul></ul><ul><ul><li>What if? </li></ul></ul>
    12. 12. What book should I read next? <ul><ul><li>Really? </li></ul></ul>Gratuitous Graph
    13. 13. Visualizing Numbers Visualizing Words Visualizing Identity
    14. 14. Visualizing Numbers
    15. 15. Where is all my money going?
    16. 16. Analysis Mint.com
    17. 17. Prediction NYT.com
    18. 18. Planning Limited Domain Knowledge No fun
    19. 19. Planning Fidelity myPlan
    20. 20. Backcasting
    21. 21. Visualizing Words
    22. 22. Secondary Organizers The Daily Show
    23. 23. Salience Newsmap
    24. 24. Exploration/Discovery LivePlasma
    25. 25. Graph as user interface Navigation Overview + Detail Direct Manipulation Immediate Feedback
    26. 26. Visualizing Identity
    27. 27. Un-satisficing
    28. 28. Satisficing
    29. 29. Mental Shortcuts iStorez.com
    30. 30. Personas Buzzilions
    31. 31. Structuring the Subjective Buzillions
    32. 32. Applications <ul><li>Decision-making </li></ul><ul><li>Comparing </li></ul><ul><li>Planning </li></ul><ul><li>Predicting </li></ul><ul><li>Discovering </li></ul><ul><li>Detecting Patterns </li></ul><ul><li>Describing Relationships </li></ul><ul><li>Exploring </li></ul>
    33. 33. The last word: Funology

    ×