Affective UX: Challenges in UX involving affective computing
Emotional and Affective...
Transcript of Emotional and Affective...
![Page 1: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/1.jpg)
Emotional and Affective Design
Can you dig it?
![Page 2: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/2.jpg)
Fall 2019 PSYCH / CS 6755 2
Agenda
ØOverviewØThemesØChallenges/issues
![Page 3: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/3.jpg)
Fall 2019 PSYCH / CS 6755 3
Attractive Things
ØAttractive designs work betterv Tractinsky, ATM designs
ØBut Why?
ØAnd What is �attractive�?
![Page 4: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/4.jpg)
Fall 2019 PSYCH / CS 6755 4
Three LevelsØ Three levels of processing?
(Norman)
v Visceral
• Reflexive, fast
v Behavioral
• Common, interacts with the world
v Reflective
• Cerebral, emotive
Ø So, then…affective design�s impact on usability??
![Page 5: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/5.jpg)
Fall 2019 PSYCH / CS 6755 5
Working (with) the 3 Levels
Visceral design Appearance
Behavioral design Pleasure, effectiveness of use
Reflective design Self esteem, status
(Norman)
![Page 6: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/6.jpg)
Fall 2019 PSYCH / CS 6755 6
Appearance(s)
ØSymmetry = Beauty = Usability ???
![Page 7: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/7.jpg)
Fall 2019 PSYCH / CS 6755 7
Appearance(s)ØAsymmetry = usable ==> beautiful ???
![Page 8: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/8.jpg)
Fall 2019 PSYCH / CS 6755 8
More…
ØAsymmetry, usability, attractive?
![Page 9: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/9.jpg)
Fall 2019 PSYCH / CS 6755 9
Behavior ?
ØFeel => Function ??
![Page 10: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/10.jpg)
Fall 2019 PSYCH / CS 6755 10
Reflective Design
ØClever, clean
![Page 11: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/11.jpg)
Fall 2019 PSYCH / CS 6755 11
Reflective
ØStatus, image
![Page 12: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/12.jpg)
Fall 2019 PSYCH / CS 6755 12
![Page 13: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/13.jpg)
Remember This…?
Fall 2019
Enjoyneering!PSYCH / CS 6755 13
![Page 14: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/14.jpg)
Fall 2019 PSYCH / CS 6755 14
Compelling User Experiences
ØHow to know one when you see one?ØWhat are some means to that end?ØHow to create a compelling experience?
![Page 15: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/15.jpg)
Fall 2019 PSYCH / CS 6755 15
Compelling User Experiences
ØBeyond usability to psychology of rewards, of �feel good�v Challenges / competitionv Achieve status
• Google news badges• Samsung…
v Recognizeachievements
From Anderson, Seductive Interaction Design
![Page 16: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/16.jpg)
Fall 2019 PSYCH / CS 6755 16
Taking Off from Maslow
From Anderson, Seductive Interaction Design
![Page 17: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/17.jpg)
Fall 2019 PSYCH / CS 6755 17
Taking Off from Maslow
![Page 18: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/18.jpg)
Fall 2019 PSYCH / CS 6755 18
Emotional (but for whom?)
![Page 19: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/19.jpg)
Fall 2019 PSYCH / CS 6755 19
Simple (Positive) Example
19
Playful!!
Fun!!
Pleasurable!!
![Page 20: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/20.jpg)
Fall 2019 PSYCH / CS 6755 20
Simple (Negative) Example
ØConveying success in red L
ØMore joyful ways to do it?From Anderson, Seductive Interaction Design
![Page 21: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/21.jpg)
Fall 2019 PSYCH / CS 6755 21
Exclusivity J Snobbery L
21
Another kind of emotion …..
![Page 22: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/22.jpg)
Fall 2019 PSYCH / CS 6755 22
Establishing TrustØ Appearance of trust
v Bank buildings
Ø Extra security measures
v In some sense, the analog of old-style
banks with their heavy stone walls, bars on windows
22
![Page 23: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/23.jpg)
Fall 2019 PSYCH / CS 6755 23
Utilitarian vs. Attractive
![Page 24: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/24.jpg)
Fall 2019 PSYCH / CS 6755 24
Utilitarian vs. Attractive
![Page 25: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/25.jpg)
Fall 2019 PSYCH / CS 6755 25
Balance of Messages (?)
![Page 26: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/26.jpg)
Fall 2019 PSYCH / CS 6755 26
Balance of Messages (?)
![Page 27: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/27.jpg)
Fall 2019 PSYCH / CS 6755 27
Questions
ØWhy is Facebook more fun than email?
ØWhy is Twitter so popular? (…errrr..)
ØHow is status conveyed in various social media? In
multiplayer games?
ØWhat is the power of customization?
![Page 28: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/28.jpg)
Fall 2019 PSYCH / CS 6755 28
Feathers Twitter App is Fun!
http://feathersapp.com/
![Page 29: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/29.jpg)
Fall 2019 PSYCH / CS 6755 29
Why Did Clippit Fail?
ØMicrosoft circa 1998-2004ØPops up when thinks it knows
what you are doing
ØUncanny valley
ØModern AI equivalents?
![Page 30: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/30.jpg)
Fall 2019 PSYCH / CS 6755 30
Linkedin – Updating Profile
Updates to list are animated
(Back in the “fun” era of LinkedIn)
![Page 31: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/31.jpg)
Fall 2019 PSYCH / CS 6755 31
Back to the Psychology Typology of Cognitive Pleasures (in no particular order)
1. Discovery - User experience as exploration of new territory2. Challenge - User experience as obstacles to overcome, goals lying just beyond current skill
and knowledge levels3. Narrative - User experience as story arc (user on hero's journey) and character
identification4. Self-expression - User experience as self-discovery and creativity5. Social framework - User experience as an opportunity for interaction/fellowship with
others6. Cognitive Arousal - User experience as brain teaser7. Thrill - User experience as risk-taking with a safety net 8. Sensation - User experience as sensory stimulation9. Triumph - User experience as opportunity to kick ass10. Flow - User experience as opportunity for complete concentration, extreme focus, lack of
self-awareness 11. Accomplishment - User experience as opportunity for productivity and success12. Fantasy - User experience as alternate reality13. Learning - User experience as opportunity for growth and improvement
Kathy Sierra’s Creating Passionate Users blog http://headrush.typepad.com/creating_passionate_users/2006/04/cognitive_sedu
c.html
Are there others – is this a complete taxonomy?
![Page 32: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/32.jpg)
Fall 2019 PSYCH / CS 6755 32
Kansei Engineering�Kansei Engineering (Japanese: 感性工学 kansei kougaku, emotional / affective engineering) aims the development or improvement of products and services by translating customer's psychological feelings and needs into product's design domain (i.e. parameters).
It was founded by Mitsuo Nagamachi, Ph.D (Professor Emeritus of Hiroshima University & Former Dean of Hiroshima International University) and CEO of International Kansei Design. Kansei Engineering parametrically links customer's emotional responses (i.e. physical and psychological) to a product or service with their properties and characteristics. In consequence, products can be designed to bring forward the intended feeling.”(Wikipedia)
![Page 33: Emotional and Affective Designsonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/105-emotion.pdf · 10. Flow - User experience as opportunity for complete concentration, extreme](https://reader035.fdocuments.us/reader035/viewer/2022081613/5fb8f89a094498322f6c1eff/html5/thumbnails/33.jpg)
Fall 2019 PSYCH / CS 6755 33
To Learn More
ØGooglev �emotional user interfaces�v �affective user interfaces�
ØBooks, blogs, papers
ØObserve and feel and use and feel