SlideShare a Scribd company logo
Intro to User Journey Maps
for Building Better Websites
Cornell Drupal Camp 2016 • #DrupalCampCU • @anthonydpaul
Which design is better? Which cost more?
Both are inappropriate in context (props to Jeff Patton for the cake metaphor)
Websites work the same.
Who is it for?
Where are they using it?
How does it fit into their life?
All of this affects the type of
cake website we make.
website
journey website
journey website
journey website
People are complex
Thoughts and decisions
Tasks to perform
Discovery and advancement
Motivations and anxieties
Anthony D Paul
Director of User Experience
@anthonydpaul
Don’t assume you need this
Documentation is disposable.
Document to ask and answer
questions—to gain shared
understanding.
1. Who Audience groups
2. Why Motivations, anxieties, influencers
3. What / How Decisions, tasks
4. When / Where Devices, scenarios, entrances, exits
Use any fidelity to ask questions and provide answers
Sources for Audience Information
Interviews with clients and subject
matter experts (SMEs)
Pros: Usually easy to access
Cons: Can introduce stereotypes
Can pit internal politics (ranking opinions)
Interviews with customers (users)
Pros: Best source of qualitative stories
Cons: Needs a diverse sampling
Can be a headache to get access and organize
Usability tests with customers (users)
Pros: Best source of qualitative stories
Shortcut to recommendations
Cons: Needs a diverse sampling
Can be a headache to get access and organize
Usability test today’s site
Survey data
Pros: Great quantitative content
Cons: Needs a diverse sampling
Needs to be analyzed
Web analytics
Pros: Easy to access (if it exists)
Cons: Ambiguous, lacks context
Need to be analyzed
Google Analytics > Audience > User Explorer
Google Analytics > User Explorer
Market reports
Pros: Often does the work for you
Cons: Level of specificity is hit and miss
May or may not map to your segments
Google > filetype:pdf
Google > filetype:pdf
For best results,
a blend of info sources
Example Documents
1. Who Audience groups
2. Why Motivations, anxieties, influencers
3. What / How Decisions, tasks
4. When / Where Devices, scenarios, entrances, exits
Define and prioritize
Audience types
1. Who Audience groups
2. Why Motivations, anxieties, influencers
3. What / How Decisions, tasks
4. When / Where Devices, scenarios, entrances, exits
Audience types (with motivations, anxieties, influencers)
Individual persona
1. Who Audience groups
2. Why Motivations, anxieties, influencers
3. What / How Decisions, tasks
4. When / Where Devices, scenarios, entrances, exits
Determine order, optional, and required
User scenario
Decision phases
Decision flow with UI conversations
Google Analytics > User Explorer
Session flow map
1. Who Audience groups
2. Why Motivations, anxieties, influencers
3. What / How Decisions, tasks
4. When / Where Devices, scenarios, entrances, exits
High-level ecosystem flow (email, 3rd-party systems)
Detailed ecosystem flow (login validation)
Multi-user journey map
Example Project
Summer Camp Website
Define and prioritize groups
• Parents
• School groups and educators
• New camp counselors
• Sponsors/Donors/Partners
• Extra credit = Content administrators
Take one group and document “why”
New Camp Parents
• Want child to learn during summer (motivation)
• Heard about camp from a friend (entrance)
• Find site via Google (entrance)
• May have a budget (anxiety)
Document decisions
New Camp Parents
• How is this camp different?
• Are we eligible? Can we afford it?
• Is there availability? How do I sign up?
• Are there mobile driving directions?
Convert decisions into task flows
Is there availability? How do I sign up?
• Access seasonal calendar
• Filter by topic or grade level (e.g.)
• [See available]
• Use sign-up button
Single user and scenario journey map
Homework Assignment
See Eric Meyer’s WC Northeast Ohio 2016 Keynote
Our instinct is to imagine
someone like ourselves.
So many of our users are
nothing like us in any way.
Journeys help us understand
real-world ”stress cases.”
Journeys define who
we care about.
Think about users who
• Have accessibility issues
• Are sad
• Are in a life crisis
• Are hurried
journey website
Intro to User Journey Maps for Building Better Websites - Cornell Drupal Camp 2016 - part 2
Up next
1. Lean requirements gathering
2. User journey mapping
3. Information architecture
4. Usability tests
SlideShare
http://www.slideshare.net/anthonydpaul
WordPress.tv
http://wordpress.tv/speakers/anthony-d-paul/
(my talks and blog)
http://adp.rocks or http:// .ws or http:// .ws
Thank you
@anthonydpaul

