75
` FOR DAMN GOOD DIGITAL DESIGN Journey Mapping DIGITAL SUMMIT DALLAS 2015 - @REBEKAHCANCINO

Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Embed Size (px)

Citation preview

Page 1: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

`  

FOR DAMN GOOD DIGITAL DESIGN

Journey Mapping DIGITAL SUMMIT DALLAS 2015 - @REBEKAHCANCINO

Page 2: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Roadtrippin’ with Dad

Page 3: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Quite the journey

Page 4: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Get your kicks...

Page 5: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Al l the necessities

Page 6: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Not necessary at al l

Page 7: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

So glamorous

Page 8: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

C ontext, baby

Page 9: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

THINKING

DOING FEELING

The user’s context

From Daniel Eizans

Page 10: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

THINKING

DOING FEELING

The user’s context

I need an affordable place

to stay for the night and a way for the kids to release some

energy

Driving for long periods of time with two kids in

the back

Carrying a lot of luggage for the

family

Parent: tired, hungry

Kids: restless,

hungry

Page 11: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Find motel Park, unpack kids, lug into lobby, book room

Park near room, unload kids, bring luggage

Take kids swimming

Find food Go to bed

Dear God, no.  

Hooray!  

Page 12: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Design for context AND EVERYTHING ELSE WILL FOLLOW

Page 13: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

C ontext

Page 14: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

The mobile context?

Page 15: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

“I love fiction. Unicorns, UFOs, faith healing, the Mobile Web, the Mobile Context, psychics.”

- Stephen Hay

Page 16: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

CONTEXT ISN’T TIED TO DEVICES

Page 17: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

CONTEXT IS TIED TO PEOPLE

Page 18: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Responsive website or native app? iOS and Android? Windows? Features? Gestures?

Wondering where to start?

Page 19: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

THINKING

DOING FEELING

Start with context

Page 20: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

What actions are users taking to meet their needs? What’s the real goal or hidden motivation? Why are they here in the first place? What do they expect? What are their potential high points and low points? What devices do they use? For what? When?

Then keep going...

Page 21: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Map the journey

Page 22: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

User steps ( and needs)

Page 23: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

thoughts, feelings, people involved in decisions

Page 24: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Features, functionality, content

Page 25: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Critical steps, what’s going wel l, what needs improvement

Page 26: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Green: user is having the experience he/she expects or needs

Yellow: thing are going okay, but the experience could be improved

Red: user is NOT having the experience he/she expects or needs

Page 27: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Doing

People, Thoughts, Feelings

Need to buy a

grad gift for niece

Show this to my sister, this is fun part

about planning a surprise

She likes sweet treats,

I hope there is something

grad themed

Visits Shari’s Berries to place an order

I better call customer service, because I’m not finding the info I

need

I’m waiting on hold for way too long.

Waits for order to arrive at niece’s dorm

She’s been so busy, I hope she will be

home for the delivery

How are the berries going to stay fresh if

it’s too warm out?

Page 28: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Why map the journey? BUILD ALIGNMENT, ADD VALUE,

AND MAKE STUFF THAT MATTERS

Page 29: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

The world’s f irst social streaming media player?

Page 30: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Wasted time and money

Page 31: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Create alignment and a shared understanding of the users journey, behaviors, and needs Remove politics and pet projects out of product design Prioritize needs and identify key content and functionality Discover opportunities for innovation and delight

The value of journey mapping

@rebekahcancino

Page 32: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Journey maps are strategic tools you can use to save time and money, add value, and make experiences that matter.

@rebekahcancino

Page 33: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Understanding context clarifies user needs so that you can create products and digital experiences that deliver business results.

@rebekahcancino

Page 34: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Strategic direction: Why are we making this, what problem are we solving? Required functionality: What content, features, and functionality do we need? Design decisions: How should this look, sound, and feel?

Three kinds of insight

Page 35: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Strategic insight WHAT PROBLEM ARE WE SOLVING?

