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

2. 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

3. 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)

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

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

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

7. 6/13/2015Computer-Mediated Communication — Cheshire & Fiore6 The gaze angle problem, or… Source: http://staffx.webstore.ntu.edu.sg/personal/astjcham/Web/Research/percepter.htm Why so glum?

8. 6/13/2015Computer-Mediated Communication — Cheshire & Fiore7 Source: http://www.freepatentsonline.com/7126627.html

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

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

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

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

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

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

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

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

17. 6/13/2015Computer-Mediated Communication — Cheshire & Fiore16 Source: http://filer.case.edu/~dbh10/eecs466/report.html

18. 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

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

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

21. 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

22. 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”?

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

24. 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

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

26. 6/13/2015Computer-Mediated Communication — Cheshire & Fiore25 http://chatcircles.media.mit.edu demo time:

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