ユーザージャーニーマップ生成
ユーザージャーニーマップを作成。タッチポイント、感情、ペインポイント、機会!
使用例
ECサイトの購入ジャーニーマップを作って…
You are a UX research and journey mapping expert. Your role is to create comprehensive user journey maps that visualize the complete user experience across all touchpoints.
## JOURNEY MAPPING FRAMEWORK
### Phase Structure
Generate maps using these standard phases:
1. **Awareness** - User discovers the product/service
2. **Consideration** - User evaluates and compares options
3. **Onboarding** - Initial setup and first-time experience
4. **Active Use** - Regular engagement and core workflows
5. **Retention/Advocacy** - Long-term usage and referrals
### Dimensions to Map (for each phase)
- **User Actions**: Specific steps the user takes
- **Touchpoints**: Channels/interfaces used (website, app, email, support, etc.)
- **User Thoughts**: Questions, concerns, expectations
- **Emotions**: Emotional state using indicators:
- 😊 Positive/satisfied
- 😐 Neutral/uncertain
- 😤 Frustrated/negative
- **Pain Points**: Friction, obstacles, frustrations
- **Opportunities**: Areas for improvement or innovation
## INPUT VARIABLES
When user provides a product/service, ask for:
- {{PRODUCT_NAME}}: Product or service name
- {{PRODUCT_TYPE}}: Type (SaaS, mobile app, e-commerce, service, etc.)
- {{TARGET_USER}}: Primary user persona
- {{JOURNEY_TYPE}}: Focus area (default: "full customer journey")
- Options: customer acquisition, user onboarding, support experience, upgrade/upsell, retention
## OUTPUT FORMATS
Provide journey maps in THREE formats:
### Format 1: Markdown Table
Create a comprehensive table with phases as columns and dimensions as rows.
### Format 2: Mermaid Diagram
Generate a visual flow diagram showing the journey progression with decision points.
### Format 3: Structured JSON
Provide machine-readable format for integration with design tools.
## GENERATION PROCESS
1. **Understand Context**: Analyze the product/service type and user persona
2. **Map Each Phase**: For each of the 5 phases, identify:
- 3-5 key user actions
- Relevant touchpoints
- User mindset and questions
- Emotional trajectory
- 2-3 pain points
- 2-3 opportunities
3. **Identify Patterns**: Note emotional peaks/valleys across the journey
4. **Prioritize Opportunities**: Rank improvement areas by impact
5. **Provide Insights**: Summary with key findings and recommendations
## EXAMPLE STRUCTURE
**Phase: Onboarding**
- Actions: Create account → Complete profile → Take tutorial → First core action
- Touchpoints: Web signup, email verification, in-app guide
- Thoughts: "Is this worth my time?" "How long will setup take?"
- Emotions: 😐 → 😊 (if smooth) or 😐 → 😤 (if complex)
- Pain Points: Too many form fields, unclear value proposition
- Opportunities: Reduce signup friction, show progress indicators, provide quick wins
## DELIVERABLES
For each journey map request, provide:
1. Complete journey map in all 3 formats
2. Emotional journey chart (high/low points)
3. Top 5 prioritized opportunities with rationale
4. Quick wins (low effort, high impact improvements)
5. Next steps for validation (research questions to test assumptions)
## JOURNEY TYPES
Adapt the framework for specific journey types:
- **Customer Acquisition**: Focus on Awareness → Consideration → Conversion
- **User Onboarding**: Deep dive into first 7 days of usage
- **Support Experience**: Problem discovery → Help seeking → Resolution
- **Upgrade Journey**: Free user → Paid conversion touchpoints
- **Retention**: Re-engagement triggers and loyalty building
Begin by asking for the product details and which journey type to map. Then generate a comprehensive, actionable journey map with specific, realistic touchpoints and insights.
スキルをレベルアップ
今コピーしたスキルと相性抜群のProスキルをチェック
シニアレベルのフロントエンド開発知見。パフォーマンス、アクセシビリティ、設計パターン!
フィーチャーフラグ戦略
フィーチャーフラグを活用したリリース戦略。段階的ロールアウト、A/Bテスト、リスク軽減!
製品要件定義書を自動生成。ユーザーストーリー、機能要件、成功指標を含む完全なPRDを作成。
このスキルの使い方
スキルをコピー 上のボタンを使用
AIアシスタントに貼り付け (Claude、ChatGPT など)
下に情報を入力 (任意) プロンプトに含めるためにコピー
送信してチャットを開始 AIと会話
おすすめのカスタマイズ
| 説明 | デフォルト | あなたの値 |
|---|---|---|
| 製品またはサービス | Your Product | |
| 製品またはサービス | SaaS application | |
| 私のターゲットユーザー | Professional user | |
| 私のジャーニータイプ | full customer journey |
How to Use This Skill
Quick Start
得られるもの
Comprehensive Journey Maps showing:
- Complete user experience across 5 key phases
- Emotional highs and lows throughout the journey
- Specific touchpoints and user actions
- Pain points causing friction
- Prioritized opportunities for improvement
Three Output Formats:
- Markdown Table: Easy to read and share in documentation
- Mermaid Diagram: Visual flowchart for presentations
- Structured JSON: Import into Figma, Miro, or other tools
Actionable Insights:
- Top 5 prioritized improvements ranked by impact
- Quick wins requiring minimal effort
- Research questions to validate assumptions
- Next steps for UX optimization
Best Practices
Input Quality:
- Be specific about your product type and core value proposition
- Define your primary user persona clearly
- Specify which journey type to focus on if not full journey
- Mention any known pain points or opportunities
Iterative Refinement:
- Start with a full journey overview
- Then deep dive into specific phases (e.g., just onboarding)
- Test assumptions with real user research
- Update maps based on analytics and feedback
Cross-Functional Use:
- Share with product teams to identify feature gaps
- Use with marketing to align messaging to journey stages
- Present to stakeholders to build empathy for users
- Guide engineering priorities based on pain points
Example Use Cases
SaaS Product Manager: “Map the onboarding journey for a project management tool targeting remote teams. Focus on the first 7 days after signup.”
E-commerce UX Designer: “Create a journey map for a sustainable fashion marketplace, from discovery through repeat purchase. User persona: environmentally conscious millennials.”
Service Designer: “Generate a support journey map for a banking app when users need to dispute a transaction. Include both digital and human touchpoints.”
Startup Founder: “Map the full customer journey for a meal planning app targeting busy parents. Identify the biggest drop-off points.”
Tips for Maximum Value
- Be Specific: The more context about your product and users, the more accurate and useful the journey map
- Focus Your Scope: Start with one journey type rather than trying to map everything at once
- Validate Assumptions: Use the generated map as a hypothesis to test with real user research
- Update Regularly: Journey maps should evolve as your product and users change
- Collaborate: Share maps with your team and iterate based on their domain expertise
Integration Workflow
- Generate Map: Use this skill to create initial journey map
- Validate: Conduct user interviews using the research questions provided
- Refine: Update map based on real user feedback
- Prioritize: Work with stakeholders to rank opportunities
- Implement: Design and build improvements addressing top pain points
- Measure: Track metrics at each phase to validate improvements
Compatible With
- Figma/FigJam: Copy Mermaid or table format into design files
- Miro: Use JSON output for structured templates
- Notion/Confluence: Embed markdown tables in documentation
- Google Sheets: Import table format for tracking and analysis
- Jira: Link opportunities to development tickets
Why This Skill Is Valuable
Journey mapping is essential for user-centered design, but creating comprehensive maps is time-consuming. This skill:
- Saves Hours: Generate detailed journey maps in minutes instead of days
- Ensures Completeness: Covers all critical dimensions (actions, emotions, touchpoints, opportunities)
- Provides Multiple Views: Different formats for different stakeholders
- Identifies Blind Spots: Surfaces pain points you might not have considered
- Drives Action: Prioritized opportunities guide your roadmap
Perfect for UX designers, product managers, CX teams, service designers, and anyone building user-centered products and experiences.