Emotion, Arousal, Attention and Flow: Chaining Emotional States to Improve Human Computer Interaction
Report
Share
•122 likes•11,671 views
![Why is Emotion Important to UX? ,[object Object],• Would you let layout, interaction, or information architecture occur randomly? • Our lives are chains of emotional states](https://image.slidesharecdn.com/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-12255/75/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-3-2048.jpg?cb=1666628003)
![Introduction and Overview ,[object Object],? ,[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-12255/75/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-4-2048.jpg?cb=1666628003)
![Differentiating by Dimensions ,[object Object],Emotional States (van Gorp 2006 - adapted from Desmet 2002) • Value (Pleasant vs. Unpleasant) • Physiological arousal (Anxiety vs. Boredom)](https://image.slidesharecdn.com/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-12255/75/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-6-2048.jpg?cb=1666628003)
![Differentiating by Expressions ,[object Object],[object Object],[object Object],• External, public expressions: ,[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-12255/75/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-7-2048.jpg?cb=1666628003)
![Emotions and Cognition ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(Norman 2004)](https://image.slidesharecdn.com/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-12255/75/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-9-2048.jpg?cb=1666628003)
![Emotions and Cognition ,[object Object],(van Gorp 2006 from Yerkes-Dodson, 1908)](https://image.slidesharecdn.com/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-12255/75/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-10-2048.jpg?cb=1666628003)
![Arousal, Attention, and Flow ,[object Object],[object Object],• Attention - selects relevant information • Focus of attention - is what enters consciousness (Csikszentmahalyi 1990) ,[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-12255/75/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-11-2048.jpg?cb=1666628003)
![Products as Personalities ,[object Object]](https://image.slidesharecdn.com/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-12255/75/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-15-2048.jpg?cb=1666628003)
![State Chaining ,[object Object],State Chaining: From Problem State to Desired State (van Gorp 2006 - adapted from Dilts and De Lozier 2000)](https://image.slidesharecdn.com/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-12255/75/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-23-2048.jpg?cb=1666628003)
![www.nform.ca [email_address]](https://image.slidesharecdn.com/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-12255/75/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-65-2048.jpg?cb=1666628003)
![References ,[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-12255/75/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-66-2048.jpg?cb=1666628003)
![References ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-12255/75/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-67-2048.jpg?cb=1666628003)
![References ,[object Object],[object Object],[object Object],[object Object],[object Object]](https://image.slidesharecdn.com/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-12255/75/emotion-arousal-attention-and-flow-chaining-emotional-states-to-improve-human-computer-interaction-68-2048.jpg?cb=1666628003)
Emotion, Arousal, Attention and Flow: Chaining Emotional States to Improve Human Computer Interaction
•122 likes•11,671 views
Report
Share
An overview of how designing for emotion relates to UX and flow, how the appearance and interaction of products communicate a personality to the user, and how emotions can be "chained" to enhance persuasion and influence behaviour.
More Related Content
What's hot
What's hot(20)
Viewers also liked
Viewers also liked(20)
Similar to Emotion, Arousal, Attention and Flow: Chaining Emotional States to Improve Human Computer Interaction
Similar to Emotion, Arousal, Attention and Flow: Chaining Emotional States to Improve Human Computer Interaction(20)
Recently uploaded
Recently uploaded(20)
Emotion, Arousal, Attention and Flow: Chaining Emotional States to Improve Human Computer Interaction
- 1. Emotion, Arousal, Attention and Flow: Chaining Emotional States to Improve Human-Computer Interaction by Trevor van Gorp Dr. Ron Wardell Faculty of Environmental Design University of Calgary Edie Adams Microsoft Research © Trevor van Gorp, 2006 March 26th, 2006 Trevor van Gorp, BFA (Hon.), M.E.Des (Industrial Design) User Experience Consultant nForm User Experience Edmonton, Alberta, Canada
- 2. Why is Emotion Important to UX? “ Let's not forget that the little emotions are the great captains of our lives and we obey them without realizing it.“ Vincent Van Gogh, 1889
- 5. What differentiates one emotion from another?
- 8. What emotional states should be our goal?
- 12. Anxiety, Boredom and Flow (Csikszentmihalyi 1990 - Dots and text added: van Gorp 2006) Level of Physiological Arousal
- 13. Emotional States (van Gorp 2006 - adapted from Desmet 2002, Russell 1980) Flow (adapted from Csikszentmahalyi 1990)
- 14. What specific product properties elicit changes in emotions?
- 16. Interaction as Conversation http://www.amp88.plus.com/file%20open%20error.JPG
- 17. Interaction as Conversation Omni Graffle 4
- 19. Personalities and Conversations • What visual characteristics are associated with personality type? Submissive • smaller • lighter in colour • lighter in weight • rounded • feminine Dominant • larger • darker • heavier • angular • masculine www.sitesdesignedbysites.com www1.folha.uol.com.br
- 20. In what sequence should we elicit emotions?
- 21. State Chaining Emotional States (van Gorp 2006 - adapted from Desmet 2002) Flow (adapted from Csikszentmahalyi 1990)
- 22. State Chaining Pacing, Rapport and Leading: Interaction, Personality and Behaviour (van Gorp 2006)
- 24. The Affect Circumplex (van Gorp 2006) adapted from (Desmet 2002)
- 25. State Chaining Example - New User (van Gorp 2006)
- 26. Design Process
- 38. Visual Design
- 39. © Trevor van Gorp, 2006
- 40. © Trevor van Gorp, 2006
- 41. © Trevor van Gorp, 2006
- 42. © Trevor van Gorp, 2006
- 43. © Trevor van Gorp, 2006
- 44. © Trevor van Gorp, 2006
- 45. © Trevor van Gorp, 2006
- 46. © Trevor van Gorp, 2006
- 47. © Trevor van Gorp, 2006
- 48. © Trevor van Gorp, 2006
- 49. © Trevor van Gorp, 2006
- 50. © Trevor van Gorp, 2006
- 51. © Trevor van Gorp, 2006
- 52. © Trevor van Gorp, 2006
- 53. © Trevor van Gorp, 2006
- 54. © Trevor van Gorp, 2006
- 55. © Trevor van Gorp, 2006
- 56. © Trevor van Gorp, 2006
- 57. © Trevor van Gorp, 2006
- 58. © Trevor van Gorp, 2006
- 59. © Trevor van Gorp, 2006
- 60. © Trevor van Gorp, 2006
- 61. © Trevor van Gorp, 2006
- 62. © Trevor van Gorp, 2006
- 63. © Trevor van Gorp, 2006
- 64. © Trevor van Gorp, 2006