Information Visuali z ation - not just eye candy 29 th  May 2010 | UXCampEurope     Jan Srutek  |@JanSru
Information Overload ? http://www.flickr.com/photos/artemuestra/2941677924/
Data vs. Information <ul><li>Data Information </li></ul>http://www.flickr.com/photos/glasslife/179975975/ - Objective fact...
Data overload <ul><li>Google processing daily </li></ul><ul><li>2008:  20 PB of data </li></ul><ul><li>2009:   25 PB   of ...
What the heck is … <ul><li>Information Visualization  (InfoVis) </li></ul><ul><li>- computer-supported,  </li></ul><ul><li...
This is  an  InfoVis tool From: www.londonair.org.uk/london/asp/virtualmaps.asp
This is NOT InfoVis tool http://www.flickr.com/photos/gdsdigital/4514262548/
Communicating visually <ul><li>Table </li></ul>
Communicating visually
Amplifying cognition Images are processed in parallel
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...
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   ...
InfoVis in the past http://www.flickr.com/photos/luthercollegearchives/1485788252/ Domain of academic research InfoVis too...
Commercial implementations From: www.smartmoney.com/map-of-the-market
Commercial implementations From: spotfire.tibco.com
InfoVis today <ul><li>From: www.visualcomplexity.com </li></ul>
Google Charting API From:   code.google.com/intl/cs/apis/charttools/index.html
Chartjunk From:   www.guardian.co.uk/news/datablog
Chartjunk http://www.flickr.com/photos/philgyford/4505748943/
What about the users ? <ul><li>From:   www.happywebbies.com </li></ul>
InfoVis interaction experience <ul><li>Interface manipulation activities </li></ul><ul><li>Sense-making activities </li></ul>
InfoVis interaction experience <ul><li>Interface manipulation activities </li></ul><ul><li>Sense-making activities </li></...
Evaluating InfoVis <ul><li>Challenge one:   </li></ul><ul><li>What are the evaluation criteria ? </li></ul>
Evaluating InfoVis <ul><li>Challenge one:   </li></ul><ul><li>What are the evaluation criteria ? </li></ul><ul><li>Insight...
Evaluating InfoVis <ul><li>Challenge two:   </li></ul><ul><li>What evaluation methods to use? </li></ul>
Evaluating InfoVis Challenge three:   Subjectivity of the InfoVis experience
Summary <ul><li>Visual communication is powerful </li></ul><ul><li>-  More InfoVis tools in future </li></ul><ul><li>InfoV...
Learn more <ul><li>Card, S. K., Mackinlay, J. D., & Shneiderman, B. (1999). Readings in Information Visualization.  </li><...
Thank you <ul><li>Questions ? </li></ul>Twitter me!  @JanSru
Upcoming SlideShare
Loading in...5
×

Information Visualization - not just eye candy

5,352

Published on

Presentation given at UXCampEurope 2010 in Berlin.

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

No Downloads
Views
Total Views
5,352
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
26
Embeds 0
No embeds

No notes for slide

Transcript of "Information Visualization - not just eye candy"

  1. 1. Information Visuali z ation - not just eye candy 29 th May 2010 | UXCampEurope Jan Srutek |@JanSru
  2. 2. Information Overload ? http://www.flickr.com/photos/artemuestra/2941677924/
  3. 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. 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. 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. 6. This is an InfoVis tool From: www.londonair.org.uk/london/asp/virtualmaps.asp
  7. 7. This is NOT InfoVis tool http://www.flickr.com/photos/gdsdigital/4514262548/
  8. 8. Communicating visually <ul><li>Table </li></ul>
  9. 9. Communicating visually
  10. 10. Amplifying cognition Images are processed in parallel
  11. 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. 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. 13. InfoVis in the past http://www.flickr.com/photos/luthercollegearchives/1485788252/ Domain of academic research InfoVis tools created in labs
  14. 14. Commercial implementations From: www.smartmoney.com/map-of-the-market
  15. 15. Commercial implementations From: spotfire.tibco.com
  16. 16. InfoVis today <ul><li>From: www.visualcomplexity.com </li></ul>
  17. 17. Google Charting API From: code.google.com/intl/cs/apis/charttools/index.html
  18. 18. Chartjunk From: www.guardian.co.uk/news/datablog
  19. 19. Chartjunk http://www.flickr.com/photos/philgyford/4505748943/
  20. 20. What about the users ? <ul><li>From: www.happywebbies.com </li></ul>
  21. 21. InfoVis interaction experience <ul><li>Interface manipulation activities </li></ul><ul><li>Sense-making activities </li></ul>
  22. 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. 23. Evaluating InfoVis <ul><li>Challenge one: </li></ul><ul><li>What are the evaluation criteria ? </li></ul>
  24. 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. 25. Evaluating InfoVis <ul><li>Challenge two: </li></ul><ul><li>What evaluation methods to use? </li></ul>
  26. 26. Evaluating InfoVis Challenge three: Subjectivity of the InfoVis experience
  27. 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. 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. 29. Thank you <ul><li>Questions ? </li></ul>Twitter me! @JanSru

×