1 Use of Sound in Games CIS 487/587 Bruce R. Maxim UM-Dearborn.
©2011 CSCD 487/587 Human Computer Interface Winter 2013 Lecture 10 Emotional Response to...
-
Upload
claude-rice -
Category
Documents
-
view
217 -
download
3
Transcript of ©2011 CSCD 487/587 Human Computer Interface Winter 2013 Lecture 10 Emotional Response to...
©2011
CSCD 487/587Human Computer Interface
Winter 2013
Lecture 10Emotional Response to Interfaces
©20112www.id-book.com
Overview
Goal of interaction design is to develop products that people enjoy and find useful
So, what do we want users to feel when they use our products?
Want them to learn, to play, to enjoy, to trust, at very least not to HATE our products
All together we call this interaction, Emotional Interaction
©2011
Emotions and User Experience
Shopping On-line Is this a “fun” experience for most peoples?
• Search for things, select or type in product numbers
• Enter payment information, maybe more than once
• Stress about did it go through or did you do it right
• Wait to get confirmation email … then, get notified it shipped
All in all – a stressful experience for most of us !!!
©20114www.id-book.com
Expressive interfaces
Provide reassuring feedback that can be both informative and fun
But can also be intrusive, causing people to get annoyed and even angry
Color, icons, sounds, graphical elements and animations are used to make the ‘look and feel’ of an interface appealing
Conveys an emotional state In turn this can affect the usability of an
interface People are prepared to put up with certain aspects of an
interface (e.g. slow download rate) if the end result is appealing and
aesthetic
©2011
Expressive Interfaces
Icons and animations have been used to indicate the current status of a computer or cell phone
Classic from 1980's and 90's was happy Mac icon Appeared on screen when computer was booted Smiling icon signaled friendliness and happiness that
computer was ok Sad icon indicated that computer had failed to boot up Another version of this
http://www.maclife.com/article/gallery/gallery_visual_history_famous_mac_icons
©2011
Expressive Interfaces
Other ways that have been used to convey status of system
Animations of every kind
http://memeart.tripod.com/AnimatedComputers.html Sounds for email arriving, windows closing
http://soundbible.com/tags-computer.html Not everyone likes sounds Here is an article on turning off all alerts
http://www.lifehacker.com.au/2012/08/how-do-you-overcome-alert-pollution/
Vibrations for phone calls instead of rings
©20117www.id-book.com
User-created Expressiveness Users have created a range of emoticons - compensate for lack of expressiveness in text communication:
Happy :)Sad :<Sick :XMad >:Very angry >:-(
Also use of icons and shorthand in texting and instant messaging has emotional connotations, e.g.
LOL, I 12 CU 2NITE
©20118www.id-book.com
Would you use any of these?
©20119www.id-book.com
Which one do you prefer?
©2011
Marcus and Teasley study Marcus (1992) proposed interfaces for different user
groups Left dialog box was designed for white American females Who “prefer a more detailed presentation, curvilinear shapes and absence of some of the more brutal terms ... favored by
male software engineers.” Right dialog box was designed for European adult male intellectuals Who like “suave prose, a restrained treatment of
information density, and a classical approach to font selection”
Teasley et al (1994) found this not to be true European dialog box was preferred by all and was considered most appropriate for all users round dialog box was strongly disliked by everyone !!!!!
©2011
Frustrating Interfaces
What happens when interfaces cause negative emotions?
As we already noted, interfaces can be complex, DVD players, phones, clocks etc or just normal applications such as Word
©2011
Example of Frustrated User
Technical Blogger http://smoothspan.wordpress.com/2009/07/01/microsoft-bad-
user-experience-is-cultural/
“I just lost an hour of work to Microsoft Word because it clears the clipboard every time you start it up fresh. It’s been doing it for years.
What idiot at Microsoft thought this would be a good idea? What group of idiots let it continue for years?
I have a dim recollection that this is done for some sort of security reason … But I don’t use any other app that has this behaviour.”
Bob Warfield
©201113www.id-book.com
Frustrating interfacesA more complete list of frustrating reasons When an application doesn’t work properly or crashes When a system doesn’t do what the user wants it to do When a user’s expectations are not met When a system does not provide sufficient information to enable user to know what to do When error messages pop up that are vague, obtuse or condemning When appearance of an interface is garish, noisy, gimmicky or patronizing When system requires users to carry out too many steps to perform a task, only to discover a mistake was made earlier and they need to start all over again
©201114www.id-book.com
Gimmicks
Amusing to designer but not user, e.g.Clicking on a link to a website only to discover that it is still ‘under construction’
©201115www.id-book.com
Error messages“The application Word has unexpectedly quit
due to a type 2 error.”
How about a little honesty?
“the application has expectedly quit due to poor coding in the operating system”
Shneiderman’s guidelines for error messages include:
• Avoid using terms like FATAL, INVALID, BAD• Audio warnings • Avoid UPPERCASE and long code numbers• Messages should be precise rather than vague• Provide context-sensitive help
©201116www.id-book.com
Website Error Messages
©201117www.id-book.com
Better Error Message“The requested page /helpme is not available on the web server.
If you followed a link or bookmark to get to this page, please let us know, so that we can fix the problem. Please include the URL of the referring page as well as the URL of the missing page.
Otherwise check that you have typed the address of the web page correctly.
The Web site you seekCannot be located, butCountless more exist.”
©2011
Helping Frustrated Users
User Agents … 1990's Supposed to help users learn programs
and be less frustrated with technology Successful?
Microsoft pioneered an entire class of agent software, Bob for the novice user
Agents were friendly and likeable such as a pet dog or a bunny plus a room metaphor like a cozy living room
©201119
Bob
People didn't like Bob. Too cute and childlike!!!
©2011
Helping Users
Other attempts at alleviating frustration
Clippy another Microsoft creation
People seemed to HATE this moronicpaperclip!!! Came out with Windows 98Why do you think it backfired?
©201121www.id-book.com
Anthropomorphism
An·thro·po·mor·phism (ān’thrə-pə-môr’fĭz’əm)Attribution of human motivation, characteristics, or behavior to inanimate objects, animals, or natural phenomena
Well known phenomenon in advertising Dancing butter, drinks, breakfast cereals
Much exploited in human-computer interactionMake user experience more enjoyable, more motivating, make people feel at ease, reduce anxiety
©201122www.id-book.com
Which do you prefer?
1. As a welcome message
“Hello Chris! Nice to see you again. Welcome back. Now what were we doing last time? Oh yes, exercise 5. Let’s start again.”
“User 24, commence exercise 5.”
©201123www.id-book.com
Which do you prefer?
2. Feedback when get something wrong
1. “Now Chris, that’s not right. You can do better than that.Try again.”
2. “Incorrect. Try again.”
Is there a difference as to what you prefer depending on type of message? Why?
©201124www.id-book.com
Evidence to support anthropomorphism
Reeves and Naas (1996) found that computers that flatter and praise users in education software programs -> Positive impact on them
“Your question makes an important and useful distinction. Great job!”
Students were more willing to continue with exercises with this kind of feedback
©201125www.id-book.com
Criticism of Anthropomorphism
Deceptive, make people feel anxious, inferior or stupid
People tend not to like screen characters that wave their fingers at the user and say:
– Now Chris, that’s not right. You can do better than that.Try again.”
Many prefer the more impersonal:– “Incorrect. Try again.”
Studies have shown that personalized feedback is considered to be less honest and makes users feel less responsible for their actions (e.g. Quintanar, 1982)
©201126www.id-book.com
Virtual characters
• Appearing on our screens in the form of:– Sales agents, characters in videogames,
learning companions, wizards, pets, newsreaders
• Provides a persona that is welcoming, has personality and makes user feel involved with them
©201127www.id-book.com
Disadvantages
Can lead people into false sense of belief, enticing them to confide personal secrets with chatterbots
Annoying and frustrating As already noted, Clippy
May not be trustworthy Virtual shop assistants?
©201128www.id-book.com
Rea the Realtor
Rea showing useran apartment
Human-like body
Uses gesture, non-verbal communication (facial expressions, winks) while talking
Sophisticated AI techniques used to enable this form of interaction
Cassell, 2000, MIT
©201129
Conversation with Rea• Mike approaches screen and Rea turns to face him
and says:– Hello. How can I help you?
Mike: I’m looking to buy a place near MIT.– Rea nods, indicating she is following.
Rea: I have a house to show you. (picture of a house appears on the screen)
– Rea: it is in Somerville.Mike: Tell me about it.
– Rea looks up and away while she plans what to say.
– Rea: It’s big.Rea makes an expansive gesture with her hands.Mike brings his hands up as if to speak, so Rea does not
continue, waiting for him to speak.Mike: Tell me more about it.Rea: Sure thing. It has a nice garden...
• Would you buy a house from her?
©201130www.id-book.com
Virtual agents
What do virtual agents do?Do they elicit an emotional response in you?Do you trust them?What is style of interaction?What facial expression do they have?Are they believable, pushy, helpful?Would it be different if they were male? If so, how?
©201131
What makes a virtual agent believable?
Believability refers to extent to which users come to believe an agent’s intentions and personality
Appearance is very importantAre simple cartoon-like characters or more realistic characters, resembling the human form more believable?
Behavior is very important How an agent moves, gestures and refers to objects on the screenExaggeration of facial expressions and gestures to show underlying emotions (c.f. animation industry)
©2011
Research on Anthropomorphic Agent Use
This paper argues that anthropomorphic design is too limited in its human-ness and that is why users are disappointedhttp://www.arts.uwaterloo.ca/~raha/talks/
HarrisLoewenCATTW2002.pdf
This paper summarizes research in Agent use, concludes agents must be carefully used
http://www.ruthcsmith.com/GWU%20Papers/Anthropomor
phicAgents.pdf
©201133
Summary Emotional interaction is concerned with how interactive systems make people respond in emotional ways Well-designed interfaces can elicit good feelings in users Expressive interfaces can provide reassuring feedback Badly designed interfaces make people angry and frustrated Anthropomorphism is the attribution of human qualities to objects An increasingly popular form of anthropomorphism is to create interface agents
©2011
End
Happy User
©2011
©201136www.id-book.com
Summary
• Social mechanisms, like turn-taking, conventions, etc., enable us to collaborate and coordinate our activities
• Keeping aware of what others are doing and letting others know what you are doing are important aspects of collaborative working and socialising
• Many technologies systems have been built to support telepresence and co-presence
©2011
References
User Agents help with User Frustrationhttp://www.inf.ufsc.br/~cybis/pg2002/User
%20frustation.pdf
Frustrating User Experiences and Computer Response
http://www.inf.ufsc.br/~cybis/pg2002/User%20frustation.pdf