UI/UX design

Stage 1 of 8 · 6 lessons · ~2 weeks

How product design works

What UX and UI mean, how design work flows from problem to shipped screens, and where a developer who designs fits in. Knowing the process lets you ask better questions of designers and make sensible calls when there is no designer.

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

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
Developers often skip this part because it looks like theory. It is the part that stops you building a polished feature nobody needed. Write the problem down before you write the component.

Mark this stage as not done?