1 / 33

Computer-Mediated Communication

Computer-Mediated Communication. Analytic Visualizations and Interfaces part II. Designing visual social interfaces. Create affordances with social translucence Use rich media deliberately, when warranted Represent humans and their faces carefully

lydie
Download Presentation

Computer-Mediated Communication

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Computer-Mediated Communication Analytic Visualizations and Interfaces part II

  2. Designing visual social interfaces • Create affordances with social translucence • Use rich media deliberately, when warranted • Represent humans and their faces carefully • Be ambiguous: users can interpret just fine • Reflect users’ actions back to them • Let the big picture emerge from details • Consider whether customization is worth it Computer-Mediated Communication

  3. What can visualization do for you(or your users)? …provide a broad overview …reveal patterns …permit comparisons …tell stories …permit reflection (on history, activity, relationships, etc) Computer-Mediated Communication

  4. A couple of classics Computer-Mediated Communication

  5. Computer-Mediated Communication

  6. (All 2004 political maps from politicalmaps.org) Computer-Mediated Communication

  7. Computer-Mediated Communication

  8. Computer-Mediated Communication

  9. Edward Tufte Computer-Mediated Communication

  10. Some of Tufte’s principles • Show the data • Encourage visual comparisons • Avoid distorting what the data have to say • Present many numbers in a small space • Make large data sets coherent • Reveal the data at several levels of detail • Serve a reasonably clear purpose • Be closely integrated with the statistical and verbal descriptions of data Computer-Mediated Communication

  11. Visualizing Digital Histories Computer-Mediated Communication

  12. Computer-Mediated Communication

  13. Computer-Mediated Communication

  14. Computer-Mediated Communication

  15. Computer-Mediated Communication

  16. Computer-Mediated Communication

  17. Computer-Mediated Communication

  18. Computer-Mediated Communication

  19. Threaded conversations Computer-Mediated Communication

  20. Computer-Mediated Communication

  21. Computer-Mediated Communication

  22. Computer-Mediated Communication

  23. Computer-Mediated Communication

  24. Computer-Mediated Communication

  25. Computer-Mediated Communication

  26. Network Views Computer-Mediated Communication

  27. Computer-Mediated Communication

  28. Computer-Mediated Communication

  29. Computer-Mediated Communication

  30. Julián’s suggested Viz Example… Mike Wu, Ph.D: Finding “Influencers” Computer-Mediated Communication

  31. http://benfry.com/zipdecode/ Computer-Mediated Communication

  32. Computer-Mediated Communication

  33. For Thursday… Vizualizing Aspects of an Existing System: KASSI Kassi System for Sharing Goods, Favors, etc. Actually in use in Finland, will be deployed at Berkeley soon too. Based on postings and responses; currently no visual elements (aside from links and/or profile info). Computer-Mediated Communication

More Related