Information Visualization - not just eye candy

6,975 views
6,651 views

Published on

Presentation given at UXCampEurope 2010 in Berlin.

Published in: Education, Technology, Design
0 Comments
25 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
6,975
On SlideShare
0
From Embeds
0
Number of Embeds
642
Actions
Shares
0
Downloads
0
Comments
0
Likes
25
Embeds 0
No embeds

No notes for slide

Information Visualization - not just eye candy

  1. Information Visuali z ation - not just eye candy 29 th May 2010 | UXCampEurope Jan Srutek |@JanSru
  2. Information Overload ? http://www.flickr.com/photos/artemuestra/2941677924/
  3. Data vs. Information <ul><li>Data Information </li></ul>http://www.flickr.com/photos/glasslife/179975975/ - Objective facts about the world - Relevant facts with meaning - Product of human mind
  4. Data overload <ul><li>Google processing daily </li></ul><ul><li>2008: 20 PB of data </li></ul><ul><li>2009: 25 PB of data </li></ul>http://www.flickr.com/photos/glasslife/179975975/
  5. What the heck is … <ul><li>Information Visualization (InfoVis) </li></ul><ul><li>- computer-supported, </li></ul><ul><li>- interactive, </li></ul><ul><li>- visual representations, </li></ul><ul><li>- of abstract data </li></ul><ul><li>… to amplify cognition </li></ul>
  6. This is an InfoVis tool From: www.londonair.org.uk/london/asp/virtualmaps.asp
  7. This is NOT InfoVis tool http://www.flickr.com/photos/gdsdigital/4514262548/
  8. Communicating visually <ul><li>Table </li></ul>
  9. Communicating visually
  10. Amplifying cognition Images are processed in parallel
  11. Pre-attentive processing <ul><li>7 2 6 7 7 0 0 9 7 5 7 2 1 1 0 0 1 0 9 2 0 8 8 0 2 9 4 4 7 3 9 4 6 0 1 6 9 2 7 6 1 5 5 6 7 8 2 0 7 0 3 4 5 3 2 1 4 3 5 3 6 1 4 2 9 8 3 1 1 1 8 0 7 9 6 1 5 4 1 8 6 8 6 0 </li></ul>
  12. Pre-attentive processing <ul><li>7 2 6 7 7 0 0 9 7 5 7 2 1 1 0 0 1 0 9 2 0 8 8 0 2 9 4 4 7 3 9 4 6 0 1 6 9 2 7 6 1 5 5 6 7 8 2 0 7 0 3 4 5 3 2 1 4 3 5 3 6 1 4 2 9 8 3 1 1 1 8 0 7 9 6 1 5 4 1 8 6 8 6 0 </li></ul>
  13. InfoVis in the past http://www.flickr.com/photos/luthercollegearchives/1485788252/ Domain of academic research InfoVis tools created in labs
  14. Commercial implementations From: www.smartmoney.com/map-of-the-market
  15. Commercial implementations From: spotfire.tibco.com
  16. InfoVis today <ul><li>From: www.visualcomplexity.com </li></ul>
  17. Google Charting API From: code.google.com/intl/cs/apis/charttools/index.html
  18. Chartjunk From: www.guardian.co.uk/news/datablog
  19. Chartjunk http://www.flickr.com/photos/philgyford/4505748943/
  20. What about the users ? <ul><li>From: www.happywebbies.com </li></ul>
  21. InfoVis interaction experience <ul><li>Interface manipulation activities </li></ul><ul><li>Sense-making activities </li></ul>
  22. InfoVis interaction experience <ul><li>Interface manipulation activities </li></ul><ul><li>Sense-making activities </li></ul><ul><li>Insight, positive experience </li></ul>[in uninterrupted harmony]
  23. Evaluating InfoVis <ul><li>Challenge one: </li></ul><ul><li>What are the evaluation criteria ? </li></ul>
  24. Evaluating InfoVis <ul><li>Challenge one: </li></ul><ul><li>What are the evaluation criteria ? </li></ul><ul><li>Insight? </li></ul><ul><li>But how to measure it? </li></ul>
  25. Evaluating InfoVis <ul><li>Challenge two: </li></ul><ul><li>What evaluation methods to use? </li></ul>
  26. Evaluating InfoVis Challenge three: Subjectivity of the InfoVis experience
  27. Summary <ul><li>Visual communication is powerful </li></ul><ul><li>- More InfoVis tools in future </li></ul><ul><li>InfoVis designs need validating </li></ul><ul><li>“ just because it’s graphical, doesn’t mean it’s useful” </li></ul><ul><li>Evaluating InfoVis experience is problematic </li></ul><ul><li>- We need specific evaluation methods and performance criteria </li></ul>
  28. Learn more <ul><li>Card, S. K., Mackinlay, J. D., & Shneiderman, B. (1999). Readings in Information Visualization. </li></ul><ul><li>Morgan Kaufmann </li></ul><ul><li>Checkland, P., & Holwell, S. (1998). Information, Systems, and Information Systems. </li></ul><ul><li>John Wiley and Sons </li></ul><ul><li>Faisal, S. (2008). From tool to instrument: An experiential analysis of interacting with Information Visualization. (PhD Thesis at University College London Interaction Centre, 2008) </li></ul><ul><li>Few, S. (2006). Information Dashboard Design. O'Reilly </li></ul><ul><li>Spence, R. (2007). Information Visualization : Design for Interaction (2 nd ed.) . Prentice Hall </li></ul><ul><li>Tufte, E. R. (1995). Envisioning information. Graphics Press </li></ul><ul><li>Ware, C. (2004). Information Visualization: Perception for Design. Morgan Kaufmann </li></ul>
  29. Thank you <ul><li>Questions ? </li></ul>Twitter me! @JanSru

×