More Related Content

PDF
Lean Requirements Without Skimping on the Meat - Cornell Drupal Camp 2016 - p...
PPT
SIMS Quantitative Course Lecture 1
PPTX
How to Make a Website Customers & Google Love
PPT
Ux research for_startups
PDF
Benchmarking Usability Performance
PPT
Principles of Usability Testing For Historic Newspapers
PPTX
Writing for the Web
PPTX
Auditing Your Website for Usability Issues
Lean Requirements Without Skimping on the Meat - Cornell Drupal Camp 2016 - p...
SIMS Quantitative Course Lecture 1
How to Make a Website Customers & Google Love
Ux research for_startups
Benchmarking Usability Performance
Principles of Usability Testing For Historic Newspapers
Writing for the Web
Auditing Your Website for Usability Issues

What's hot (20)

PPT
VuFind @ Illinois #4 Usability Testing and Results
PPTX
Importance of the Usability of a website
PPT
Designing a User Focused Website
PPT
Homespun UX: Going Beyond Web Analytics
PDF
How to effectively implement different online research methods - UXPA 2015 - ...
PPT
Best practices for building usable & accessible Web content
PPT
AMIA Panel: Usability Enhancements
PPTX
Test Heads Dublin The modern testing principles
PDF
UX Analytics Cemal Büyükgökçesu
PDF
Design for sign up
PPTX
UX Crash Course
PPTX
So much UX data! Now what?
PDF
UX Toolkit: Phase Three - Skeleton
PPTX
Ux testing in libraries
PDF
Simple User Research Methods: the First Step to Improving Your Website
PDF
Whoa! Did You See That? Collaborative Data Collection and Analysis
PPT
Information Architecture - Tasks & Tools for Web Designers
PPT
My presentation at Kent State IAKM
PPT
Search Analytics: Diagnosing what ails your site
PDF
Module 07: Wireframes
VuFind @ Illinois #4 Usability Testing and Results
Importance of the Usability of a website
Designing a User Focused Website
Homespun UX: Going Beyond Web Analytics
How to effectively implement different online research methods - UXPA 2015 - ...
Best practices for building usable & accessible Web content
AMIA Panel: Usability Enhancements
Test Heads Dublin The modern testing principles
UX Analytics Cemal Büyükgökçesu
Design for sign up
UX Crash Course
So much UX data! Now what?
UX Toolkit: Phase Three - Skeleton
Ux testing in libraries
Simple User Research Methods: the First Step to Improving Your Website
Whoa! Did You See That? Collaborative Data Collection and Analysis
Information Architecture - Tasks & Tools for Web Designers
My presentation at Kent State IAKM
Search Analytics: Diagnosing what ails your site
Module 07: Wireframes
Ad

Viewers also liked (20)

