1 / 52

Enhancing User Interaction through Visualizations in Computer-Mediated Communication

This assignment explores how visualizations can enhance the user experience in computer-mediated communication. By leveraging visual tools, we can provide users with a broad overview, reveal patterns, permit comparisons, and convey stories, enabling reflection on history, activity, and relationships. The design of visual social interfaces should create affordances with social translucence, utilize rich media when appropriate, and accurately represent users. Key design principles include allowing ambiguity for interpretation and enabling the big picture to emerge from details.

sharis
Télécharger la présentation

Enhancing User Interaction through Visualizations in 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 Visual Interfaces and Visualizations 15 February 2012

  2. Assignment #1 due Cheshire & Fiore — 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. 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

  5. A couple of classics Computer-Mediated Communication

  6. Computer-Mediated Communication

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

  8. Computer-Mediated Communication

  9. Computer-Mediated Communication

  10. Edward Tufte Computer-Mediated Communication

  11. Small multiples MSU — TC 375 — Fiore

  12. Micro/macro designs Let big picture emerge from agglomeration of details Source: David H. Hathaway, Marshall Space Flight Center, NASA MSU — TC 375 — Fiore

  13. Notes on size, color, and transformation MSU — TC 375 — Fiore

  14. MSU — TC 375 — Fiore

  15. r = 2 r = 1 r = 3 A = π A = 4π A = 9π MSU — TC 375 — Fiore

  16. (J.B. Krygier) MSU — TC 375 — Fiore

  17. MSU — TC 375 — Fiore

  18. Hue Saturation Brightness Hue + saturation (same brightness) MSU — TC 375 — Fiore

  19. (J.B. Krygier) MSU — TC 375 — Fiore

  20. MSU — TC 375 — Fiore

  21. MSU — TC 375 — Fiore

  22. Visualizingdigital histories Computer-Mediated Communication

  23. Computer-Mediated Communication

  24. Computer-Mediated Communication

  25. Computer-Mediated Communication

  26. HistoryFlow MSU — TC 375 — Fiore

  27. Evolution Viégas, Wattenberg, and Dave MSU — TC 375 — Fiore

  28. Viégas, Wattenberg, and Dave MSU — TC 375 — Fiore

  29. Viégas, Wattenberg, and Dave MSU — TC 375 — Fiore

  30. Viégas, Wattenberg, and Dave MSU — TC 375 — Fiore

  31. Viégas, Wattenberg, and Dave MSU — TC 375 — Fiore

  32. Viégas, Wattenberg, and Dave MSU — TC 375 — Fiore

  33. Spacing by revision MSU — TC 375 — Fiore Viégas, Wattenberg, and Dave

  34. Spacing by time MSU — TC 375 — Fiore Viégas, Wattenberg, and Dave

  35. Chocolate Viégas, Wattenberg, and Dave MSU — TC 375 — Fiore

  36. Abortion (by revision) Viégas, Wattenberg, and Dave MSU — TC 375 — Fiore

  37. Abortion (by date) Viégas, Wattenberg, and Dave MSU — TC 375 — Fiore

  38. Threaded conversations Computer-Mediated Communication

  39. Computer-Mediated Communication

  40. Computer-Mediated Communication

  41. Computer-Mediated Communication

  42. Computer-Mediated Communication

  43. Computer-Mediated Communication

  44. Computer-Mediated Communication

  45. Network views Computer-Mediated Communication

  46. Computer-Mediated Communication

  47. Computer-Mediated Communication

  48. Computer-Mediated Communication

  49. Computer-Mediated Communication

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

More Related