Designing for Collaboration Challenges and Considerations of Multi-Use Information Visualization Tools Stephanie Gokhman A...
Overview <ul><li>Introduction : What is Re:Flex? Why Wikipedia?
Literature Review : What do we know about building systems to support collaboration through visualizations?
Methods : How do we expose the considerations in designing information visualization tools for collaboration?
Results & Discussion : What did we find and how does this give us insight into collaborative information visualization too...
Future Work </li></ul>
 
 
 
Information Visualizations to Support Collaboration <ul>What are the steps to appropriately design information visualizati...
Re:Flex: The Big Picture <ul><li>Communicative Practices in Virtual Workspaces Lab
Set of tools to expose and visualize the relationships between editors and editors and editors and articles on Wikipedia
Focused on the types of work present in the Wikipedia community
Help Wikipedians recognize and value work in the Wikipedia community </li></ul>
Why Wikipedia? <ul><li>Largest freely accessible online collaboration
Largest, most popular reference work on the Internet, according to Alexa Statistics 1
Characteristics of other collaborative spaces which these visualizations display </li><ul><li>Relationships Edit histories...
User pages Negotiation </li></ul><li>Multiplicity of potential spaces where information visualization would serve as meani...
The BIGGER Picture:  Beyond Wikipedia <ul>Allow large data sets, specifically edit histories, to be explored by many contr...
observe patterns
make comparisons through visualizations
further understanding the community that has generated the body of knowledge </li></ul></ul>
Beyond Wikipedia <ul><li>Underlying principles of Re:Flex serve a basic need across a number of collaborative technologies
Could be applied to other popular contributor systems:  </li><ul><li>Quora 1
GitHub 2
TED Conversations 3 </li></ul></ul>1.  http://www.quora.com 2.  https://www.github.com 3.  http://www.ted.com/conversation...
Information Visualizations  to Support Collaboration <ul><li>As collaborative technologies increase in attention and preva...
Upcoming SlideShare
Loading in …5
×

Designing for Collaboration: Challenges & Considerations of Multi-Use Information Visualization Tools

743 views
661 views

Published on

Slides assembled for Human Centered Design & Engineering Preliminary Exam talk at the University of Washington Allen Library Auditorium 4.8.2011.

Thanks to Mark Zachry, David McDonald, Elly Searle, Carol Allen, and NSF IIS-0811210.

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

  • Be the first to like this

