1 Conversations Presenters: Maggie Law and Vivien Petras 4/26/02.

Slides:



Advertisements
Similar presentations
Education Bradford Curriculum ICT E-safety and Communication Technologies May 2009 Presented by Paul Scott.
Advertisements

Introduction to Multimedia Adeyemi Adeniyi Bsc, MCP MCTS
ELA Common Core – What We Know So Far….
Computer Basics Hit List of Items to Talk About ● What and when to use left, right, middle, double and triple click? What and when to use left, right,
ORGANIZING THE CONTENT Physical Structure
Programming Paradigms and languages
Characteristics of on-line formation courses. Criteria for their pedagogical evaluation Catalina Martínez Mediano, Department of Research Methods and Diagnosis.
XP Exploring the Basics of Microsoft Windows XP1 Exploring the Basics of Windows XP.
CMPUT 301: Lecture 25 Graphic Design Lecturer: Martin Jagersand Department of Computing Science University of Alberta Notes based on previous courses by.
From 1-way to 2-way: Promoting student engagement through asynchronous collaboration Eric M. Larson, COTF 2006.
Writing a literary analysis essay English II Honors.
Why planning? In order to make a successful project good communication is key! The process of planning and designing a project involves many people from.
Writing Reports, Proposals, and Technical Documents By Laurie A. Pinkert.
Communication Theory 2 & 3
Crafting a successfu l (inline) Information Experience: Understanding how users read online Crafting a successfu l (inline) Information Experience: Understanding.
Dr Leigh Harris, Assistant Dean, Center for Academic Enrichment (CAE) Dr Anastasia Logotheti, Director, Teaching and Learning Center, CAE 15 June 2013.
Using Technology to Differentiate Instruction By Jeanetta K. Martin, B.S, M.Ed, NBPTS, Reading K-12.
Copyright © 2010 SAS Institute Inc. All rights reserved. Effective Data Visualization Design for Dashboards Lisa Whitman TriUPA May 25, 2011.
Benefits of ICT Communicating As an Internet user, the tools you are most likely to use to communicate with other Internet users are: Electronic mail the.
Literacy Secretariat Literacy is everyone’s business Introduction to the Australian Curriculum: English Literacy as a general capability.
Powerpoint Presentation Advice
Preparing and Presenting a Research Poster John Greiner Rice University.
A comparison of two methods of synchronous (real time) interaction in distance learning Jane Montague University of Derby
Framework for Diagnostic Teaching. Framework The framework for diagnostic teaching places a premium on tailoring programs that specifically fit all readers.
Adaptive News Access Daniel Billsus Presented by Chirayu Wongchokprasitti.
PROSE FICTION - NARRATIVES
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
Chapter 7. BEAT: the Behavior Expression Animation Toolkit
Sharad Oberoi and Susan Finger Carnegie Mellon University DesignWebs: Towards the Creation of an Interactive Navigational Tool to assist and support Engineering.
ELA Common Core Shifts. Shift 1 Balancing Informational & Literary Text.
Three Reasons to Communicate Get something DONE Have a conversation Help with distress.
Betsy Dobbins and Kevin Sheridan John Glenn Middle School (ISD622) Maplewood, MN.
Social Visualization Social Visualization for the Masses.
Bryan Kern (SUNY Oswego), Anna Medeiros (UFPB), Rafael de Castro (UFPB), Maria Clara (UFPB), José Ivan (UFPB), Tatiana Tavares (UFPB), Damian Schofield.
How to develop an oral presentation You have one chance to make a point.
One way to inspire or inform others is with a multimedia presentation, which combines sounds, visuals, and text.
Hyper-Hitchcock F. Shipman, A. Girgensohn, and L. Wilcox, "Hyper-Hitchcock: Towards the Easy Authoring of Interactive Video", Proceedings of INTERACT 2003,
©2001 Southern Illinois University, Edwardsville All rights reserved. Today Fun with Icons Thursday Presentation Lottery Q & A on Final Exam Course Evaluations.
How to read a scientific paper
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Interface Design.
Interface Design Inputs and outputs –data flows to and from external entities –data flows into and out of processes that are manual or not fully automated.
Digital Collaboration By Kathleen Kass 4b Due by October 15, 2014.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
卓越發展延續計畫分項三 User-Centric Interactive Media ~ 主 持 人 : 傅立成 共同主持人 : 李琳山,歐陽明,洪一平, 陳祝嵩 水美溫泉會館研討會
Flash Forums and ForumReader: Crafting an Interface for a New Kind of Online Discussion Kushal Dave, Martin Wattenberg,
Social Aspects of Human- Computer Interaction Designing for collaboration and communication Chris Kelly.
Automatic Storytelling in Comics
Sketches and prototypes for the Orlando Six Degrees of Separation Project.
4 November 2000Bridging the Gap Workshop 1 Control of avatar gestures Francesca Barrientos Computer Science Division UC Berkeley.
Next Door Organics ( LIS : Personas and Scenarios: Meghan Constantinou, Barbara Douglass, Susan.
DO NOW: 1.State whether you agree or disagree with this statement-and tell me WHY- “Everyone learns the same way.” Be prepared to justify your answer.
How To Analyze a Reading Presented By: Dr. Akassi Content From The Norton’s Field Guide To Writing.
Cybercartography Sunir Shah ( ) CSC2514; November 13, 2003.
Web 2.0: Making the Web Work for You, Illustrated Unit A: Research 2.0.
Constructing History: Using Primary Sources to Create Historical Narratives DANIEL A. COWGILL II- UNIVERSITY OF CENTRAL FLORIDA FLORIDA COUNCIL FOR THE.
Common Core State Standards in English/Language Arts What science teachers need to know.
©2001 Southern Illinois University, Edwardsville All rights reserved. Today Tuesday Contextual Inquiry & Intro to Ethnography Introduction to HCI & Contextual.
MASS/MASC Annual Conference NOVEMBER 5, 2014 Effective Communication for District Administrators By Gail M. Zeman, Consulting School Business Administrator,
What is Multimedia Anyway? David Millard and Paul Lewis.
Color Theory. Primary Colors Colors that cannot be created by mixing others.
Teaching with Technology Bootcamp Media Player, iTunes, Blogs & Wikis.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
Scott Marino MSMIS Summer Session Web Site Design and Authoring Session 4 Scott Marino.
Technical & Research Posters: Text, Visuals, & Presentation
Exploring the Basics of Windows XP
The Gateway Drug to Literacy
Presenters: Maggie Law and Vivien Petras 4/26/02
Enhanced agent workspace for messaging
Presentation transcript:

1 Conversations Presenters: Maggie Law and Vivien Petras 4/26/02

2 Chats and Newsgroups A chat room is a Web site, part of a Web site, or part of an online service, that provides a venue for communities of users with a common interest to communicate in real time. Forums and discussion groups allow users to post messages but don't have the capacity for interactive messaging. From:

3 Goals of Chat Visualizations To improve communication capabilities of text-only-based chats (use gestures, mimic etc. to enhance and nuance conversation) To convey contextual information (number of participants, interactions between participants, show participants that are not “talking”)

4 Readings Comic Chat -- David Kurlander, Tim Skelly, David H. Salesin Proceedings of SIGGRAPH'96, Stories and Social Networks -- Warren Sack Proceedings of the Workshop on Narrative Intelligence (Cape Cod, MA: American Association of Artificial Intelligence, November 1999). Chat Circles -- Fernanda Viegas and Judith Donath Proceedings of CHI 99.

5 Focus of Readings Two tools for small-scale real-time chat: Comic Chat – conversation represented as a continuous comic strip Chat Circles – conversation represented as a “cocktail party” of abstract shapes One tool for large-scale newsgroup analysis: Conversation Map – conversation as medium for computational sociolinguistic analysis

6 Comic Chat

7 Problems with Chat 1. Users multi-task while engaging in online chat 2.Users must do things other than chatting while chatting (heavy mouse control, navigation) 3.Scenery is generally static, boring according to Microsoft R&D

8 Comic Chat: A Solution? Graphics are “essential, not merely ornamental.” Comic strips are a familiar medium to most. Strips themselves are history logs (intuitive). Automatic settings: which avatar to include in each panel placement & orientation of avatars word balloon type and placement camera zoom factor when to begin a new panel default avatar gestures & expressions

9 Development Methodology: Analyze chat transcripts (how to represent in comic form? what can a computer extract?) Automate characters, balloons, panels Semantic representations, driven by popular topic predictions Other considerations….

10 History Logs Comic strips are themselves history logs. The primary visual representation is the historical transcript. All context is captured in one place. Is this a benefit or a shortcoming?

11 Comic Chat in action typical session typical session Example #1: A “typical session”typical session ( Example #2: Some social anthropology…

12 But… does it work? What makes a comic strip interesting? What makes a conversation flow?

13 What makes a comic strip interesting….? Illustration from Understanding Comics, by Scott McLoud, p Surface 5. Craft 4. Structure 3. Idiom 2. Form 1. Idea/Purpose

14 Illustration from Understanding Comics, by Scott McLoud, p. 171

15 Conversation = Negotiation “Conversations demand individual and collective decisions over who will speak, when, and for how long. But in informal conversation the negotiations involved in such turn taking, though rapid and efficient, are all but invisible. To claim a turn, people will merely shift their gaze, subtly alter body position, or wait for a break to interject. Others will turn from or toward them, inviting them in or leaving them out. Speakers will hand off the conversation with a look, rising intonation, or a direct question to another person. Or they may attempt to keep hands on by avoiding eye contact, speaking rapidly, rejecting counteroffers, or pausing only at works like and and so. (One of the reasons that conference calls can be so awkward is that they remove many of these cues used for effective negotiation.)” -- John Seely Brown & Paul Duguid, The Social Life of Information, pp

16 User Testing? (None.) “…we look forward to performing user studies to compare Comic Chat to other graphical chat systems.” Would also be interesting to compare with non- graphical (text-based) chat systems. Lots of users still out there… loyal (cult?) following Our experience: Takes practice; amusing to experiment with; at times confusing and complicated to control (like other chat tools!).

17 Comic Chat Conclusions +An interesting idea with a novel approach +Innovative ideas (e.g. emotion wheel, semantic extractions) +Familiar format & conventions, cleverly drawn +Fun & interesting for those who enjoy role-playing - Experience of following a chat session ≠ experience of reading a comic strip -Some touted benefits not as great as they might seem (e.g. history logs, mouse use) -Heavy reliance on automation can be prone to error - Even authors concede it’s an unachievable goal to reproduce creativity of human comic artist

18

19 Chat Circles

20 Comparison I … Text-based chat

21 Comparison II … The PalaceMS V-Chat

22 Chat Circles “Chat Circles is a graphical interface for synchronous communication that uses abstract shapes to convey identity and activity.”

23 Chat Circles - Identity Each participant appears as a colored circle, which is accompanied by the user name Location of circles will also identify participants (important for many users having similar colors associated)

24 Chat Circles - Activity Participants’ circles become larger when posting occurs (circle adapts to text length) Circle appears bright when posting occurs Circles of inactive users fade in the background

25 Chat Circles – Conversational Groupings There is only ONE room in Chat Circles Groupings are achieved by moving closer to other participants At any time, a participant can view all other participants A participant can also detect interesting conversations in different areas of the room by looking at how many circles are gathered and how often circles become larger Overview panel in Chat Circles II nice example of focus + context

26 Chat Circles History

27 +Easy to see “lurkers” +Sequence and size of messages quickly visible -Not very scalable History Log Patterns

28 History Log Patterns +/-User-centric: only 1 point of view represented - Impossible to see all the text at once – requires individual mouse rollovers - Easy to see “out of range” conversations – but why would you want to?

29 Chat Circles Demo

30 Comments on Viz +Attractive UI +Consolidated overview of what is going on in the chat room (in version II) +Intuitive and easy handling +No “gratuitous” use of graphics +Does not attempt to convey emotion (unlike other tools, which inevitably fall short)

31 Comments on Viz -Difficult to avoid associating meaning with color -Confusing when many people use the same color -Not very scalable (but does it matter?) -Text fades quickly, requires full attention -History needs mouse-over to display text

32 Conversation Map

33 Stories & Social Networks Social Network = a set of interrelated people Stories weave people into communities or social networks by constituting a kind of common sense Goal of analysis: understanding a story / conversation –What is told and how is it told? Who tells it? How many people are in the conversation?

34 Very Large-Scale Conversations What does a Very Large-Scale Conversation look like? –Large –Supports network-based communities –Public Question: How do we navigate those public spaces? What can we learn about the social interactions?

35 Story understanding Sociology / AI collaborative filtering –Stories as locations in a social network of producers –Form & content is black-boxed –Who tells it? Computational Linguistics / IR –Look at form & content of stories –Social context is black-boxed –What is told?

36 Conversation Map Combination of the social and semantic networks approach Facilitates navigation of VLSC (very large-scale conversations) Methodology = Computational Sociolinguistics = Computational Linguistics + Quantitative Sociology

37 Conversation Map Analyzes newsgroup messages (up to several thousands at a time) Provides a graphical summary of –A set of social networks (who is corresponding with whom) –A menu of discussion themes important to the conversation –A semantic network that articulates some of the synonyms and metaphors of the discussion –A message thread visualization

38 Conversation Map - Viz Social Network Discussants Who is correspon- ding with whom Shows reciprocity Acts as a filter for spammers Identifies main players in discussion Mouse click isolates discussant network and threads the discussant posted

39

40 Conversation Map - Viz Themes Summarized topics of discussion Ranked by frequency By clicking on a theme, the discussants and threads talking about it will be highlighted

41

42 Conversation Map - Viz Semantic Network connected terms have been "talked about" in similar ways Central terms are connected to many terms Clicking on a node shows threads, discussants and themes that are associated with it Double click shows all associations (verbs, nouns, adjectives) in the message archive

43

44

45 Conversation Map - Viz Message Threads Plotted as spider webs In chronological order (from upper left) Thread with many messages will show up as almost completely green Double click zooms in a thread

46 Another click will show the message text

47 Analysis – what is possible? First level – main panels: –Themes of a discussion –Main discussants –Synonyms and metaphors –Popular and unpopular threads Second level: –Comparison of discussions over time (e.g. shift of themes) –Coherence of discussion (are people talking to each other?) –Semantic cohesion (which themes are associated with a concept?) –Pattern of social network (center, multiple hubs, cluttered) (for examples see also:

48 Conversation Map System output corresponds to Metafunctions of language (Michael Halliday) Interpersonal = social network (language connects people together) Textual = themes (language connects itself by referencing) Ideational = semantic network (language contains / carries ideas that are associated with other ideas)

49 Comments on Viz +Summarizes a lot of information in one display +Allows for multiple analyses / interpretations +Uses brushing and linking to connect associated nodes / terms / threads +Uses zooming to display more specific information

50 Comments on Viz -It is clear that the emphasis of this tool in on the many features of analysis and not on the visualization itself (no usability studies are mentioned) -So much information – what does it mean? -Color could be better utilized -Many controls must be learned (mouse clicks, alt-shift combinations) -Spider webs have to be manually untangled

51 Conversation Map – Future work Improve interface Speed up creation of conversation map for any given newsgroup so that analysis can happen simultaneously (now it takes several hours to create a map, which doesn’t help a user navigating the newsgroup at a certain point of time)

52 Overall Conclusions Online Chat seems to be a leisure time activity (no hard agenda, as with other online communication media) Is a graphical representation useful for a chat? It’s fun to look at but can also be a distraction. Has limitations. Current technologies (even graphical ones) always fall short of delivering the subtle physical and emotional cues of face-to-face interaction. Study of tools such as the 3 covered this week reveals interesting lessons about ourselves and how we communicate.