(oct 2009) emotions and design, a mobile ui designer's perspective
DESCRIPTION
Working version 0.91 Presented at Mobile Monday Chicago. I made some small edits and tuned the presentation for the audience that had more experts from marketing than design.TRANSCRIPT
![Page 1: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/1.jpg)
Emotions in UX Design… a mobile UI designer’s perspective
Mobile Monday Chicago. Oct 2009
![Page 2: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/2.jpg)
Can you imagine…
![Page 3: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/3.jpg)
BMW only sells you cars?
![Page 4: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/4.jpg)
![Page 5: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/5.jpg)
Coke just talks about their fizzy citrus drinks?
![Page 6: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/6.jpg)
![Page 7: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/7.jpg)
What if Diesel just promotes comfort & styles of their jeans?
![Page 8: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/8.jpg)
All these products have several things in
common.
![Page 9: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/9.jpg)
Why get so emotional?Why now?
![Page 10: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/10.jpg)
![Page 11: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/11.jpg)
Interaction design a profession is also changing
![Page 12: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/12.jpg)
Customer loyalty has become very finicky
![Page 13: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/13.jpg)
emotive Design
![Page 14: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/14.jpg)
Ok then, how would one approach emotive design?
![Page 15: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/15.jpg)
User’s alues
![Page 16: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/16.jpg)
![Page 17: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/17.jpg)
![Page 18: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/18.jpg)
Context
![Page 19: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/19.jpg)
![Page 20: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/20.jpg)
![Page 21: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/21.jpg)
![Page 22: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/22.jpg)
![Page 23: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/23.jpg)
Frameworks
![Page 24: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/24.jpg)
Reflective
Behavioral
Visceral
SensoryInput
MotorOutput
Don Norman’s Frameworkon Relationship between Information Processing and Design Goals
Level of Information Processing
![Page 25: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/25.jpg)
Ravi Chitturi’s Frameworkon user’s trade-offs between Hedonistic and Utilitarian Benefits
Utilitarian Benefits : Functional & usable, keeps me out of troubleHedonic Benefits : Good looking, pleasant, helps me promote myself
Expectations Met
Expectations Un-met
Expectations Met
Expectations Un-met
Delight, Excitement*
Guilt, Anxiety
Confidence, Security
Anger, Disappointment*
![Page 26: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/26.jpg)
Insights from the Two Frameworks
• Like reliability, usability is important and expected.
• Focus on meaningful of features that matching user value and aspirations.
• Push beyond usability bring in sensorial qualities and character into interaction design.
![Page 27: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/27.jpg)
![Page 28: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/28.jpg)
Identifying User Value & Context of Problem
• Approach with Empathy.• Don’t just ask. Watch.• Never, ever, outsource understanding.
![Page 29: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/29.jpg)
Tools & Methods
![Page 30: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/30.jpg)
![Page 31: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/31.jpg)
![Page 32: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/32.jpg)
![Page 33: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/33.jpg)
![Page 34: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/34.jpg)
People & Resources
• Emotional Design – Don Norman• Making Meaning – Steve Diller, Nathan Shedroff, and Darrel
Rhea• Design & Emotions Society
– http://www.designandemotion.org/– Design & Emotions Conference 2010, Chicago
• Ravi Chitturi– Department of Marketing, Lehigh University
• Pieter Desmet: studiolab.io.tudelft.nl/desmet/• Dave Armano: http://darmano.typepad.com/logic_emotion/
![Page 35: (Oct 2009) Emotions and Design, a Mobile UI Designer's Perspective](https://reader036.vdocument.in/reader036/viewer/2022062617/54c75bac4a795909428b4683/html5/thumbnails/35.jpg)
About
• Alfred Lui is a Sr. User Mobile Interaction Designer in Chicago, specialized in Social Media.
• Alfred worked in Japan, Canada and United States. Led design workshops and talks in US, UK and Sweden.
• He currently lives in Chicago, but dreams about retiring in Paris.
• w: www.connection76.com• t: @connection76• e: [email protected]