Coye Cheshire & Andrew Fiore June 13, 2015 // Computer-Mediated Communication Visual Interfaces for CMC

6/13/2015Computer-Mediated Communication — Cheshire & Fiore1 What are faces good for? Conveying, among other things:  Individual identity  Social identity  Expression  Gaze By means of:  Structure  Dynamics  Decorations Source: galante.com

6/13/2015Computer-Mediated Communication — Cheshire & Fiore2 Characteristics of basic emotions 1. Distinctive universal signals 2. Distinctive physiology 3. Automatic appraisal 4. Distinctive universals in antecedent events 5. Distinctive appearance developmentally 6. Presence in other primates 7. Quick onset 8. Brief duration 9. Unbidden occurrence 10. Distinctive thoughts, memories images 11. Distinctive subjective experience Basic emotions Anger Disgust Fear Joy Sadness Surprise Ekman (1999) Ekman, Friesen, & Ellsworth (1972) (and many others)

6/13/2015Computer-Mediated Communication — Cheshire & Fiore3 Action unitsFacial muscles

6/13/2015Computer-Mediated Communication — Cheshire & Fiore4 Kobayashi & Kohshima 2001

6/13/2015Computer-Mediated Communication — Cheshire & Fiore5 Kobayashi & Kohshima 2001

6/13/2015Computer-Mediated Communication — Cheshire & Fiore6 The gaze angle problem, or… Source: Why so glum?

6/13/2015Computer-Mediated Communication — Cheshire & Fiore7 Source:

6/13/2015Computer-Mediated Communication — Cheshire & Fiore8 Yang & Zhang 2004

6/13/2015Computer-Mediated Communication — Cheshire & Fiore9 Source: D. Nguyen

6/13/2015Computer-Mediated Communication — Cheshire & Fiore10 Cameras Projectors MultiView Display Source: D. Nguyen

6/13/2015Computer-Mediated Communication — Cheshire & Fiore11 Representing the face: “Being close may be worse.”

6/13/2015Computer-Mediated Communication — Cheshire & Fiore12

6/13/2015Computer-Mediated Communication — Cheshire & Fiore13

6/13/2015Computer-Mediated Communication — Cheshire & Fiore14 “being there” vs. “beyond being there”

6/13/2015Computer-Mediated Communication — Cheshire & Fiore15 An aside: Chernoff faces

6/13/2015Computer-Mediated Communication — Cheshire & Fiore16 Source:

6/13/2015Computer-Mediated Communication — Cheshire & Fiore17 Designing with faces and bodies  We read meaning in lots of things, but especially human forms!  There is no such thing as neutral.  If you’re going to use faces (or anything socially salient) in a design, consider:  Appropriate semantics  Appropriate precision

6/13/2015Computer-Mediated Communication — Cheshire & Fiore18

6/13/2015Computer-Mediated Communication — Cheshire & Fiore19

6/13/2015Computer-Mediated Communication — Cheshire & Fiore20 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

6/13/2015Computer-Mediated Communication — Cheshire & Fiore21 Social translucence  Visibility: make social information apparent  Awareness: knowing based on what you see  Accountability: knowing that I know you know  Why? To recreate a “social physics.”  Why not “social transparency”?

6/13/2015Computer-Mediated Communication — Cheshire & Fiore22 Babble social proxy

6/13/2015Computer-Mediated Communication — Cheshire & Fiore23 Micro/macro designs Let big picture emerge from agglomeration of details Source: David H. Hathaway, Marshall Space Flight Center, NASA

6/13/2015Computer-Mediated Communication — Cheshire & Fiore24 Chat Circles 2

6/13/2015Computer-Mediated Communication — Cheshire & Fiore25 demo time:

6/13/2015Computer-Mediated Communication — Cheshire & Fiore26 Final project happy hour 10 min.