Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

32
Emotional design Ontwerpen voor emoties in de eindgebruiker Flin Nortier

description

Dit verhaal over emotional design is door onze ontwerper Flin Nortier gepresenteerd tijdens Design by Fire Cafe op 20 jan. Zijn eerdere artikel over dit onderwerp is te vinden op The Next Web: http://thenextweb.com/dd/2013/08/23/more-impact-through-emotional-design/

Transcript of Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Page 1: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Emotional designOntwerpen voor emoties in de eindgebruiker

Flin Nortier

Page 2: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Wij zijn de toekomst van de expressiviteit van organisaties. Deze zal meer en meer digitaal worden.

Page 3: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Interaction design

Page 4: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Interaction design

image: Koos Looijesteijn

Concept

Page 5: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Interaction design

Concept

Wireframes

image: Koos Looijesteijn

Page 6: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Interaction design

WireframesGraphic design + copywriting

Page 7: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Interaction designGraphic design + copywriting Programming

Page 8: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Interaction designdesign

decisions

WireframesConcept Graphic design + copy writing

Programming

Page 9: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

De blinde vlek• Van functie naar ervaring

Functionele behoeften vervullen Emotionele behoeften vervullen

Page 10: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Functionele behoeften

End users:

• „I need a way to record audio”

• „I need to buy this product”

• „I need an overview of the creative industry in Amsterdam”

Page 11: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Emotionele behoeften

End users:

• „I need to feel safe”

• „I want to feel loved”

• „I want to feel like a rich person”

Page 12: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Emotionele behoeften• Basic human needs are pretty easy to predict

But emotions can be tricky:

• Emotions are often complex and layered!

„Sad & hopeful”/„happy & surprised”/„grief & joy”

• They can be hidden or latent

Page 13: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Source: Plutchik, R. (2003)

Page 14: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Emotioneel ontwerpvoorbeelden

Flitsmeister

Page 15: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Uber

or?

Thriffty

Emotioneel ontwerpvoorbeelden

Page 16: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Experience designwat is het?

Aspired experience

Current experience

Jared Spool zegt:

Page 17: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Experience designwaarom (financieel)?

Pine & Gilmore zeggen:

Page 18: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

image: customerexperienceplanning.com

Experience designHoe?

Page 19: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Model created by: Flin Nortier & Marco van Hout

2. UNIVERSAL MESSAGE

1. MOMENT

3. DESIGN SOLUTION

TIME

Ontbrekende stap in proces: boodschap

Page 20: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

image: customerexperienceplanning.com

2. UNIVERSAL MESSAGE

1. MOMENT

3. DESIGN SOLUTION

TIME

Experience designverbeterd ontwerpproces

Page 21: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

meeting the needs1. Moment: customer is awaiting delivery of mobile phone

Details Customer is anticipative/enthusiastic about the product Need: „I’m anxious to get hands-on”

Time until delivery is +- 2 weeks Need: „I’m impatient”

image: customerexperienceplanning.com

Emotioneel ontwerp

Page 22: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

1 Moment: Customer is awaiting delivery of mobile phone

2. Response (universal message): attend: „have an appetizer” confirm: „it’s underway”

3. Design solutions: Send a confirmation / status update e-mail, show package status when customer logs in.

Offer access to free sms service, premium content, online interactive demo of mobile phone.

meeting the needs

Emotioneel ontwerp

Page 23: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Customer Journey

image: customerexperienceplanning.com

Page 24: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

image: customerexperienceplanning.com

Emotional needs

change

Customer Journey

Page 25: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

meeting the needs1. Moment: customer lost her mobile phone

2. Response: „we’re sorry for your loss” „how can we help?” „here’s a special offer for a replacement”

3. Design solutions:Send a heart warming e-mail/give a call and offer options to help out.

!

image: customerexperienceplanning.com

Emotioneel ontwerp

Page 26: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Emotional Design Model

Model created by: Flin Nortier & Marco van Hout

2. UNIVERSAL MESSAGE

1. MOMENT

3. DESIGN SOLUTION

TIME

Page 27: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

1. Moment! describe the moment!

2. Design solutions convert your responses to concrete design solutions

Emotional Design Modelbefore

Page 28: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

1. Moment! describe the moment

2. Response: Universal message consult your own intuitive emotional response!

3. Design solutions convert your responses to concrete design solutions

2. UNIVERSAL MESSAGE

1. MOMENT

3. DESIGN SOLUTION

TIME

Emotional Design Modelafter

Page 29: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

2. UNIVERSAL MESSAGE

1. MOMENT

3. DESIGN SOLUTION

TIME

Emotional Design Model

Boodschap 2Boodschap 3

Boodschap 1

1. Moment

2. Universal message

3. Ontwerpoplossing

Page 30: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Hoe?1. Kies een moment in de customer journey

2. Verken dit moment zorgvuldig!

• via markt-/gebruikersonderzoek, rollenspel, …

3. Formuleer een universele boodschap!

• Bekijk je eigen emotionele reactie!

• Bespreek dán de universele boodschap met de opdrachtgever voor organisationele-/merkwaarden!

4. Creëer ontwerpoplossingen

Page 31: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Flin Nortier [email protected] www.sodastudio.nl

Page 32: Emotional Design @ Design by Fire Cafe, Utrecht (20 jan 2014)

Click to feel