PDF
User story maps
PDF
Organizing Your First Website Usability Test - Cornell Drupal Camp 2016 - part 4
PDF
10 Ways to Think Like a Political Strategist to Drive Institutional Change - ...
PDF
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
PDF
Bringing Order to a Content Hoarder - Cornell Drupal Camp 2016 - part 3
PDF
Designing for Stress Cases - Baltimore Design Week 2016 - Kelly Driver and An...
PDF
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
PDF
The User Journey - How to create and pitch
PDF
Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul
PPT
User Story Maps: Secrets for Better Backlogs and Planning
PPTX
Business model fct
PDF
Organizing Your First Website Usability Test - WordCamp Toronto 2016
PDF
Bringing Order to a Content Hoarder (an Information Architecture primer) - Wo...
PDF
User Experience Journey Mapping
PDF
Organizing Your First Website Usability Test - WordCamp Boston 2016
PPTX
Understanding User Journey using Google Analytics (360)
PPTX
Customer journey map
PDF
Customer Journey Experience Map
PPTX
Business Model Patterns and Examples Part I
PDF
Atomic design
User story maps
Organizing Your First Website Usability Test - Cornell Drupal Camp 2016 - part 4
10 Ways to Think Like a Political Strategist to Drive Institutional Change - ...
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
Bringing Order to a Content Hoarder - Cornell Drupal Camp 2016 - part 3
Designing for Stress Cases - Baltimore Design Week 2016 - Kelly Driver and An...
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...
The User Journey - How to create and pitch
Sneaking in Good UX Without a UX Budget - WordCamp Lancaster 2017 - anthonydpaul
User Story Maps: Secrets for Better Backlogs and Planning
Business model fct
Organizing Your First Website Usability Test - WordCamp Toronto 2016
Bringing Order to a Content Hoarder (an Information Architecture primer) - Wo...
User Experience Journey Mapping
Organizing Your First Website Usability Test - WordCamp Boston 2016
Understanding User Journey using Google Analytics (360)
Customer journey map
Customer Journey Experience Map
Business Model Patterns and Examples Part I
Atomic design
Ad

Similar to Intro to User Journey Maps for Building Better Websites - Cornell Drupal Camp 2016 - part 2 (20)

PDF
Intro to User Journey Mapping for Building Better Websites - WordCamp Ottawa...
PDF
Intro to User Journey Maps for Building Better Websites - WordCamp Minneapoli...
PDF
Testing, Testing, 1-2-3: Gathering and Leveraging Audience Usability Data in ...
PDF
AFCPE 2016 Symposium workshop-Measuring & Reporting Impact of Financial Educa...
PDF
UX Burlington 2017: Exploratory Research in UX Design
PDF
Designing for Evaluation
PDF
Audience Research on a Dime - Nonprofit of Influence
PDF
Denver Startup Week 2019: Choosing a Direction Learning How to Test Ideas and...
PPT
Making The Link No Sound
PDF
When Mobile meets UX/UI powered by Growth Hacking Asia
PPTX
Improving and Demonstrating Impact for Youth Using Qualitative Data
PPTX
3 Usability Techniques
PDF
Ux gsg
PPTX
Il stats workshop
PPTX
Learning analytics FAQs
PPTX
Designing Mobile UX
PPT
Using Personas In Web Design
PPTX
Key Metrics for Improving Your Targeted Marketing Strategy
PPT
Qualitative Research in Segmentation
Intro to User Journey Mapping for Building Better Websites - WordCamp Ottawa...
Intro to User Journey Maps for Building Better Websites - WordCamp Minneapoli...
Testing, Testing, 1-2-3: Gathering and Leveraging Audience Usability Data in ...
AFCPE 2016 Symposium workshop-Measuring & Reporting Impact of Financial Educa...
UX Burlington 2017: Exploratory Research in UX Design
Designing for Evaluation
Audience Research on a Dime - Nonprofit of Influence
Denver Startup Week 2019: Choosing a Direction Learning How to Test Ideas and...
Making The Link No Sound
When Mobile meets UX/UI powered by Growth Hacking Asia
Improving and Demonstrating Impact for Youth Using Qualitative Data
3 Usability Techniques
Ux gsg
Il stats workshop
Learning analytics FAQs
Designing Mobile UX
Using Personas In Web Design
Key Metrics for Improving Your Targeted Marketing Strategy
Qualitative Research in Segmentation

More from Anthony D. Paul (17)

