empathy for product design - workshop

72
Prepared with love by Empathy for Product Design CONNECTING EMOTIONALLY TO MAKE THINGS PEOPLE LOVE

Upload: brian-pagan

Post on 22-Jan-2018

260 views

Category:

Design


3 download

TRANSCRIPT

Page 1: Empathy for Product Design - Workshop

Prepared with love by

Empathy for Product DesignCONNECTING EMOTIONALLY TO MAKE THINGS PEOPLE LOVE

Page 2: Empathy for Product Design - Workshop

How can we make stuff people fall in love with?

Image: CNET

Page 3: Empathy for Product Design - Workshop

But is this what love looks like?

Image adapted from: Floris Looijesteijn

Page 4: Empathy for Product Design - Workshop

Nine out of 10 startups fail…

Why startups fail, according to their founders, Fortune, 2014 – Image adapted from Bill Wadman

If no one wants your product, your company isn’t going to succeed.

- Erin Griffith

Page 5: Empathy for Product Design - Workshop

Hierarchy of User Experience, by Stephen Anderson

Love depends on ahealthy relationship

Page 6: Empathy for Product Design - Workshop

Image adapted from: emergencyresident.com

A hashealthy relationship MEANING

Page 7: Empathy for Product Design - Workshop

Image adapted from: Prosthetic Laboratories

A has

MEANING

RHYTHMhealthy relationship

Page 8: Empathy for Product Design - Workshop

Image adapted from: Lego

A has

MEANING

RHYTHM

healthy relationship PERSONALITY

Page 9: Empathy for Product Design - Workshop

Image: motoandtattoos.tumblr.com

A has

MEANING

RHYTHM

healthy relationship

PERSONALITY

ENDURANCE

Page 10: Empathy for Product Design - Workshop

Enablers help us climb up each step.

SUSTAINABLE ENGAGEMENTLADDER OF

Pathos

Principles

Prototypes

Process

@brianpagan – Feb 2017

Climbing these steps makes a product or service more interesting, engaging, and effective over time.

MEANING

RHYTHM

PERSONALITY

ENDURANCE

Page 11: Empathy for Product Design - Workshop

Hi, I’m Brian!Design humanist on a mission to build a compassionate world with Empathy, Emotion, & Ethics

brianpagan.net@brianpagan

Page 12: Empathy for Product Design - Workshop

The Greatness Studio represents a community of User Experience professionals who explore and improve their craft in a safe, constructive environment.

WE UNLOCK YOUR (TEAM’S) UX SUPERPOWERS WITH COACHING, TRAINING, & CONSULTING.

Page 13: Empathy for Product Design - Workshop

ART

HUMANITY

EMOTION

SCIENCE

TECHNOLOGY

INTELLECT

Our superpowers

come from here

Page 14: Empathy for Product Design - Workshop

MEANING

RHYTHM

PERSONALITY

ENDURANCE

Pathos represents emotional communication and helps us at every step of the Ladder.

Pathos

Principles

Prototypes

Process

Page 15: Empathy for Product Design - Workshop

Human experience lives deep inside, where we can't observe it.

Adapted from Contextmapping: experiences from practice - Froukje Sleeswijk Visser, Pieter Jan Stappers, Remko van der Lugt

Thin

k KnowFeel

DreamSay

UseDo

Page 16: Empathy for Product Design - Workshop

Think

KnowFeel

Dream

Say

Use

Do

Thin

k KnowFeel

DreamSay

UseDo

Empathy lets us connect with

people’s emotional

needs.

Page 17: Empathy for Product Design - Workshop

Design Empathy Framework

Adapted from: Kouprie & Sleeswijk Visser, F (2009) A framework for empathy in design: stepping into and out of the user’s life. Journal of Engineering Design 20(5) 437-448

“[The practitioner] makes a connection on an emotional level with the user by recalling his own feelings & resonating with the user’s experience.”

- Froukje Sleeswijk Visser

Page 18: Empathy for Product Design - Workshop

And we can use acting techniques to help us along the way.

Page 19: Empathy for Product Design - Workshop

What do you think?

Page 20: Empathy for Product Design - Workshop

Warm Up

Discussion

Emotional Vocabulary

Mindfulness Exercise

Empathy Interviews

Sense Memory

Character Study

Needs Mapping

Our Journey Today

Short Break

