Emotion Driven Design

70
Emotion driven design Lillian Ayla Ersoy @lillaylaux

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, 2013

Transcript of Emotion Driven Design

Page 1: Emotion Driven Design

Emotion driven design Lillian Ayla Ersoy @lillaylaux

Page 2: Emotion Driven Design

For every design action, there is an emotional reaction.

Page 3: Emotion Driven Design

½

Page 4: Emotion Driven Design

What is emotional design?

Page 5: Emotion Driven Design

Emotional design revolves around our needs as humans to bond and create a connection between man and machine.

Page 6: Emotion Driven Design

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

”Designing an interface to be usable is like a chef creating edible food.” Aaron Walters, Design for emotion

Page 8: Emotion Driven Design

“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

DESIGN HEIRARCHY OF HUMAN NEEDS

FUNCTIONAL

RELIABLE

USABLE

PROFICIENCY

CREATIVITY PLEASURABLE

Page 10: Emotion Driven Design

¨ Attractive things work better ¨ - Don Norman

Page 11: Emotion Driven Design

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

Design I I Emotion Motivation

Page 13: Emotion Driven Design

What causes us to go from a passive ¨browsing¨ state to an active ¨doing¨state?

Page 14: Emotion Driven Design
Page 15: Emotion Driven Design

The protective frame

Page 16: Emotion Driven Design

The protective frame

= Lets us focus on the object without distractions

Page 17: Emotion Driven Design

Motivation

Book: This is service design thinking

Page 18: Emotion Driven Design

Making the functional emotional

Page 19: Emotion Driven Design

This carafe is not just a carafe. Meet BOO

Page 20: Emotion Driven Design
Page 21: Emotion Driven Design
Page 22: Emotion Driven Design
Page 23: Emotion Driven Design
Page 24: Emotion Driven Design

Great design awakens the senses and

takes the experience to the next level,

beyond the unexpected.

Page 25: Emotion Driven Design

So how can we apply this to our projects?

Page 26: Emotion Driven Design

A sense of belonging

Page 27: Emotion Driven Design
Page 28: Emotion Driven Design

Stimulating visualization

Page 29: Emotion Driven Design
Page 30: Emotion Driven Design

Dare to stand out from the crowd

Page 31: Emotion Driven Design

Are these two different brands?

Page 32: Emotion Driven Design

Know your audience

Page 33: Emotion Driven Design
Page 34: Emotion Driven Design

Seduction

Page 35: Emotion Driven Design
Page 36: Emotion Driven Design

Gamification

Page 37: Emotion Driven Design

Do you see the difference?

Page 38: Emotion Driven Design
Page 39: Emotion Driven Design

Engaging and relevant (Content design)

Page 40: Emotion Driven Design
Page 41: Emotion Driven Design
Page 42: Emotion Driven Design
Page 43: Emotion Driven Design

The art of engagement = focus

Page 44: Emotion Driven Design
Page 45: Emotion Driven Design
Page 46: Emotion Driven Design

Human-like interactions

Page 47: Emotion Driven Design

Jumping icons

Page 48: Emotion Driven Design

Shaking icons

Page 49: Emotion Driven Design

Embodiment – the 3 dots

Page 50: Emotion Driven Design

Telling or guiding

Page 51: Emotion Driven Design
Page 52: Emotion Driven Design

Storytelling

Page 53: Emotion Driven Design
Page 54: Emotion Driven Design

Personality

Page 55: Emotion Driven Design
Page 56: Emotion Driven Design

When something goes wrong

Page 57: Emotion Driven Design
Page 58: Emotion Driven Design

“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

So… how can we make this happen?

Page 60: Emotion Driven Design
Page 61: Emotion Driven Design

Emotional mapping

Picture: Kissm

etrics.com

Page 62: Emotion Driven Design

Collaboration Foundation of good design

Page 63: Emotion Driven Design

Dynamic journey mapping

Page 64: Emotion Driven Design

Picture: Kissm

etrics.com

Page 65: Emotion Driven Design

Emotional design turns casual users into fanatics, ready to tell others about their positive experience. – Aarron Walter

Page 66: Emotion Driven Design
Page 67: Emotion Driven Design

Stop focusing on what the digital product is.

Start focusing on the impact it leaves on the consumer.

Page 68: Emotion Driven Design

Lillian Ayla Ersoy

Tweets @ lillaylaux

[email protected]

Page 69: Emotion Driven Design

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

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/