Week 10 Emotional Interaction Flashcards
Traditional User Experience: Focus: List
- Ease to use
- Efficient
- effective
Modern User Experience: Focus: List
Pyramid: Emotional Design (Top Down)
Pleasurable
Usable
Reliable
Functional
Classical Theories of Emotion
Stimulus -> Changes in body -> Emotion
Stimulus -> Cognitive Appraisal -> Emotion
Relationship between UI, Emotion and Feeling
UI -> Emotion -> Feeling About UI
UI -> Feeling About UI
Emotion, Feeling and Mood: How They Work Together
UI can make people happy, sad, change how they feel all the emotions lol
Emotional Interaction in HCI: Definition
“How users feel and react when
interacting with technologies.”
Forgivingness in HCI
“People will forgive minor frustrations when they
encounter imperfections in attractive products.”
Emotional Interaction: Arnold’s Appraisal Theory of Emotion
UI <perception> Cognitive Appraisal <generation> Emotion <response> Action</response></generation></perception>
Emotional Interaction: Classification
(The two branches)
Emotional Interaction creates two branches into
Emotional Design & Affective Computing
Emotional (UI) Design
…the creating of UIs that evoke positive emotions
to foster positive user experience and create a
strong connection between users and the product.
Russell’s Circumplex Model (1980)
Big circle with lots of emotions around the edges of the circle
Plutchik’s Emotional Wheel (FAST-DAYS)
Fear
Anger
Sadness
Trust
-
Disgust
Anticipation
Joy
Suprise
Don Norman’s 3 Cognitive Levels of Emotional Design
Reflective: Overall impression
Behavioral: Usability & Performance
Visceral: Initial attractiveness and appeal
“Friendly” Interfaces Evoke Positive Emotions: Research
But don’t make them too child like or annoying or difficult to understand and use.
Persuasive Technology (PT) – (Fogg, 2003)
Interactive systems
designed to change
people’s attitudes and
behaviors
* Self-monitoring
* Feedback
* Suggestions
* Reminders
* Incentives
* Social influence
Examples:
* Fitbit
* Fitness app
* Recommender system
* E-commerce websites
* Amazon 1-click
How to Apply Emotional Design
Gain a deep understanding
of your users
Begin with a good
functional design
Emotional Design Guidelines (13)
Give your work a signature
personality
Make design engage users as
a personable character
Use video/sound to carry
messages “in character”
Use the right tone to inspire
or accommodate emotions
Customize microcopies to
what users can relate to
Personalize the
experience for different
users
Use gamification elements
Use polite, light-hearted/
humorous messages
Use color and contrast
advantageously
Use storytelling to elicit
emotions, empathy, interest
Use anthropomorphic
objects appropriately
Use zoomorphic objects
and shapes appropriately
Use Skeuomorphic
elements appropriately
Anthropomorphism: Media Equation (Reeves and Nass, 2003)
People tend to treat computers and other
media as if they were real people
Argument: computers should emulate
human etiquette…
Would users be as forgiving of computers
saying sorry…
How sincere would they think the
computer is being?
How else should computers communicate
with users?