Page 36: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Invite two groups of users from each key segment: they formulate problem statement, you ask smart questions Have internal cross-discipline team of stakeholders help facilitate: build shared understanding, get alignment on direction Share ideas with the group: listen for nuances, patterns, and hidden motivations

C odesign the way forward

@rebekahcancino

Page 37: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015
Page 38: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Map the user’s context

Page 39: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

USER + NEED + INSIGHT

An anxious aunt sending a grad gift

To feel

good about her gift choice

Once she sends the berries she worries

about if her niece will be there to receive it, will they spoil?

Uncover insight

Page 40: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Formulate a problem statement, together

Page 41: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

We believe that ___________ has ________________ and that ______________may solve this problem by ____________________ and _____________________. We will know we have succeeded when ___________________and/or ____________________ reaches ___________________.

(USER) (PROBLEM)

(THIS SOLUTION)

(THIS ASPECT) (THAT ASPECT)

(QUANTATIVE MEASURE)(QUALITATIVE MEASURE)

(THIS LEVEL)

@kevinmhoffman

Page 42: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Share with group, listen for nuances

Page 43: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Look for patterns

Page 44: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

After working with customers to define problem and map context, we discovered that the planned app was the wrong solution all together.

Page 45: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015
Page 46: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015
Page 47: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Required functionality WHAT FUNCTIONALITY AND FEATURES

SHOULD WE OFFER?

Page 48: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Journey evidence is everywhere

Page 49: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Mine the data, al l the data

Page 50: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015
Page 51: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Made for in-store experiences

Page 52: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

vs.

Page 53: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015
Page 54: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015
Page 55: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Estimate your fare here!

Page 56: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

I mean ...

Page 57: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

More control over his or her shopping experience Reduce stress and provide peace of mind Eliminate shopping hassles and automate applying discounts or input of information

Give customers a great experience

@rebekahcancino

Page 58: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Of customers would pay more if they got the top 3 experience aspects they want most from a retailer

53% SYNCHRONY FINANCIAL, THE RETAIL CUSTOMER EXPERIENCE 2015  

Page 59: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Of customers would shop more often if they got the top 3 experience aspects they want most from a retailer

77% SYNCHRONY FINANCIAL, THE RETAIL CUSTOMER EXPERIENCE 2015  

Page 60: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Design decisions HOW SHOULD IT LOOK, SOUND, AND FEEL?

Page 61: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015
Page 62: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

THINKING

DOING FEELING

The user’s context

I need a way to relax, increase my

focus, and be more intentional

New to meditation and trying to focus their attention

On their phone with access to

many distractions

Stressed, overwhelmed,

scattered

unsure of how meditation works,

curious

Page 63: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015
Page 64: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015
Page 65: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Authentic, helpful, and human

Page 66: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015
Page 67: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015
Page 68: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

“I didn’t go looking for grief this afternoon, but it found me anyway, and I have designers and programmers to thank for it. In this case, the designers and programmers are somewhere at Facebook.”

@meyerweb

Inadvertent algorithmic cruelty

Page 69: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015
Page 70: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Don’t assume, regularly test assumptions and ask users for feedback Stress test design decisions, see where an experience might break down

Be careful

@rebekahcancino

Page 71: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Start mapping AND MAKE THINGS THAT MATTER

Page 72: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Journey maps help us: get strategic insight, prioritize features and functionality, and make good design decisions. Whether you’re making decisions on content, features, functionality, gestures or anything else in between—understanding context and mapping the journey helps you make it better. @rebekahcancino

Page 73: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

Save time and money by getting to the best solution faster with less rework. Gain and retain customers by providing them with elegant solutions they need.

The value of understanding context and mapping the journey

@rebekahcancino

Page 74: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

mappingexperiences.com dschool.stanford.edu

Further reading

Page 75: Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015

@rebekahcancino togetherly.co

Happy mapping!