Stop 01 · UI/UX Design FoundationsTopics · 2/9

UI vs UX vs Product Design

In short

Job posts throw these three terms around like they mean the same thing. They overlap, but knowing the difference helps you pick what to learn first and which jobs to apply for.

UX design focuses on how a product works (flows, structure, usability), UI design focuses on how it looks (visual design, typography, color), and Product Design is often used as an umbrella term covering both.

The jaadu, as a restaurant owner, serves a neatly plated dish to a smiling bear customer.

Think of it like this

Running a good restaurant

UX is how smoothly you get seated, order and get your food. UI is the plating, the menu card and the lighting. Product design also asks whether this menu even makes money and suits the people walking in.

Watch it happen

How the three fit together

Product Design

Business goals

Flow & structure

Research

Colour & type

Components

1/4UX is how it works: which screens exist, in what order, and whether people can finish their task.

The big ideas

What you need to know

UX is the how

User experience covers flows, structure and usability. You can do UX with grey boxes and zero colour.

UI is the look

User interface covers the visual layer: typography, colour, icons and components that make screens clear and pleasant.

Product design adds strategy

Product designers also care about business goals, metrics and which problem is worth solving this quarter.

Titles are messy

Read the job description, not the title. 'UI/UX Designer' at one company is 'Product Designer' at another.

Save yourself the pain

Common mistakes

Oops

Saying 'UX' when you mean how the screen looks.

Do this instead

Use UI for the visual layer and UX for how the whole experience works. Interviewers notice the difference.

Oops

Skipping UX basics because you love visual design.

Do this instead

Beautiful UI on a broken flow still fails. Learn both, then lean towards the side you enjoy.

Your mission

Sort real job posts

~20 min

Quick check

Which task is most clearly UX rather than UI?

Go deeper

1Compare 3 job descriptions across these titles and note overlapping and distinct skills.
2Learn why most 'Product Designer' roles expect comfort across the full UX-to-UI spectrum.
3Understand these terms are used inconsistently across companies — always check the actual job description.