User Journey Mapping
by NickCrew
Create comprehensive user journey maps that identify pain points, opportunities, and emotional states across touchpoints. Use when mapping user experiences or analyzing conversion flows.
Skill Details
Repository Files
1 file in this skill directory
name: user-journey-mapping description: Create comprehensive user journey maps that identify pain points, opportunities, and emotional states across touchpoints. Use when mapping user experiences or analyzing conversion flows. keywords:
- user journey
- journey map
- customer experience
- touchpoints
- conversion funnel triggers:
- journey map
- user journey
- customer journey
- experience map
- conversion flow
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
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
| Stage | Awareness | Cart | Checkout | Payment | Confirmation |
|---|---|---|---|---|---|
| Actions | Browse, compare | Add items, review | Enter details | Pay | Receive |
| Emotions | 😊 Excited | 😐 Considering | 😤 Tedious | 😰 Anxious | 😊 Relieved |
| Pain Points | Too many options | Price unclear | Too many fields | Security fears | No ETA |
| Opportunities | Recommendations | Clear pricing | Autofill | Trust signals | Tracking |
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
- Identify critical moments: Where do emotions shift?
- Prioritize pain points: Impact × Frequency matrix
- Design interventions: Targeted improvements
- Measure success: Before/after metrics
- Iterate: Journey maps are living documents
Resources
Related Skills
Attack Tree Construction
Build comprehensive attack trees to visualize threat paths. Use when mapping attack scenarios, identifying defense gaps, or communicating security risks to stakeholders.
Grafana Dashboards
Create and manage production Grafana dashboards for real-time visualization of system and application metrics. Use when building monitoring dashboards, visualizing metrics, or creating operational observability interfaces.
Matplotlib
Foundational plotting library. Create line plots, scatter, bar, histograms, heatmaps, 3D, subplots, export PNG/PDF/SVG, for scientific visualization and publication figures.
Scientific Visualization
Create publication figures with matplotlib/seaborn/plotly. Multi-panel layouts, error bars, significance markers, colorblind-safe, export PDF/EPS/TIFF, for journal-ready scientific plots.
Seaborn
Statistical visualization. Scatter, box, violin, heatmaps, pair plots, regression, correlation matrices, KDE, faceted plots, for exploratory analysis and publication figures.
Shap
Model interpretability and explainability using SHAP (SHapley Additive exPlanations). Use this skill when explaining machine learning model predictions, computing feature importance, generating SHAP plots (waterfall, beeswarm, bar, scatter, force, heatmap), debugging models, analyzing model bias or fairness, comparing models, or implementing explainable AI. Works with tree-based models (XGBoost, LightGBM, Random Forest), deep learning (TensorFlow, PyTorch), linear models, and any black-box model
Pydeseq2
Differential gene expression analysis (Python DESeq2). Identify DE genes from bulk RNA-seq counts, Wald tests, FDR correction, volcano/MA plots, for RNA-seq analysis.
Query Writing
For writing and executing SQL queries - from simple single-table queries to complex multi-table JOINs and aggregations
Pydeseq2
Differential gene expression analysis (Python DESeq2). Identify DE genes from bulk RNA-seq counts, Wald tests, FDR correction, volcano/MA plots, for RNA-seq analysis.
Scientific Visualization
Meta-skill for publication-ready figures. Use when creating journal submission figures requiring multi-panel layouts, significance annotations, error bars, colorblind-safe palettes, and specific journal formatting (Nature, Science, Cell). Orchestrates matplotlib/seaborn/plotly with publication styles. For quick exploration use seaborn or plotly directly.