User Experience

Tools & Assessment User Flow

Every forward path from the main content page through the tools experience

๐Ÿ“Š Complete User Journey Map

flowchart TB
    %% Entry Points
    HOME[/"๐Ÿ  Home Page"/]
    
    %% Primary CTAs from Home
    HOME -->|"Hero CTA"| QUIZ
    HOME -->|"Tools Card"| TOOLS_INDEX
    
    %% Tools Index
    TOOLS_INDEX[/"๐Ÿ› ๏ธ Tools Index"/]
    
    %% From Tools Index
    TOOLS_INDEX --> QUIZ
    TOOLS_INDEX --> ADV_ASSESS
    TOOLS_INDEX --> PROBLEM_AUDIT
    TOOLS_INDEX --> FIVE_FILTERS
    TOOLS_INDEX --> SCRIPT_READER
    TOOLS_INDEX --> FREE_HOUR
    TOOLS_INDEX --> HOUR_APART
    
    %% โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
    %% AI USER QUIZ FLOW
    %% โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
    
    subgraph QUIZ_FLOW ["๐ŸŽฏ AI User Type Quiz"]
        QUIZ[/"Quiz Start"/]
        Q1["Q1: Exploring vs Building"]
        Q2["Q2: Investigating vs Executing"]
        Q3["Q3: Expand vs Focus"]
        Q4["Q4: Discover vs Decide"]
        Q5["Q5: Validator"]
        QUIZ_RESULTS["๐Ÿ“Š Results"]
        
        QUIZ --> Q1 --> Q2 --> Q3 --> Q4 --> Q5 --> QUIZ_RESULTS
    end
    
    QUIZ_RESULTS -->|"Deep Dive โ†’"| DEEP_DIVE
    
    %% โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
    %% ADVANCED ASSESSMENT
    %% โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
    
    subgraph ADV_FLOW ["๐Ÿ”ฌ Advanced Assessment"]
        ADV_ASSESS[/"8-Question Behavioral"/]
        ADV_RESULTS["๐Ÿ“ˆ Bar Chart Results"]
        ADV_ASSESS --> ADV_RESULTS
    end
    
    ADV_RESULTS --> DEEP_DIVE
    
    DEEP_DIVE[/"๐Ÿ” AI Profile Deep Dive"/]
    
    %% โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
    %% FREE TIME TOOL
    %% โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
    
    subgraph FREE_FLOW ["โณ The Free Time Tool"]
        FREE_HOUR[/"Start"/]
        FREE_S1["Context Input"]
        FREE_S2["8 Philosophy Cards"]
        FREE_S3["Philosophy Detail"]
        
        FREE_HOUR --> FREE_S1 --> FREE_S2 --> FREE_S3
    end
    
    FREE_S3 -->|"Start My Hour"| HOUR_APART
    FREE_S3 -->|"Read Story"| STORY_PAGE
    
    STORY_PAGE[/"๐Ÿ“– Story Page"/]
    
    %% โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
    %% HOUR APART
    %% โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
    
    subgraph HOUR_FLOW ["๐Ÿ”ฎ The Hour Apart"]
        HOUR_APART[/"Start"/]
        HA_S1["Type Select"]
        HA_S2["Philosophy Lens"]
        HA_S3["Timer + Mission"]
        HA_S4["Reflection"]
        HA_S5["โœ… Complete"]
        
        HOUR_APART --> HA_S1 --> HA_S2 --> HA_S3 --> HA_S4 --> HA_S5
    end
    
    HA_S5 -->|"Take Quiz"| QUIZ
    
    %% โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
    %% OTHER TOOLS
    %% โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
    
    PROBLEM_AUDIT[/"๐Ÿ” Problem Audit"/] --> PA_COMPLETE["โœ… Report"]
    FIVE_FILTERS[/"โ—ซ 5 Filters"/] --> FF_COMPLETE["โœ… Verdict"]
    SCRIPT_READER[/"๐Ÿ“œ Script Reader"/] --> SR_ACTIVE["๐Ÿ“บ Active"]
    
    %% Styling
    classDef entry fill:#faf6f1,stroke:#c9a227,stroke-width:3px
    classDef quiz fill:#dbeafe,stroke:#1e40af
    classDef wisdom fill:#fce7f3,stroke:#9d174d
    classDef framework fill:#d1fae5,stroke:#065f46
    classDef complete fill:#f0fdf4,stroke:#15803d,stroke-width:2px
    
    class HOME,TOOLS_INDEX entry
    class QUIZ,Q1,Q2,Q3,Q4,Q5,QUIZ_RESULTS,ADV_ASSESS,ADV_RESULTS,DEEP_DIVE quiz
    class FREE_HOUR,FREE_S1,FREE_S2,FREE_S3,HOUR_APART,HA_S1,HA_S2,HA_S3,HA_S4,HA_S5 wisdom
    class PROBLEM_AUDIT,FIVE_FILTERS,SCRIPT_READER framework
    class PA_COMPLETE,FF_COMPLETE,SR_ACTIVE,STORY_PAGE,HA_S5 complete
                
Entry Points
Assessment Flow
Wisdom Tools
Framework Tools
Completion States

Key Pathways

๐ŸŽฏ Path A: Quick Assessment

Home โ†’ Hero CTA โ†’ Quiz โ†’ 5 Questions โ†’ Results โ†’ Deep Dive

๐Ÿ”ฌ Path B: Behavioral Profile

Home โ†’ Tools โ†’ Advanced Assessment โ†’ 8 Questions โ†’ Results โ†’ Deep Dive

โณ Path C: Free Time Journey

Home โ†’ Tools โ†’ Free Time โ†’ Context โ†’ Philosophy โ†’ Hour Apart

๐Ÿ”ฎ Path D: Direct Hour Apart

Home โ†’ Tools โ†’ Hour Apart โ†’ Type โ†’ Lens โ†’ Timer โ†’ Reflection

โ—ซ Path E: Decision Framework

Home โ†’ Tools โ†’ 5 Filters โ†’ Decision Entry โ†’ Verdict

๐Ÿ” Path F: Problem Diagnosis

Home โ†’ Tools โ†’ Problem Audit โ†’ 5 Steps โ†’ Report

โš ๏ธ Implementation Notes