Chapter 5: Affective aspects

1
Chapter 5 Affective aspects
Adapted by Kathy Egea for cois12036 (dailup
download)
2
Overview

• Affective interfaces
• Expressive interfaces
• User frustration
• Persuasive technologies
• Anthropomorphism
• Interface agents
• interactive physical toys
• Conceptual models

3
Affective aspects

• HCI has traditionally been about designing
  efficient and effective systems
• Now more about how to design interactive systems
  that make people respond in certain ways
• e.g. to be happy, to be trusting, to learn, to
  be motivated

4
Expressive interfaces

• Colour, 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

5
User-created expressiveness

• Users have created a range of emoticons -
  compensate for lack of expressiveness in text
  communication
• Happy )
• Sad lt
• Sick X
• Mad gt
• Very angry gt-(
• Also use of icons and shorthand in texting and
  instant messaging has emotional connotations,
  e.g.
• I 12 CU 2NITE

6
Activity

• (1) Look at page 185, Figure 5.3
• Would you use any of these?
• What for?
• (2) Compare the two interfaces on pages 186/187.
• Which one do you prefer?

7
Marcus study (p.186-187)

• Marcus proposed interfaces for different user
  groups
• P.186 - designed for white American females
• prefer a more detailed presentation,
  curvilinear shapes and the absence of some of the
  more brutal terms ... favored by male software
  engineers.
• P.187 - designed for European adult male
  intellectuals
• suave prose, a restrained treatment of
  information density, and a classical approach to
  font selection

8
Teasley study

• Later Teasley et al (1994) found this not to be
  true
• the European dialog box (p. 187) was preferred by
  all and was considered most appropriate for all
  users
• round dialog box (p.186) was strongly disliked by
  everyone
• Read more in activity 5.1, page 186-188.

9
Friendly interfaces

• 1990a use of friendly agents at the interface
• At home with Bob (Microsoft) (p.189)
• aim to make users feel more at ease and
  comfortable
• 3D metaphors based on familiar places (e.g.
  living rooms)
• Agents in the guise of pets (e.g. bunny, dog)
  were included to talk to the user

10
Friendly interfaces

• Clippy (Microsoft windows 98)
• Why was Clippy dislikedby so many?
• Was it annoying,distracting,patronising or
  other?
• What sort of user liked Clippy?

11
Poor design

• Interfaces when poorly designed make users feel
• stupid, feel insulted and threatened
• List some of the frustrations that you may have
  when using a computer

12
User frustration

• Many causes
• When an application doesnt work properly or
  crashes
• When a system doesnt do what the user wants it
  to do
• When a users expectations are not met
• When a system does not provide sufficient
  information to enable the user to know what to do
  
• When error messages pop up that are vague, obtuse
  or condemning
• When the appearance of an interface is garish,
  noisy, gimmicky or patronizing
• When a 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

13
Activity 5.2

• Page 190
• Provide specific examples for each of the
  previous slide with an interactive device
• Phone, VCR, vending machine, printer, digital
  camera, computer

14
Gimmicks

• Amusing to the designer but not the user, e.g.,
• Clicking on a link to a website only to discover
  that it is still under construction

15
Error messages

• The application Word Wonder has unexpectedly
  quit due to a type 2 error.
• Why not instead
• the application has expectedly quit due to poor
  coding in the operating system

16
Error messages

• Shneidermans guidelines for error messages
  include
• Avoid using
• terms like FATAL, INVALID, BAD
• Audio warnings
• UPPERCASE and long code numbers
• And
• Messages should be precise rather than vague
• Provide context-sensitive help
• See page 192, BOX 5.1

17
Website error messages
18
More helpful 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.

19
Activity 5.3

• Look at the BOLD statements (p.192-193)
• Imagine a specific context where these errors may
  occur
• Rewrite the common error messages to usable,
  useful and friendly language

20
Other Frustrations

• Waiting
• Upgrading software
• Appearance
• Overloaded with graphics and text
• Flashing animations
• Over-use of sound effects
• Excessive of features
• Poorly designed input devices

21
Dealing with user frustration

• Helpful tips help user get to the next step
• Should computers say theyre sorry?
• Reeves and Naas (1996) agree
• emulate human etiquette
• Would users be as forgiving of computers saying
  sorry as people are of each other when saying
  sorry?
• How sincere would they think the computer was
  being? For example, after a system crash
• Im really sorry I crashed. Ill try not to do
  it again
• How else should computers communicate with users?

22
Persuasive technologies

• Technologies deliberately designed to change
  peoples attitudes and behaviours
• Fogg (2003) coined the phrase
• techniques
• Pop-up ads, warning messages, reminders, prompts,
  personalized messages, recommendations, Amazon
  1-click
• Digital pets see figure 5.9, p.196
• Waterbot water monitoring system
• Question is technology able to change people
  and their behaviours?

23
Nintendos Pocket Pikachu (p.196)

• Changing bad habits and improving well being
• Designed to motivate children into being more
  physically active on a consistent basis
• The owner of the digital pet that lives in the
  device is required to walk, run, or jump
• If owner does not exercise the virtual pet
  becomes unhappy and eventually dies

24
Activity 5.4, p.197

• Which method is more pervasive for giving up
  smoking?

25
Deceptive technology

• Internet fraud
• Email letters
• Phishing (fishing) scams

26
Phishing and trust

• Web used to deceive people into parting with
  personal details
• e.g. paypal, ebay and won the lottery letters
• Allows Internet fraudsters to access their bank
  accounts and draw money from them
• Many vulnerable people fall for it
• The art of deception is centuries old but
  internet allows ever more ingenious ways to
  trick people

27
Anthropomorphism

• Attributing human-like qualities to inanimate
  objects (e.g. cars, computers)
• Well known phenomenon in advertising
• Dancing butter, drinks, breakfast cereals
• Much exploited in human-computer interaction
• Make user experience more enjoyable, more
  motivating, make people feel at ease, reduce
  anxiety
• Used particularly with children and
  games/learning programs

28
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. Lets start again.
• User 24, commence exercise 5.

29
Which do you prefer?

• 2. Feedback when get something wrong
• Now Chris, thats not right. You can do better
  than that.Try again.
• Incorrect. Try again.
• Is there a difference as to what you prefer
  depending on type of message? Why?

30
Evidence to support anthropomorphism

• Reeves and Naas (1996) found that computers that
  flatter and praise users in education software
  programs -gt 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

31
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 say
• Now Chris, thats 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)

