UI/UX design

Stage 1 of 8 · 6 lessons · ~2 weeks

How product design works

What UX and UI mean, how design work moves from a fuzzy problem to shipped screens, and who does what on a product team. This gives every later stage a place to fit.

Start: UX and UI: what each one covers

Lessons· one lesson for each topic, in this order

  1. 1UX and UI: what each one covers
  2. 2The design process: discover, define, design, test, deliver
  3. 3Framing the problem before the solution
  4. 4Sketches, wireframes, mockups and prototypes
  5. 5Who does what on a product team
  6. 6Measuring whether a design works

Do this

  • Write one sentence each on what UX and UI mean, in your own words.
  • Pick a real problem you have seen people struggle with: a university portal, a local delivery app, a government form.
  • Write a problem statement that names the user, the struggle and why it matters, with no solution in it.
  • Write two "How might we" questions from that statement.
  • Choose two success measures you could check before and after a redesign.
  • Read three job descriptions for your target role and note which design steps they mention most.

Start with· follow one of these

Keep handy

  • A visual map of UX skills to check this roadmap against and spot gaps

  • Short, well-illustrated principles about how people perceive and decide, useful from the first week

Also worth your time

Before moving on: A one-page project brief for a real problem you care about: a problem statement without a solution, the users, two "How might we" questions and two success measures.

Tauseef's advice
Beginners want to open Figma on day one. Resist it for a week. The designers who get hired can explain why a screen exists, not just how it looks, and that starts with writing the problem down in plain words.

Mark this stage as not done?