SlideShare a Scribd company logo
FOR DAMN GOOD DIGITAL DESIGN
Journey Mapping
CHARLOTTE DIGITAL SUMMIT 2015 - @REBEKAHCANCINO
Roadtrippin’ with Dad
Quite the journey
Remember these?
Roadside design decisions
UNDERSTANDING THE TRAVELER’S NEEDS
Get your kicks...
So glamorous
All the necessities
Not necessary at all
Context, baby
THINKING
DOINGFEELING
The user’s context
From Daniel Eizans
THINKING
DOINGFEELING
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
Parents: tired,
hungry
Kids: restless,
hungry
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!	
  
Motels vs. hotels: affordable, swimming pool,
parking nearby rooms, outside facing doors
Clustering necessities: lodging, food, gas
Roadside attractions with novel flair
Showers, truck washes, auto repair
And so on…
Contextually relevant experiences
Design for context
AND EVERYTHING ELSE WILL FOLLOW
Context
The mobile context?
“I love fiction. Unicorns, UFOs, faith healing, the
Mobile Web, the Mobile Context, psychics.”
- Stephen Hay
CONTEXT ISN’T TIED TO DEVICES
CONTEXT IS TIED TO PEOPLE
Responsive website or native app?
iOS and Android? Windows?
Features?
Gestures?
Wondering where to start?
THINKING
DOINGFEELING
Start with context
What actions are users taking to meet their needs?
What’s the real goal or hidden motivation?
What do they expect?
What are their potential high points and low points?
What devices do they use? For what? When?
Then keep going...
Why map the journey?
BUILD ALIGNMENT, ADD VALUE,
AND MAKE STUFF THAT MATTERS
The world’s first
social streaming media player?
Wasted time and money
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 functionality
Discover opportunities for innovation and delight
The value of journey mapping
Journey maps are strategic tools you can use
to save time and money, add value, and make
experiences that matter.
Understanding context clarifies user needs
so that you can create products that deliver
business results.
Strategic direction: Why are we making this, what
problem are we solving?
Required functionality: What features and functionality
should we offer?
Design decisions: How the product should look, sound,
and feel?
Three kinds of insight
Strategic insight
WHAT PROBLEM ARE WE SOLVING?
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
Codesign the way forward
Digital Summit Charlotte: Journey Mapping for Damn Good Digital Design
Formulate a problem statement
Map the user’s context
Share with group, listen for nuances
Look for patterns
After working with customers to define problem and
map context, we discovered that the planned app
was the wrong solution all together.
Digital Summit Charlotte: Journey Mapping for Damn Good Digital Design
Bonus, beyond the journey
Digital Summit Charlotte: Journey Mapping for Damn Good Digital Design
Required functionality
WHAT FUNCTIONALITY AND FEATURES
SHOULD WE OFFER?
Digital Summit Charlotte: Journey Mapping for Damn Good Digital Design
Journey evidence is everywhere
Mine the data, all the data
Made for in-store experiences
Search
For photos on your
phone while you’re
waiting
47
Select
Choose the photos you
want to print
Print & pick-up
Your photos are ready
for pick-up after your
waiting is through
vs.
Digital Summit Charlotte: Journey Mapping for Damn Good Digital Design
Digital Summit Charlotte: Journey Mapping for Damn Good Digital Design
Estimate your fare here!
I mean . . .
Map the journey
User steps (their journey)
Features, functionality, content
Critical steps, what’s going well,
what needs improvement
Design decisions
HOW SHOULD IT LOOK, SOUND, AND FEEL?
Digital Summit Charlotte: Journey Mapping for Damn Good Digital Design
Digital Summit Charlotte: Journey Mapping for Damn Good Digital Design
THINKING
DOINGFEELING
The user’s context
I need a way to
relax, increase my
focus, and be
more intentional
On their phone
trying to focus
their attention,
perhaps in the
mist of a busy
space
Stressed,
overwhelmed,
scattered
Digital Summit Charlotte: Journey Mapping for Damn Good Digital Design
Authentic, helpful, and human
Digital Summit Charlotte: Journey Mapping for Damn Good Digital Design
Digital Summit Charlotte: Journey Mapping for Damn Good Digital Design
“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
Digital Summit Charlotte: Journey Mapping for Damn Good Digital Design
Super secure
Customer:
“Why can’t I take a screenshot while using the Wells Fargo
app on my Android phone?”
Wells Fargo:
“For the safety of our customers we have disabled this
feature in the Android OS… Given that there could be
some sensitive info on the screenshot, we blocked this
capability on Android.”
Get buy-in
HOW TO GET PEOPLE ON BOARD
Journey maps help us: get strategic insight,
prioritize features and functionality, and make good
design decisions.
Whether you’re deciding on language, visual design,
features, gestures or anything else in between—
understanding context and mapping the journey
helps you make it better.
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
rebekahcancino.com
sitewire.com
Happy mapping!