No Downloads
Views
Total views
743
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Designing for Collaboration: Challenges & Considerations of Multi-Use Information Visualization Tools

  1. 1. Designing for Collaboration Challenges and Considerations of Multi-Use Information Visualization Tools Stephanie Gokhman April 8, 2011 Allen Library
  2. 2. Overview <ul><li>Introduction : What is Re:Flex? Why Wikipedia?
  3. 3. Literature Review : What do we know about building systems to support collaboration through visualizations?
  4. 4. Methods : How do we expose the considerations in designing information visualization tools for collaboration?
  5. 5. Results & Discussion : What did we find and how does this give us insight into collaborative information visualization tools?
  6. 6. Future Work </li></ul>
  7. 10. Information Visualizations to Support Collaboration <ul>What are the steps to appropriately design information visualization tools to support collaboration? </ul>
  8. 11. Re:Flex: The Big Picture <ul><li>Communicative Practices in Virtual Workspaces Lab
  9. 12. Set of tools to expose and visualize the relationships between editors and editors and editors and articles on Wikipedia
  10. 13. Focused on the types of work present in the Wikipedia community
  11. 14. Help Wikipedians recognize and value work in the Wikipedia community </li></ul>
  12. 15. Why Wikipedia? <ul><li>Largest freely accessible online collaboration
  13. 16. Largest, most popular reference work on the Internet, according to Alexa Statistics 1
  14. 17. Characteristics of other collaborative spaces which these visualizations display </li><ul><li>Relationships Edit histories Conflict
  15. 18. User pages Negotiation </li></ul><li>Multiplicity of potential spaces where information visualization would serve as meaningful tools </li></ul>
  16. 19. The BIGGER Picture: Beyond Wikipedia <ul>Allow large data sets, specifically edit histories, to be explored by many contributors collectively and individually </ul><ul><ul><li>view data in context
  17. 20. observe patterns
  18. 21. make comparisons through visualizations
  19. 22. further understanding the community that has generated the body of knowledge </li></ul></ul>
  20. 23. Beyond Wikipedia <ul><li>Underlying principles of Re:Flex serve a basic need across a number of collaborative technologies
  21. 24. Could be applied to other popular contributor systems: </li><ul><li>Quora 1
  22. 25. GitHub 2
  23. 26. TED Conversations 3 </li></ul></ul>1. http://www.quora.com 2. https://www.github.com 3. http://www.ted.com/conversations
  24. 27. Information Visualizations to Support Collaboration <ul><li>As collaborative technologies increase in attention and prevalence, there exists a blossoming design space for information visualization tools built for collaborative environments
  25. 28. The complexity of collaborative spaces reveals a large number of tensions within this design space that have not been fully explored
  26. 29. What are the steps to appropriately design information visualization tools for collaboration? </li></ul>
  27. 30. Informing the Design of Re:Flex <ul><li>What are the salient activity types?
  28. 31. What are the fundamental data types?
  29. 32. What are the biases of the users of Wikipedia?
  30. 33. What relationships do the users want to see visualized?
  31. 34. What relationships do the users need to see visualized? </li></ul>
  32. 35. Methodology <ul>Interview, Wants/Needs analysis <ul><li>Informed visualizations built by a graphic designer from the Information School </li></ul>Surveyed 100+ Wikipedians </ul><ul><ul><li>Visual comparisons of the same data or problem space to compare two different designs on the same issue
  33. 36. Represented the multiple dimensions of value and different kinds of data, specifically focused on addressing a contributor as a valued member of the community or a vandal </li></ul></ul>
  34. 37. Synthesis of Interviews: Uncovering Salient Data and Action Types <ul>Actions: <ul><li>Content creation
  35. 38. Vandal-fighting
  36. 39. Quality control
  37. 40. Reversion
  38. 41. Appreciation </li></ul></ul><ul>Data Types: <ul><li>Editor
  39. 42. Total Number of edits by editor
  40. 43. Articles
  41. 44. Barnstars
  42. 45. Namespaces </li></ul></ul>
  43. 46. Graphical Test Bed <ul><li>Visual metaphor to convey relationships and dynamics as well as potentially tell stories and provide grist for evaluation and hypotheses </li></ul><ul><li>Represented the multiple dimensions of value and different kinds of data, specifically focused on addressing a contributor as a valued member of the community or a vandal </li></ul><ul><li>Questions focused on visual comparisons of the same data or problem space to compare two different designs on the same issue </li></ul>
  44. 47. Graphical Test Bed <ul>Word cloud representing frequency of interaction by users </ul>
  45. 48. Graphical Test Bed <ul>Storytelling graphic representing frequency of interaction of users, including the awarding of markers of appreciation called barnstars. </ul>
  46. 49. Graphical Test Bed <ul>Bar chart representing interaction of user through markers of appreciation called barnstars, thanks and reversion. </ul>
  47. 50. Graphical Test Bed Storytelling graphic representing interaction of user through markers of appreciation called barnstars, thanks and reversion.
  48. 51. Results: Self-Perception and Visual Effectiveness <ul>Quantitative results demonstrated a dichotomy we refer to as “preference vs performance” Qualitative results demonstrated self-perception and social constraints </ul>
  49. 52. 43 % 57 % Results: Preference vs Performance
  50. 53. Results: Preference vs. Performance preferred <ul>49.12% </ul>preferred <ul>42.10% </ul><ul>8.10% Can't Decide </ul>
  51. 54. Preference vs. Performance Of the respondents who determined the “Tree” elicited the most understanding only 50% interpreted the display correctly.
  52. 55. Describing the Numbers <ul><li>“ The social aspect part of your chart isn't something I look at much now, mostly because it's not easy to identify.“ </li></ul>“ You don't really care about the precise numbers - just the impression” “ [The bar chart]'s simpler; the tree is just ... I don't know. Odd. :-)” “ We learned graphs in school since we were all little and the tree does nto look serious and very hard to under stand. “ “ The tree is offensive because it makes me feel like a pre-schooler learning how to say the alphabet (A is for apple, B is for butterfly)...” “ I'm a follower of Edward Tufte not a member of the Tufty Club”
  53. 56. Discussion: Lessons from the Wikipedia community <ul><li>Identified activities that are most valuable to the collaborative effort
  54. 57. Identified data types which constitute these activities (basis for both calculation and low level representation)
  55. 58. Identified biases of the collaborative community
  56. 59. Usage patterns and potential trajectories for system development </li></ul>
  57. 60. Future Work <ul><li>Develop neutral representations of interaction for visualizations
  58. 61. Iteration of survey to validate effectiveness of updated visualizations
  59. 62. Integrate into collaborative information visualization toolset, Re:Flex </li></ul>
  60. 63. Questions? Stephanie Gokhman [email_address] Mark Zachry David McDonald Elly Searle Babby Carol Allen Travis Kriplean Ivan Bestachnick Alena Benson Toni Ferro Katie Derthick Special Thanks to: NSF Grant #NSF IIS-0811210

×