UI/UX design

Stage 1 · Lesson 1 of 6

UX and UI: what each one covers

How product design works

(UX) is everything about how someone gets a job done with a product. Do they understand it, find what they need, trust it and succeed? User interface (UI) design is the part you can see: layout, , colour, buttons and other components, and how each one looks in its different states.

UI is part of UX, not a separate job. Most roles expect both, with a different balance. A beautiful screen that hides the main button is bad UX.

A well-researched flow drawn as messy, cramped screens is bad UI. This split shapes how you learn. Visual skills make your work look credible. Research and interaction skills make it actually work.

Common traptreating UX as "making it pretty", or treating UI as decoration added at the end.

A question to check yourself, an AI practice session and 1 cheat sheet entry come with the full roadmap. Unlock

Resources for this stage

Start with

Keep handy

  • UX Design Roadmap

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

  • Laws of UX

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

Also worth your time

Mark this stage as not done?