32
Virtual characters

• Increasingly appearing on our screens
• Web agents, characters in videogames, learning
  companions, wizards, pets, newsreaders, popstars
• Provides a persona that is welcoming, has
  personality and makes user feel involved with them

33
Disadvantages

• Lead people into false sense of belief, enticing
  them to confide personal secrets with chatterbots
  (e.g. Alice)
• Annoying and frustrating
• e.g. Clippy
• Not trustworthy
• virtual shop assistants?

34
Rea - real estate agent (p.206)

• Rea present an apartment for sale
• Human-like body
• Uses gesture, non-verbal communication (facial
  expressions, winks) while talking
• Sophisticated AI techniques used to enable this
  form of interaction

35
Conversation with Rea

• Mike approaches screen and Rea turns to face him
  and says
• Hello. How can I help you?
• Mike Im 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 Its 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?

36
Virtual agents

• What do the virtual agents do?
• Do they elicit an emotional response in you?
• Do you trust them?
• What is the 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?

37
Virtual pets

• (for images view pages 203-205)
• Silas the dog (Blumberg, 1996)
• Autonomous pet with internal states
• Able to respond to external events

38
Virtual learning companions

• Play a collaborative role at the interface
• Often cartoon-like
• e.g., Herman the bug(Lester et al, 1997)
• Flies into plantsand explains things on-the-fly
  and gives advice to students

39
What makes an agent believable?

• Believability refers to the extent to which users
  come to believe an agents intentions and
  personality
• Appearance is very important
• Are simple cartoon-like characters or more
  realistic characters, resembling the human form
  more believable?
• Behaviour is very important
• How an agent moves, gestures and refers to
  objects on the screen
• Exaggeration of facial expressions and gestures
  to show underlying emotions (c.f. animation
  industry)

40
Emotional design model

• Norman (2004), Figure 5.18, page 208
• Explains how emotions and behaviour are
  determined by different levels of the brain
• Visceral - automatic response (triggered by
  emotional response)
• Behavioural brain processes (routine
  operations talking, driving)
• Reflective think about activity

41
Claims from model

• Our emotional (also known as affective) state
  changes how we think when
• anxious, frightened or angry
• we focus narrowly and body responds by tensing
  muscles and sweating
• more likely to be less tolerant
• happy
• we are less focused and the body relaxes
• more likely to overlook minor problems and be
  more creative

42
Implications

• Should we, therefore, create products that adapt
  according to peoples different emotional states?
  
• When people are feeling angry should an interface
  be more attentive and informative than when they
  are happy?
• Is Norman right?
• designers can get away with more for products
  intended to be used during leisure time than
  those designed for serious tasks (see Activity
  5.5, page 209)

43
Pleasure model (Jordon 2000)

• Considering design in terms of pleasure, using a
  framework
• Framework
• (i) physio-pleasure- touch, feel,..
• (eg sleek mobile device)
• (ii) socio-pleasure the people connection
• (eg Showing digital photos to friends)
• (iii) psycho-pleasure - emotional/cognitive
• (eg when software is easy to use and to do
  things)
• (iv) ideo-pleasure - personal values
• (eg buying a hybrid car for environmental
  reasons)

44
Technology as Experience

• McCarthy and Wright (2004) framework of the user
  experience
• how the interface is felt by the user
• Made up of 4 core threads
• 1. Sensual
• level of absorption with technology (flow)
• (computer games, chatting)

45
Technology as Experience

• 2. Emotional
• stem from interaction or desire
• (want buy sleek mobile but maybe too expensive)
  
• 3. Compositional
• making sense of the interaction
• (shopping online, sequence of actions to achieve
  a purchase)
• 4. Spatio-temporal
• relationship of space and time
• (part of our language own space, standing still)

46
Technology as Experience

• Threads help designers think and talk about
  interaction
• Concrete examples of technology and experience of
  use of the technology
• Eg buying clothes online
• Fear or joy of buying new outfit
• Time and place where it is purchased
• Tensions of how to engage with anonymous website
• Value judgements between cost and spending
• Internal dialogue for clothes chosen size,
  look, matching items

47
Activity

• Use the threads (sensual, emotional,
  compositional, spatio-temporal) to buy either
• MP3 player or new plasma TV
• Read case study 5.1, page 213 for more design of
  technology situations

48
Key points

• Affective aspects are 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 agents and other virtual characters
  as part of an interface
• Models of affect provide a way of conceptualizing
  emotional and pleasurable aspects of interaction
  design