YouTube Trails — Information Architecture
Filter nodes by design phase
Tap a button to dim everything else and focus on just those nodes
Node colour = design phase
Phase 1 — researched & user tested
Phase 2 — built in Cursor, not tested
Evolved / decision flipped vs Phase 1
Concept only — no data behind it
Partial — UI exists, interaction not wired
MODAL OVERLAYS — triggered from feed YouTube Trails entry Toggle: Regular ↔ Trail Feed Home Feed entry Trails ③ My trails hub + Create Added Cursor v2 Parked ⑥ Flipped: own tab You Profile + guide Regular feed YouTube nav All/Following/Trending Trail feed Trail pills Park + Trail on card Smart suggestion "7+ Yoga videos → create trail?" Content balance P1: single axis P2: dual-topic % Topic selector Main topic + tags Topic connections My trails list Following / Created tabs Rich trail cards Creator, followers, focus ratio, difficulty Trail details hub 4-tab sub-nav Videos tab List + topic tags Tags tab Keyword pills Notes tab Overview, prereqs, personal input Path tab Progress bar timeline + watched Create trail form Name, description topic chips Focus setup Two topics VS layout balance slider + % Collab playlists 3 screens built no data behind it Stats header To Watch / Time / Watched To Watch tab Per-video note Add to Trail, Watch Watched tab Completed queue Profile Trails summary notifications, focus % Onboarding hub Choose flow or complete guide Complete guide All 10 features scrollable, always-on Onboarding cards 8 contextual cards first-use triggered Content balance Tap focus ratio → panel over feed Topic selector Main + meta tags topic connections Create trail CTA Banner visible flow not wired Phase 1 tested: 5 · Phase 2 added: 18 · Flipped: 2 · Concept only: 1 · Partial: 1 Original tree test: 7 tasks — current IA never retested with users
drag to resize
🖱
Click any node to see its screen
Each coloured box in the flowchart links to the actual prototype or wireframe screenshot for that part of the design.
← click a node to start