Page 21: Empathy for Product Design - Workshop

Ok, let’s stand up!

Page 22: Empathy for Product Design - Workshop

An empathic connection depends on these two factors:

Align our own experience with the other person’sProximityDevelop our own empathy skills

Ability

Page 23: Empathy for Product Design - Workshop

AbilityDevelop our own empathy skills

Page 24: Empathy for Product Design - Workshop

Experienceas much as possible.

The more diverse experiences you have to draw from, the easier it is to relate to others’ experiences.

Image adapted from Moyan Brenn

Page 25: Empathy for Product Design - Workshop

Take acting classes.Acting is allowing your authentic self to resonate with a character the same way we resonate with other people.

Image adapted from The Los Angeles Method

Page 26: Empathy for Product Design - Workshop

Develop your emotional vocabulary.

Our language and reality shape each other. Specificity helps us understand ourselves and each other.

Plutchik’s Wheel of Emotion, classtools.net

Page 27: Empathy for Product Design - Workshop

How are you feeling?

Page 28: Empathy for Product Design - Workshop

Image: Keysers, C.

Practice Mindfulness.People who meditate or practice Mindfulness regularly, show increased activity in the brain’s empathy circuit.

Page 29: Empathy for Product Design - Workshop
Page 30: Empathy for Product Design - Workshop

How do you feel now?

Page 31: Empathy for Product Design - Workshop

ProximityAlign our own experience with the other person’s

Page 32: Empathy for Product Design - Workshop

Simulatepeople’s contexts.Place yourself in other people’s worlds with stimuli like rituals, artifacts, places, and people.

Page 33: Empathy for Product Design - Workshop

Image: Andrew Walker

“Eat yourown dogfood.”

Get your team together and use the thing you’re creating. Go through the whole process and see how it makes you feel.

Page 34: Empathy for Product Design - Workshop

Hire your customer.

Burton Snowboards only hires snowboarders for product development.

Image: Burton

Page 35: Empathy for Product Design - Workshop

Become your customer.“The key is the mental and the emotional issues. I realized those issues are real.”

- Drew Manning, Fit2Fat2Fit

Page 36: Empathy for Product Design - Workshop

Get out and talk to people.

Observe without judgement.Know what you want to learn.Be mindful of your body language.Center yourself before each interview.Silence can be a powerful way to elicit more info.Follow your instincts: valuable insights are often hidden.Pay more attention to your interviewee than your script or notes

Page 37: Empathy for Product Design - Workshop

Jobs to Be Done

“When we buy a product,

we essentially ‘hire’ it to

help us do a job.”

- Clayton Christensen

Image: Implement Consulting Group

Page 38: Empathy for Product Design - Workshop

Remember the 5 Why's

Why?Why?

Why?Why?

Why?

Don’t ask people “why” directly. Instead, ask follow-up questions, observe body language, and be specific.

I need…

Thin

k KnowFeel

DreamSay

UseDo

Page 39: Empathy for Product Design - Workshop

Simple Character Map

What puts us in a position to help?

What pains does this person need

to relieve?

For what delights is this

person hunting?What’s holding this

person back?

Page 40: Empathy for Product Design - Workshop

Let’s take a break!

Page 41: Empathy for Product Design - Workshop

Box breathing is a relaxation technique for stressful situations.

Let’s get centered.Image adapted from US Navy

Page 42: Empathy for Product Design - Workshop

#empathy4design

Conduct your interview

Split into pairs, interview for 5 minutes, then swap.

What pains does this person need to relieve?

For what delights is this person hunting?

What’s holding this person back?

What puts us in a position to help?

10 minutes

Page 43: Empathy for Product Design - Workshop

Include stakeholders in your analysis process.

“If you want to go fast, go alone.If you want to go far, go together.”

- African proverb

Page 44: Empathy for Product Design - Workshop

The Experience Flow Worksheet can help you map the steps in a person’s journey.

Download

Page 45: Empathy for Product Design - Workshop

The Character Map Canvas can help put together research insights.

Download

Page 46: Empathy for Product Design - Workshop

Image : Cleveland Clinic

Bring characters to life with artifacts like videos or posters.

Page 47: Empathy for Product Design - Workshop

Here's our Design Brief for this workshop.

Page 48: Empathy for Product Design - Workshop

This is Sarah.