More Related Content

PDF
Mapping the User Journey - PrairieCode 2019
PDF
Introduction to User Experience and case studies from Pakistan
PDF
Esri DevSummit 2016 - Journey Canvas:
PDF
Mapping Experiences and Orchestrating Touchpoints | Chris Risdon & Patrick Qu...
PDF
Emotion Driven Design
PDF
Emotion Driven design
PPTX
Three levels of design
PDF
Screen based-design-amy
Mapping the User Journey - PrairieCode 2019
Introduction to User Experience and case studies from Pakistan
Esri DevSummit 2016 - Journey Canvas:
Mapping Experiences and Orchestrating Touchpoints | Chris Risdon & Patrick Qu...
Emotion Driven Design
Emotion Driven design
Three levels of design
Screen based-design-amy

What's hot (20)

PPTX
Emotional Design
PDF
DT:DC Summer of Design Final 2014
PDF
CMO Congress Gdansk June 2013 - Michael Leander presentation
PPTX
Automotive User Interface Design: Innovative UI design in a slow moving indus...
PPTX
Win hearts, win users with emotional design
PDF
Emotional Design & Human Behavior
PPTX
Designing Great Mobile Apps
PPT
The Psychology of Good Web Design
PDF
The 8 Principles of Design – How to Leverage the Power of Design and Turn Con...
PDF
The school’s guide to modern design trends corwin bermudez
PDF
Emma Duval case study: Treasure Chest
PDF
2019 TFEA - Applied Programming Development: Designing and Controlling the Ev...
PDF
UX Tools, Tips, and Tricks
PDF
5 Things I Wish I Knew – A Service Design Journey
PDF
Human UX: Storytelling For Better Experience
PDF
Designing for a Better User Experience
PPTX
Miva Con 2016 - Ecommerce Trends & Conversion Optimization Best Practices
PDF
Principles of Emotional Design
PDF
UX, the buzz!
PDF
Trekr - Assignment #1
Emotional Design
DT:DC Summer of Design Final 2014
CMO Congress Gdansk June 2013 - Michael Leander presentation
Automotive User Interface Design: Innovative UI design in a slow moving indus...
Win hearts, win users with emotional design
Emotional Design & Human Behavior
Designing Great Mobile Apps
The Psychology of Good Web Design
The 8 Principles of Design – How to Leverage the Power of Design and Turn Con...
The school’s guide to modern design trends corwin bermudez
Emma Duval case study: Treasure Chest
2019 TFEA - Applied Programming Development: Designing and Controlling the Ev...
UX Tools, Tips, and Tricks
5 Things I Wish I Knew – A Service Design Journey
Human UX: Storytelling For Better Experience
Designing for a Better User Experience
Miva Con 2016 - Ecommerce Trends & Conversion Optimization Best Practices
Principles of Emotional Design
UX, the buzz!
Trekr - Assignment #1
Ad

Viewers also liked (20)

