Successfully reported this slideshow.
Your SlideShare is downloading. ×

Innovative Interfaces: Transforming Data Into Insight

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 33 Ad

More Related Content

Similar to Innovative Interfaces: Transforming Data Into Insight (20)

Advertisement

Recently uploaded (20)

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

Editor's Notes

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

×