PDF
Designing Multi-Partner Transformations from Democratized Polytopias Into Act...
PDF
Primer19 NYC - Envisioning Our Demise to Prevent Our Extinction - Future of F...
PDF
IxDA Interaction19 Seattle - Envisioning Our Demise to Prevent Our Extinction...
PPTX
Advancing Atlanta’s Futures With IoT, A Strategic Foresight Workshop for Prac...
PDF
Envisioning the Future with Teams Bogged in the Past - anthonydpaul - UXD Chi...
PDF
Sneaking in Good User Experience Without a UX Budget - anthonydpaul - WordCam...
PDF
Sneaking in Good UX Without a UX Budget - WordCamp Chicago 2017 - anthonydpaul
PDF
How to Speak at a WordCamp and Look Like a Pro - WordPress DC Meetup April 2017
PDF
Organizing Your First Website Usability Test - WP Campus 2016
PDF
Rapid Prototyping with WordPress Page Builders - WordCamp Asheville 2016 - an...
PDF
Organizing Your First Website Usability Test - WordCamp Lancaster 2016
PDF
Digital Sketching with Remote Users, Clients, and Peers, World IA Day DC 2016
PDF
Responsive Prototyping with WordPress - UXCamp DC 2016
PDF
Build and Launch a Custom Site Using Only Your Phone - WordCamp US 2015
PDF
War Room Collaboration Across the Internet Canyon - WordCamp NYC 2015
PDF
Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015
PDF
War Room Collaboration Across the Internet Canyon - WordCamp Baltimore 2015
Designing Multi-Partner Transformations from Democratized Polytopias Into Act...
Primer19 NYC - Envisioning Our Demise to Prevent Our Extinction - Future of F...
IxDA Interaction19 Seattle - Envisioning Our Demise to Prevent Our Extinction...
Advancing Atlanta’s Futures With IoT, A Strategic Foresight Workshop for Prac...
Envisioning the Future with Teams Bogged in the Past - anthonydpaul - UXD Chi...
Sneaking in Good User Experience Without a UX Budget - anthonydpaul - WordCam...
Sneaking in Good UX Without a UX Budget - WordCamp Chicago 2017 - anthonydpaul
How to Speak at a WordCamp and Look Like a Pro - WordPress DC Meetup April 2017
Organizing Your First Website Usability Test - WP Campus 2016
Rapid Prototyping with WordPress Page Builders - WordCamp Asheville 2016 - an...
Organizing Your First Website Usability Test - WordCamp Lancaster 2016
Digital Sketching with Remote Users, Clients, and Peers, World IA Day DC 2016
Responsive Prototyping with WordPress - UXCamp DC 2016
Build and Launch a Custom Site Using Only Your Phone - WordCamp US 2015
War Room Collaboration Across the Internet Canyon - WordCamp NYC 2015
Content by the Slice, Information Architecture Workshop - Mobile UXCamp DC 2015
War Room Collaboration Across the Internet Canyon - WordCamp Baltimore 2015

Recently uploaded (20)

PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PPTX
An introduction to AI in research and reference management
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPTX
building Planning Overview for step wise design.pptx
DOCX
actividad 20% informatica microsoft project
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PPTX
EDP Competencies-types, process, explanation
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PDF
Interior Structure and Construction A1 NGYANQI
PPTX
joggers park landscape assignment bandra
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
The Advantages of Working With a Design-Build Studio
PPT
Machine printing techniques and plangi dyeing
PDF
Phone away, tabs closed: No multitasking
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PDF
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
PPTX
Special finishes, classification and types, explanation
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
An introduction to AI in research and reference management
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
building Planning Overview for step wise design.pptx
actividad 20% informatica microsoft project
mahatma gandhi bus terminal in india Case Study.pptx
EDP Competencies-types, process, explanation
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
Interior Structure and Construction A1 NGYANQI
joggers park landscape assignment bandra
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
The Advantages of Working With a Design-Build Studio
Machine printing techniques and plangi dyeing
Phone away, tabs closed: No multitasking
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
Special finishes, classification and types, explanation

Intro to User Journey Maps for Building Better Websites - Cornell Drupal Camp 2016 - part 2