Download - Emotion Driven Design

Transcript
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/