emotion driven design
DESCRIPTION
Are we getting the intended emotional response we set out to achieve? In this seminar, we explore the powerful effects of emotion in design; from the way we create interfaces to the way we communicate with our clients. We focus on methods that help us create engaging digital experiences that impacts the organization's brand entity by focusing on the customer’s wants and needs. Presentation from IxDA Oslo Meetup, 17. April, 2013TRANSCRIPT
![Page 1: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/1.jpg)
Emotion driven design Lillian Ayla Ersoy @lillaylaux
![Page 2: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/2.jpg)
For every design action, there is an emotional reaction.
![Page 3: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/3.jpg)
½
![Page 4: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/4.jpg)
What is emotional design?
![Page 5: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/5.jpg)
Emotional design revolves around our needs as humans to bond and create a connection between man and machine.
![Page 6: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/6.jpg)
When you have two similar coffee products, emotional design is what makes you makes you choose one over the other.
![Page 7: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/7.jpg)
”Designing an interface to be usable is like a chef creating edible food.” Aaron Walters, Design for emotion
![Page 8: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/8.jpg)
“Emotional design is not about nice-to-have warm fuzzy experiences, it’s central to daily life and the decision-making process for consumers.
The more effectively we can apply emotional design in our site, the better conversion rates and sales will be.”
Aaron Walter, Design for emotion
![Page 9: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/9.jpg)
DESIGN HEIRARCHY OF HUMAN NEEDS
FUNCTIONAL
RELIABLE
USABLE
PROFICIENCY
CREATIVITY PLEASURABLE
![Page 10: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/10.jpg)
¨ Attractive things work better ¨ - Don Norman
![Page 11: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/11.jpg)
Our designs should be:
APPEALING Grab attention
PLEASURABLE Have fun
MEMORABLE Build a relationship
EFFECTIVE Guide the user
The Emotional Design Scale
![Page 12: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/12.jpg)
Design I I Emotion Motivation
![Page 13: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/13.jpg)
What causes us to go from a passive ¨browsing¨ state to an active ¨doing¨state?
![Page 14: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/14.jpg)
![Page 15: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/15.jpg)
The protective frame
![Page 16: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/16.jpg)
The protective frame
= Lets us focus on the object without distractions
![Page 17: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/17.jpg)
Motivation
Book: This is service design thinking
![Page 18: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/18.jpg)
Making the functional emotional
![Page 19: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/19.jpg)
This carafe is not just a carafe. Meet BOO
![Page 20: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/20.jpg)
![Page 21: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/21.jpg)
![Page 22: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/22.jpg)
![Page 23: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/23.jpg)
![Page 24: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/24.jpg)
Great design awakens the senses and
takes the experience to the next level,
beyond the unexpected.
![Page 25: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/25.jpg)
So how can we apply this to our projects?
![Page 26: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/26.jpg)
A sense of belonging
![Page 27: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/27.jpg)
![Page 28: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/28.jpg)
Stimulating visualization
![Page 29: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/29.jpg)
![Page 30: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/30.jpg)
Dare to stand out from the crowd
![Page 31: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/31.jpg)
Are these two different brands?
![Page 32: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/32.jpg)
Know your audience
![Page 33: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/33.jpg)
![Page 34: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/34.jpg)
Seduction
![Page 35: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/35.jpg)
![Page 36: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/36.jpg)
Gamification
![Page 37: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/37.jpg)
Do you see the difference?
![Page 38: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/38.jpg)
![Page 39: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/39.jpg)
Engaging and relevant (Content design)
![Page 40: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/40.jpg)
![Page 41: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/41.jpg)
![Page 42: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/42.jpg)
![Page 43: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/43.jpg)
The art of engagement = focus
![Page 44: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/44.jpg)
![Page 45: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/45.jpg)
![Page 46: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/46.jpg)
Human-like interactions
![Page 47: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/47.jpg)
Jumping icons
![Page 48: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/48.jpg)
Shaking icons
![Page 49: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/49.jpg)
Embodiment – the 3 dots
![Page 50: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/50.jpg)
Telling or guiding
![Page 51: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/51.jpg)
![Page 52: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/52.jpg)
Storytelling
![Page 53: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/53.jpg)
![Page 54: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/54.jpg)
Personality
![Page 55: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/55.jpg)
![Page 56: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/56.jpg)
When something goes wrong
![Page 57: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/57.jpg)
![Page 58: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/58.jpg)
“Emotional design is your insurance to maintain audience trust when things aren’t going your way” Aaron Walter, Design for emotion
![Page 59: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/59.jpg)
So… how can we make this happen?
![Page 60: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/60.jpg)
![Page 61: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/61.jpg)
Emotional mapping
Picture: Kissm
etrics.com
![Page 62: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/62.jpg)
Collaboration Foundation of good design
![Page 63: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/63.jpg)
Dynamic journey mapping
![Page 64: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/64.jpg)
Picture: Kissm
etrics.com
![Page 65: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/65.jpg)
Emotional design turns casual users into fanatics, ready to tell others about their positive experience. – Aarron Walter
![Page 66: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/66.jpg)
![Page 67: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/67.jpg)
Stop focusing on what the digital product is.
Start focusing on the impact it leaves on the consumer.
![Page 69: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/69.jpg)
RESOURCES AND FURTHER READING
§ Design for Emotion - Aaron Walter
§ This is Service Design Thinking - Marc Stickdorn, Jakob Schneider and co-authors
§ Stephen Anderson - Seductive design
§ Don Norman - Emotional Design: Why we love (or hate) everyday things
§ Michael Apter - Reversal Theory: The Dynamics of Motivation, Emotion and Personality (2007)
§ Sabina Idler - Not just pretty: Building emotion into your websites
http://uxdesign.smashingmagazine.com/2012/04/12/building-emotion-into-your-websites/
§ Tad Fry - Design with dissonance
http://uxdesign.smashingmagazine.com/2011/10/13/design-with-dissonance/
§ The evolutionary stability of a bi-stable system of emotions and motivations in species with an open-ended
capacity for learning
http://wiki.omega-research.org/The_evolutionary_stability_of_a_bi-
stable_system_of_emotions_and_motivations_in_species_with_an_open-ended_capacity_for_learning
![Page 70: Emotion Driven Design](https://reader033.vdocuments.us/reader033/viewer/2022051613/54c70d264a795928408b45ba/html5/thumbnails/70.jpg)
RESOURCES AND FURTHER READING
§ Design and Emotion Conference: http://www.dande2012.com/
§ Design and Emotion Society: http://www.designandemotion.org/
§ Researching meaning: Making sense of behaviour Simon Norris http://www.nomensa.com/blog/2012/researching-meaning-making-sense-of-behaviour/
§ Heineken Club Concept. InSites Consulting http://blog.insites.eu/2012/09/20/our-heineken-concept-club-community-wins-best-presentation-award/
§ http://littlebigdetails.com/
§ http://designandemotion.org/blog/2011/07/29/getting-emotional-with-jeroen-van-erp/
§ https://social.ogilvy.com/why-edible-isn%E2%80%99t-good-enough-the-importance-of-emotional-design/
§ http://www.fortune3.com/blog/2012/03/web-design-study-first-impressions/