mcpField
U
user-journey-mapping

user-journey-mapping

github.com/nickcrewDesign & UI6296 installsUpdated 17w ago
Repository

About user-journey-mapping

A design skill for mapping end-to-end user journeys, including actions, touchpoints, emotions, pain points, and opportunities. It helps teams use research to identify and prioritize experience improvements.

Key features

  1. 01Map journey stages and actions
  2. 02Record touchpoints and emotions
  3. 03Identify pain points and opportunities
  4. 04Template and research-method reference
  5. 05Prioritize and measure improvements

Use cases

  1. 01Finding checkout funnel drop-offs
  2. 02Aligning teams around user needs
  3. 03Prioritizing experience improvements
  4. 04Mapping interactions across channels

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nickcrew/claude-cortex --skill user-journey-mapping

After installing, type/user-journey-mappingin Claude Code to confirm it loaded.

Bundled filesreferences/research-methods.md

Details

From the project README

User Journey Mapping

Comprehensive guide to creating user journey maps that reveal pain points, opportunities, and emotional states across the entire user experience.

When to Use This Skill

  • Mapping end-to-end user experiences
  • Identifying conversion funnel drop-off points
  • Understanding emotional states during key interactions
  • Discovering optimization opportunities
  • Aligning teams around user perspective

Quick Reference

TaskLoad reference
Research Methodsskills/user-journey-mapping/references/research-methods.md

Journey Map Components

1. Stages

Define the major phases users go through:

Awareness → Consideration → Decision → Onboarding → Usage → Advocacy
2. User Actions

What the user does at each stage:

  • Searches, browses, compares
  • Signs up, configures, learns
  • Uses features, seeks help
  • Shares, recommends, upgrades
3. Touchpoints

Where interaction happens:

  • Website, mobile app, email
  • Support chat, documentation
  • Social media, reviews
  • In-person, phone
4. Emotions

How users feel (use emoticons or scale):

😊 Delighted  →  😐 Neutral  →  😤 Frustrated  →  😡 Angry
5. Pain Points

Where friction occurs:

  • Confusion, delays, errors
  • Missing information
  • Poor feedback
  • Technical issues
6. Opportunities

Where we can improve:

  • Quick wins
  • Major improvements
  • Innovation opportunities

Journey Map Template

## User Journey: [Persona Name] - [Goal]

### Stage 1: [Stage Name]

**User Goal**: [What they're trying to achieve]

**Actions**:
- [Action 1]
- [Action 2]

**Touchpoints**: [Where interaction happens]

**Emotions**: [😊/😐/😤/😡] - [Why they feel this way]

**Pain Points**:
- [Pain point with impact]

**Opportunities**:
- [Opportunity with potential impact]

**Metrics**: [How we measure this stage]

---
[Repeat for each stage]

Example Journey Map

E-commerce Checkout Journey
StageAwarenessCartCheckoutPaymentConfirmation
ActionsBrowse, compareAdd items, reviewEnter detailsPayReceive
Emotions😊 Excited😐 Considering😤 Tedious😰 Anxious😊 Relieved
Pain PointsToo many optionsPrice unclearToo many fieldsSecurity fearsNo ETA
OpportunitiesRecommendationsClear pricingAutofillTrust signalsTracking

Best Practices

Do's
  • Base on real user research, not assumptions
  • Include both digital and non-digital touchpoints
  • Map emotional highs and lows
  • Quantify with metrics where possible
  • Involve cross-functional stakeholders
Don'ts
  • Don't map the ideal journey - map reality
  • Don't focus only on your touchpoints
  • Don't ignore competitor alternatives
  • Don't skip the "boring" stages
  • Don't create and forget - iterate

Integration with Design

  1. Identify critical moments: Where do emotions shift?
  2. Prioritize pain points: Impact × Frequency matrix
  3. Design interventions: Targeted improvements
  4. Measure success: Before/after metrics
  5. Iterate: Journey maps are living documents

Resources

Comments

Markdown supported