35
Emotions in UX Design … a mobile UI designer’s perspective DePaul HCI. Sep 2009

(Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

Embed Size (px)

DESCRIPTION

Working version 0.9 Presented at a Human-Computer Interaction Graduate Course of DePaul University, Chicago. Added framework from Don Norman and Ravi Chutturi, along with design research methods I learned from IIT Institute of Design.

Citation preview

Page 1: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

Emotions in UX Design… a mobile UI designer’s perspective

DePaul HCI. Sep 2009

Page 2: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

Can you imagine…

Page 3: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

BMW only sells you cars?

Page 4: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)
Page 5: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

Coke just talks about their fizzy citrus drinks?

Page 6: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)
Page 7: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

What if Diesel just promotes comfort & styles of their jeans?

Page 8: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

All these products have several things in

common.

Page 9: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

Why get so emotional?Why now?

Page 10: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)
Page 11: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

Interaction design a profession is also changing

Page 12: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

Customer loyalty has become very finicky

Page 13: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

emotive Design

Page 14: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

Ok then, how would one approach emotive design?

Page 15: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

User’s alues

Page 16: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)
Page 17: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)
Page 18: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

Context

Page 19: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)
Page 20: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)
Page 21: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)
Page 22: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)
Page 23: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

Frameworks

Page 24: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

Reflective

Behavioral

Visceral

SensoryInput

MotorOutput

Don Norman’s Frameworkon Relationship between Information Processing and Design Goals

Level of Information Processing

Page 25: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

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: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

Insights from the Two Frameworks

• Like reliability, usability is important and expected.

• Pushing beyond usability bring in sensorial qualities (e.g. aesthetics & playfulness)

• Focus on meaningful of features that matching user value and aspirations.

Page 27: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)
Page 28: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

Identifying User Value & Context of Problem

• Approach with Empathy.• Don’t just ask. Watch.• Never, ever, outsource understanding.

Page 29: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

Tools & Methods

Page 30: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)
Page 31: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)
Page 32: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)
Page 33: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)
Page 34: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

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: (Sep 2009) Emotions and Design, a Mobile UI Designer's Perspective (Updated)

About

• Alfred Lui is a Sr. User Interaction Designer in Chicago, specialized in Social Media.

• Alfred worked in Japan, Canada and United States. He currently lives in Chicago, but dreams about retiring in Paris.

• w: www.connection76.com• t: @connection76• e: [email protected]