Transcript Computer-Mediated Communication

Computer-Mediated
Communication
Visual Interfaces and Visualizations
Coye Cheshire & Andrew Fiore
//
27 February 2013
Assignment #1 due
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
1
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)
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
2
Information
visualization
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
3
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
4
(All 2012 political maps from M.E.J. Newman; final map from GraphJam)
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
5
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
6
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
7
Edward Tufte
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
8
Small multiples
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
9
Micro/macro designs
Let big picture emerge from agglomeration of details
Source: David H. Hathaway, Marshall Space Flight Center, NASA
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
10
Notes on size, color,
and transformation
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
11
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
12
r=1
r=2
r=3
A=π
A = 4π
A = 9π
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
13
(J.B. Krygier)
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
14
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
15
Hue
Saturation
Brightness
Hue + saturation (same brightness)
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
16
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
17
(J.B. Krygier)
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
18
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
19
We go to the map with a question and receive one
decisive answer. But as this reading demonstrates, it is a
mistake to view any product as 100% accurate or biasfree, because it is actually impossible to entirely separate
a designed product from the beliefs and mistakes of its
human designer. — Kate
I love how this reading fits in with other material we've
read so far: I see what Monmonier refers to as "good" lies
told with maps as the equivalent of "butler lies" and what
Thomas Erickson identifies as the vital skills of social
deception. We'd be hampered in our ability to navigate
interpersonal terrain without them in the same way we'd
be unable to navigate physical terrain using maps that
don't use selection and displacement well. — Lisa
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
20
Visualizing
digital histories
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
21
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
22
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
23
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
24
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
25
HistoryFlow
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
26
Evolution
Viégas, Wattenberg, and Dave
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
27
Viégas, Wattenberg, and Dave
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
28
Viégas, Wattenberg, and Dave
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
29
Viégas, Wattenberg, and Dave
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
30
Viégas, Wattenberg, and Dave
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
31
Viégas, Wattenberg, and Dave
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
32
Spacing by revision
2/27/13
Cheshire & Fiore — Computer-Mediated
Communication
Viégas, Wattenberg,
and Dave
33
Spacing by time
2/27/13
Cheshire & Fiore — Computer-Mediated
Communication
Viégas, Wattenberg,
and Dave
34
Chocolate
Viégas, Wattenberg,
and Dave
2/27/13
Cheshire
& Fiore — Computer-Mediated Communication
35
Abortion
(by revision)
Viégas, Wattenberg, and Dave
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
36
Abortion
(by date)
Viégas, Wattenberg, and Dave
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
37
Visiphone
A
B
A
B
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
38
It seems as though the designer is leading the blind - telling
them how to navigate this vast online space. The designer is
also creating abstractions and categorizations at every step
of the design process. They are reducing nuanced features of
the social environment into quantifiable data that can be
visualized. It is inevitable that the designer makes decisions
about how and what is classified and these decisions an have
huge consequences since we tend to see visualizations as
presentations of truths or facts. — Laura
Donath does NOT assume that online visualizations are
attempting to SUBSTITUTE for the contextual cues of faceto-face interaction; instead, they provide another
opportunity to "go beyond" and to CHANGE behavior, not
just replicate offline behavior, as in Erickson's social
translucence model. — Lindsay
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
39
Threaded conversations
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
40
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
41
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
42
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
43
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
44
out. The relative unimportance of the author
complements Dave, Wattenberg and Muller’s similar
Survey
offlash
Reddit
users
finding for the
forums on
Slashdot.org [2].
Table 1. Percent responses for cues that aid
navigation in discussion spaces.
Narayan & Cheshire 2010
We
also
asked
a
single
yes/no
question
about
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
45
tl;dr design explorations
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
46
tl;dr design explorations
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
47
tl;dr design explorations
http://vimeo.com/6033499
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
48
The article demonstrates the strength of visualizations to
crystallize thread information and social interaction. In addition,
visualizations allow for user experience that was not possible
before: thread comparisons, for example, would have been very
enlightening to understand different community responses to
cross-posts. The design process shows an iterative "loop"
quality to interface construction: input from the users are used
to create the visualizations, which in turn will affect user
behavior.
My only questions are: what happened? Why is it not more
popular? — Weiyi
I certainly like that this piece focuses on the issue of
information overload, which is an exponentially growing
problem that is not being tackled too well. I'd definitely
be interested to see this type of visual interface
implemented on various social media sites. — Kayal
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
49
Network views
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
50
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
51
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
52
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
53
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
54
http://benfry.com/zipdecode/
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
55
Erickson: Social interfaces
 Portray actions, not interpretations
 Ambiguity is useful: suggest rather than inform
 Allow deception
 No customization
 Use a third-person point of view
 Support micro/macro readings
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
56
It is interesting that all the people want to know how they
behave. Possibly because of "spotlight effect" or whatever else,
people would like to see themselves in public, and online social
visualization would be the best way. The more objective the
better. Also it is quite common that by seeing some online post
or comment created by themselves, people will tend to feel
comfortable, because they can see they are actually "doing
something there". — Yang
Allowing deception is interesting because of its negative
connotation. The gist seems to be allowing users multiple ways of
interpreting an event -- "the avatar moved because I accidentally
clicked" or "I just opened the document and haven't read it yet". I
understand why I want that sort of ambiguousness as a publisher
of events, but as a consumer I want to remove as much ambiguity
as possible. — Corey
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
57
Design activity
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
58
For next Wednesday…
Trust and Trustworthiness Online
 Nissenbaum, H. (2004) Will Security Enhance Trust Online, or
Supplant It?. In In R. Kramer and K. Cook (eds.) Trust and Distrust
Within Organizations: Emerging Perspectives, Enduring Questions.
Russell Sage Publications.
 Cheshire, C. (2011) Online Trust, Trustworthiness, or Assurance?. In
Daedalus 140 (4): 49-58.
 Bos N., Olson J., Gergle D., Olson G., and W. Wright. (2002) Effects
of four computer-mediated communication channels on trust
development.. In Proceedings of ACM CHI 2002.
2/27/13
Cheshire & Fiore — Computer-Mediated Communication
59