PDF
2015展新綠能_LED燈具型錄
PDF
若要為人知,我就是品牌
PPTX
社會安全之大數據分析
PPTX
2012 國中山大學藝文中心 西灣表演藝術季_ 藝遊戲音
PDF
樂水智者要知道的事
PDF
共好讀書會_賽局意識
PDF
NCCU_創創入門_精實創業3_Rabbie_21Oct
PPTX
Paper:Designing the sustainable product-service integration:a product-service...
PDF
求職練功巴士_01_台大不一樣思考社友會
PDF
Deadlines vs. Sad-Lines: Using Cost of Delay to Understand your Customer's Re...
PDF
2015 uxpa closing speech by ditldesign
PDF
設計的心理學 CH7 導讀 (The Design of Everyday Things)
PDF
Service Design Facilitate - double diamond - 服務設計 - 第一個菱形引導心得分享.
PDF
Foundations of Service Design : 服務設計入門與應用
PDF
Introduction to Kanban for Scrum Teams
PDF
2014 Asian Smart Living International School - 宜蘭農業服務設計活動-友善生活小舖
PDF
服務設計個案 - 幫到盲 (with 新竹縣盲人福利協進會)
PPTX
服務設計個案 - 摩斯漢堡 MOS burger service design
PPTX
服務線索service clues - 義美食品
PDF
Better Together: Content Strategy and Design #CSFORUM16
2015展新綠能_LED燈具型錄
若要為人知,我就是品牌
社會安全之大數據分析
2012 國中山大學藝文中心 西灣表演藝術季_ 藝遊戲音
樂水智者要知道的事
共好讀書會_賽局意識
NCCU_創創入門_精實創業3_Rabbie_21Oct
Paper:Designing the sustainable product-service integration:a product-service...
求職練功巴士_01_台大不一樣思考社友會
Deadlines vs. Sad-Lines: Using Cost of Delay to Understand your Customer's Re...
2015 uxpa closing speech by ditldesign
設計的心理學 CH7 導讀 (The Design of Everyday Things)
Service Design Facilitate - double diamond - 服務設計 - 第一個菱形引導心得分享.
Foundations of Service Design : 服務設計入門與應用
Introduction to Kanban for Scrum Teams
2014 Asian Smart Living International School - 宜蘭農業服務設計活動-友善生活小舖
服務設計個案 - 幫到盲 (with 新竹縣盲人福利協進會)
服務設計個案 - 摩斯漢堡 MOS burger service design
服務線索service clues - 義美食品
Better Together: Content Strategy and Design #CSFORUM16
Ad

Similar to Digital Summit Charlotte: Journey Mapping for Damn Good Digital Design (20)

PDF
Journey Mapping for Damn Good Digital Design - PHX Digital Summit 2015
PDF
Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015
PDF
Journey Mapping for Damn Good Digital Design - MIMA Summit 2015
PDF
How to catch and cherish customers with Inbound Marketing
PDF
Himesh Portfolio UX updated
PDF
RedSwan5 Digital Workshop for Marketing Teams
PDF
Context, Baby! Context! User Journeys for Responsive Design
PPTX
Gabe's My Creative Life Project #2
PDF
Website Usability & User Experience: Veel bezoekers, weinig klanten?
PDF
VIGC Academy
PDF
Parc & Embarc
PPTX
Bergen Larsen Portfolio - 2016
PDF
January 2015 Digital SIG - Marketing & UX
PDF
Designing Content: Teaching High School Students to Make Mobile Experiences t...
PDF
Product Leadership IRL: Things I wish I'd known a decade ago
PDF
UX workshop
PPTX
Intelligent Tours and Travels .pptx
PDF
NehaKulkarni_Portfolio_UX
PPTX
Design Thinking for Business.pptx
PDF
Quick evaluation
Journey Mapping for Damn Good Digital Design - PHX Digital Summit 2015
Journey Mapping for Damn Good Digital Design - Digital Summit Dallas 2015
Journey Mapping for Damn Good Digital Design - MIMA Summit 2015
How to catch and cherish customers with Inbound Marketing
Himesh Portfolio UX updated
RedSwan5 Digital Workshop for Marketing Teams
Context, Baby! Context! User Journeys for Responsive Design
Gabe's My Creative Life Project #2
Website Usability & User Experience: Veel bezoekers, weinig klanten?
VIGC Academy
Parc & Embarc
Bergen Larsen Portfolio - 2016
January 2015 Digital SIG - Marketing & UX
Designing Content: Teaching High School Students to Make Mobile Experiences t...
Product Leadership IRL: Things I wish I'd known a decade ago
UX workshop
Intelligent Tours and Travels .pptx
NehaKulkarni_Portfolio_UX
Design Thinking for Business.pptx
Quick evaluation