Sarah just got surgery for carpel tunnel syndrome and needs to do some physical therapy.

Page 49: Empathy for Product Design - Workshop

Our "product" is a Virtual Reality digital coach that Sarah can use at home or at a therapy clinic.

Image: vrphysio.com

Page 50: Empathy for Product Design - Workshop

Sarah “I need to do my exercises.”

Carpel Tunnel syndrome At home, without my therapist

Page 51: Empathy for Product Design - Workshop

Sarah

Page 52: Empathy for Product Design - Workshop

We’ll be empathizing with Sarah today.

Page 53: Empathy for Product Design - Workshop

“Acting is the ability to live truthfully under imaginary circumstances.”

- Sanford Meisner

Page 54: Empathy for Product Design - Workshop

Method acting, at its core, has two components:

Creatingemotional reality

Expressingemotional reality

Page 55: Empathy for Product Design - Workshop

Think

KnowFeel

Dream

Say

Use

Do

Sense Memoryhelps us recall emotions with our imagination.

Page 56: Empathy for Product Design - Workshop

Sense Memory for Affect

Connect others’ emotional experiences to our own reality.

10 minutes

#empathy4design

Page 57: Empathy for Product Design - Workshop

Think

KnowFeel

Dream

Say

Use

Do

We can also feed our emotional reality by expressing it.

Page 58: Empathy for Product Design - Workshop

Write a letter

Become Sarah and write a letter to your grandchildren.

5 minutes

#empathy4design

Rules:1. Don’t stop2. Don’t think (feel instead)3. Don’t edit or proofread4. Just write!

Page 59: Empathy for Product Design - Workshop

PEOPLE’S NEEDS

Opportunities to innovate

Opportunities to engage

Opportunities to make change

Page 60: Empathy for Product Design - Workshop

Always go for the deepest layer of truth.

Remember the 5 Why's

Why?Why?

Why?Why?

Why?

I need…

Thin

k KnowFeel

DreamSay

UseDo

Page 61: Empathy for Product Design - Workshop

Download

The Requirements Map shows us people’s needs in a visual way.

Page 62: Empathy for Product Design - Workshop

We always start with the person we’re creating for and her objective.

Page 63: Empathy for Product Design - Workshop

We mapped this on the Experience Flow Worksheet.

Page 64: Empathy for Product Design - Workshop

Sarah

“I need to do my exercises.”

Page 65: Empathy for Product Design - Workshop

Sarah

“I need to do my exercises.”

Then, we plot the scenes from Sarah’s Experience Flow.

Page 66: Empathy for Product Design - Workshop

Sarah

“I need to do my exercises.”

Sarah’s physical therapist recommends exercises Treatment plan Exercises Yay, Sarah gets better!

Page 67: Empathy for Product Design - Workshop

Sarah

“I need to do my exercises.”

Sarah’s physical therapist recommends exercises Treatment plan Exercises Yay, Sarah gets better!

Then, you can plot Sarah’s needs for each scene.

Page 68: Empathy for Product Design - Workshop

Sarah

“I need to do my exercises.”

Sarah’s physical therapist recommends exercises Treatment plan Exercises Yay, Sarah gets better!

I need to do XYZ I need to know XYZ

I need to feel XYZ

I need to understand XYZ

I need to decide XYZ

I need help with XYZ

I need to remember XYZ

Page 69: Empathy for Product Design - Workshop

Sarah

“I need to do my exercises.”

Sarah’s physical therapist recommends exercises Treatment plan Exercises Yay, Sarah gets better!

I need to do XYZ I need to know XYZ

I need to feel XYZ

I need to understand XYZ

I need to decide XYZ

I need help with XYZ

I need to remember XYZ

Map Sarah’s Needs For each scene in the Experience Flow, add the character’s needs.10 minutes

#empathy4design

Page 70: Empathy for Product Design - Workshop

Empathy over ego“The best user experience designers practice UX because they love getting to know people on a very personal level.

Their passion in life is connecting with other people and understanding them in ways others don’t.”

- Whitney Hess

Image adapted from John Morrison

Page 71: Empathy for Product Design - Workshop

Let’s discuss!

Page 72: Empathy for Product Design - Workshop

Let’s connect with people and bring humanity back to design - together

#empathy4design

Thank you!

Get the slides & more reading here

d3e.co/uxify@brianpagan