Lumina

Manuals / UI/UX Foundations

Design · Beginner → Pro

UI/UX Foundations

Interactive path — click phases, expand checkpoints, mark chapters done. Make interfaces usable — research light, flows clear, friction low.

~6 wk

Typical span

6 phases

Learning bands

0/13

Chapters done

0%

Progress

Relative time weight by phase — click a band to open Phase detail.

Start chapter 1

Learning path

Phase map for this manual. Download the SVG or jump into a phase below.

Interactive pathway

Learning roadmap

A progressive route through 13 nodes across 6 phases. Click any node to open the chapter.

  • Chapter
  • Guide
  • Checkpoint
  • Beginner Mid Advanced
  1. 01

    Start

    1 step

    1. 01How to use this UX path~20 minGuide
  2. 02

    A · Understand

    2 steps

    1. 02Jobs to Be DoneWeek 1Chapter
    2. 03User flows & friction mappingWeek 1Chapter
  3. 03

    B · Evaluate

    3 steps

    1. 04Usability heuristics in practiceWeek 2Chapter
    2. 05Lightweight usability testingWeek 2–3Chapter
    3. 06Checkpoint A — Evidence packGate · Week 3Checkpoint
  4. 04

    C · Structure

    3 steps

    1. 07Information architectureWeek 3–4Chapter
    2. 08Wireframes to UIWeek 4Chapter
    3. 09Empty, loading, error & success statesWeek 4–5Chapter
  5. 05

    D · Ship quality

    3 steps

    1. 10Accessibility as UXWeek 5Chapter
    2. 11Design critique & stakeholder communicationWeek 5–6Chapter
    3. 12Checkpoint B — UX case study readyGate · Week 6Checkpoint
  6. 06

    Reference

    1 step

    1. 13Timeline & method cheat sheet~15 minGuide
Text list of all chapters
  1. 01How to use this UX pathStart
  2. 02Jobs to Be DoneA · Understand
  3. 03User flows & friction mappingA · Understand
  4. 04Usability heuristics in practiceB · Evaluate
  5. 05Lightweight usability testingB · Evaluate
  6. 06Checkpoint A — Evidence packB · Evaluate
  7. 07Information architectureC · Structure
  8. 08Wireframes to UIC · Structure
  9. 09Empty, loading, error & success statesC · Structure
  10. 10Accessibility as UXD · Ship quality
  11. 11Design critique & stakeholder communicationD · Ship quality
  12. 12Checkpoint B — UX case study readyD · Ship quality
  13. 13Timeline & method cheat sheetReference

Next, learn…

Same neighborhood as UI/UX Foundations — keep the momentum.

DesignGraphic Design
DesignFigma
DesignDesign Thinking
DesignMotion for Product

Discussion

Light notes for this path — saved in your browser only (not a public forum yet).

  • No notes yet — leave the first.