More from Rebekah Baggs (13)

PDF
Bridging Silos Between SEO, UX, and Content for Big Marketing Wins | #DSCHI
PDF
Bridging Silos Between SEO, UX, and Content for Big Marketing Wins | Digital ...
PDF
Optimizing the Journey | MozCon 2016
PDF
DPM Summit 2015 - Next-Level Collaboration: Facilitating Web Content Working ...
PDF
Next-Level Collaboration: the Future of Content and Design | GIANT CONF 2015
PDF
Next-level collaboration: The future of content and design | Confab 2015
PDF
Next Level Collaboration: The Future of Content & Web Design at Future Insigh...
PDF
“Dammit, Jim! I’m a designer, not a copywriter!”
PDF
Phoenix Design Week: User Journeys for Damn Good Digital Design
PDF
The PHX Content Strategy Confab 2013 Recap
PDF
Data Driven: Using Analytics Insights to Guide Effective Content Creation
PDF
PHX Content Strategy Meetup: Designing Effective Communication
PPTX
Social Media 101
Bridging Silos Between SEO, UX, and Content for Big Marketing Wins | #DSCHI
Bridging Silos Between SEO, UX, and Content for Big Marketing Wins | Digital ...
Optimizing the Journey | MozCon 2016
DPM Summit 2015 - Next-Level Collaboration: Facilitating Web Content Working ...
Next-Level Collaboration: the Future of Content and Design | GIANT CONF 2015
Next-level collaboration: The future of content and design | Confab 2015
Next Level Collaboration: The Future of Content & Web Design at Future Insigh...
“Dammit, Jim! I’m a designer, not a copywriter!”
Phoenix Design Week: User Journeys for Damn Good Digital Design
The PHX Content Strategy Confab 2013 Recap
Data Driven: Using Analytics Insights to Guide Effective Content Creation
PHX Content Strategy Meetup: Designing Effective Communication
Social Media 101

Recently uploaded (20)

PPTX
areprosthodontics and orthodonticsa text.pptx
PDF
Quality Control Management for RMG, Level- 4, Certificate
PPTX
Entrepreneur intro, origin, process, method
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PPTX
6- Architecture design complete (1).pptx
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPTX
An introduction to AI in research and reference management
PPTX
Special finishes, classification and types, explanation
PDF
Urban Design Final Project-Site Analysis
PDF
The Advantages of Working With a Design-Build Studio
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PDF
SEVA- Fashion designing-Presentation.pdf
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PDF
Urban Design Final Project-Context
PPTX
rapid fire quiz in your house is your india.pptx
DOCX
actividad 20% informatica microsoft project
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
areprosthodontics and orthodonticsa text.pptx
Quality Control Management for RMG, Level- 4, Certificate
Entrepreneur intro, origin, process, method
mahatma gandhi bus terminal in india Case Study.pptx
6- Architecture design complete (1).pptx
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
An introduction to AI in research and reference management
Special finishes, classification and types, explanation
Urban Design Final Project-Site Analysis
The Advantages of Working With a Design-Build Studio
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
SEVA- Fashion designing-Presentation.pdf
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
Wisp Textiles: Where Comfort Meets Everyday Style
YOW2022-BNE-MinimalViableArchitecture.pdf
Tenders & Contracts Works _ Services Afzal.pptx
Urban Design Final Project-Context
rapid fire quiz in your house is your india.pptx
actividad 20% informatica microsoft project
BRANDBOOK-Presidential Award Scheme-Kenya-2023

Digital Summit Charlotte: Journey Mapping for Damn Good Digital Design