Intro to User Journey Mapping for Building Better Websites - WordCamp Ottawa 2016 - anthonydpaul
1 like849 views
This document provides an introduction to user journey maps for building better websites. It discusses defining audience groups and their motivations, anxieties, and influencers. It also covers documenting user decisions, tasks, devices, and scenarios. The document provides examples of audience types, personas, user scenarios, decision flows, and journey maps. It recommends blending multiple information sources and considering diverse users, including those with accessibility issues or in difficult life situations. The overall goal is to gain a shared understanding of users to create more empathetic website experiences.
![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](https://image.slidesharecdn.com/wordcampottawa2016-journeymapping-anthonydpaul-160618134120/85/Intro-to-User-Journey-Mapping-for-Building-Better-Websites-WordCamp-Ottawa-2016-anthonydpaul-46-320.jpg)
Intro to User Journey Mapping for Building Better Websites - WordCamp Ottawa 2016 - anthonydpaul
- 1. Intro to User Journey Maps for Building Better Websites WordCamp Ottawa 2016 • #wcott • @anthonydpaul
- 2. Which design is better? Which cost more?
- 3. Both are inappropriate in context (props to Jeff Patton for the cake metaphor)
- 4. Websites work the same. Who is it for? Where are they using it? How does it fit into their life?
- 5. All of this affects the type of cake website we make.
- 6. website
- 9. journey website People are complex Thoughts and decisions Tasks to perform Discovery and advancement Motivations and anxieties
- 10. Anthony D Paul Director of User Experience @anthonydpaul
- 11. Don’t assume you need this
- 12. Documentation is disposable. Document to ask and answer questions—to gain shared understanding.
- 13. 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
- 14. Sources for Audience Information
- 15. Interviews with clients and subject matter experts (SMEs) Pros: Usually easy to access Cons: Can introduce stereotypes Can pit interal politics (ranking opinions)
- 16. Interviews with customers (users) Pros: Best source of qualitative stories Cons: Needs a diverse sampling Can be a headache to get access and organize
- 17. 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
- 18. Usability test today’s site
- 19. Survey data Pros: Great quantitative content Cons: Needs a diverse sampling Needs to be analyzed
- 20. Web analytics Pros: Easy to access (if it exists) Cons: Ambiguous, lacks context Need to be analyzed
- 21. Google Analytics > Audience > User Explorer
- 22. Google Analytics > User Explorer
- 23. 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
- 25. For best results, a blend of info sources
- 27. 1. Who Audience groups 2. Why Motivations, anxieties, influencers 3. What / How Decisions, tasks 4. When / Where Devices, scenarios, entrances, exits Define and prioritize
- 28. Audience types
- 29. 1. Who Audience groups 2. Why Motivations, anxieties, influencers 3. What / How Decisions, tasks 4. When / Where Devices, scenarios, entrances, exits
- 30. Audience types (with motivations, anxieties, influencers)
- 32. 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
- 33. User scenario
- 34. Decision phases
- 35. Decision flow with UI conversations
- 36. Google Analytics > User Explorer
- 37. Session flow map
- 38. 1. Who Audience groups 2. Why Motivations, anxieties, influencers 3. What / How Decisions, tasks 4. When / Where Devices, scenarios, entrances, exits
- 39. High-level ecosystem flow (email, 3rd-party systems)
- 40. Detailed ecosystem flow (login validation)
- 41. Example Project
- 43. Define and prioritize groups • Parents • School groups and educators • New camp counselors • Sponsors/Donors/Partners • Extra credit = Content administrators
- 44. 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)
- 45. 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?
- 46. 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
- 47. Single user and scenario journey map
- 48. Homework Assignment See Eric Meyer’s WC Northeast Ohio 2016 Keynote
- 49. Our instinct is to imagine someone like ourselves. So many of our users are nothing like us in any way.
- 50. Journeys help us understand real-world ”stress cases.” Journeys define who we care about.
- 51. Think about users who • Have accessibility issues • Are sad • Are in a life crisis • Are hurried
- 52. journey website
- 54. 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