What is UI and UX in design? A clear starter guide
Updated on August 30, 20265 min read
Open your food-delivery app, tap "reorder," and dinner shows up 30 minutes later without you thinking twice. That smooth path from craving to doorstep is the work of two disciplines most people never separate: UX and UI. So what is UI and UX in design, and why do job listings keep pairing them like salt and pepper?
Short version: UX is the plan, UI is the surface. One decides how something should work; the other decides how it looks and feels when your finger hits the screen. Both matter, and good products need both to be right.
UX vs UI: the difference in plain English
UX stands for user experience. A UX designer figures out what people are trying to accomplish, maps the steps to get there, and removes the friction along the way. Think research, user flows, wireframes, and testing rough versions before anyone picks colors.
UI stands for user interface. A UI designer takes that skeleton and makes it real: typography, color, spacing, buttons, icons, states for hover and tap, and the tiny animations that tell you a tap registered. UI is what you actually see and touch.
Here's a picture a total beginner can hold onto. Imagine you're designing a parking app. The UX work is deciding that a driver in a hurry should see "nearest open lot" first, then price, then walking distance — and that paying should take one tap, not five. The UI work is choosing a big green "Reserve" button, a legible price font you can read at a glance in daylight, and a map that doesn't make you squint. Same feature, two jobs.
A quick side-by-side
| UX (user experience) | UI (user interface) | |
|---|---|---|
| Core question | Does this work for the user? | Does this look and feel right? |
| Typical output | Research notes, user flows, wireframes, prototypes | Visual designs, style guides, components, interactions |
| Common tools | Figma, Maze, Notion, whiteboards | Figma, Adobe XD, Illustrator |
| Mindset | Problem-solver, part psychologist | Craftsperson, part visual designer |
| Measured by | Task success, fewer drop-offs | Clarity, consistency, brand fit |
Most real jobs blend the two. In the United States you'll see "UX/UI designer" and "product designer" used almost interchangeably at startups, while big companies like Google or Airbnb often split the roles across separate specialists and add UX researchers on top.
What exactly does a UI/UX designer do all day?
Less "sketching pretty screens all afternoon" than people expect. A typical week includes talking to users, sifting through what they said, and turning patterns into design decisions you can defend.
A designer might start by interviewing five people who abandoned a signup form, then sketch three ways to fix the drop-off point. Next comes a clickable prototype in Figma, a quick test with a handful of users, and a round of edits based on where they got stuck. Only after that does the polished, pixel-perfect interface get built — and even then, the designer hands off specs to developers and reviews the live build to catch anything that drifted.
The parts that surprise newcomers:
- You'll write and talk more than you'd guess. Explaining why a design solves a real problem is half the job.
- You'll collaborate constantly with engineers and product managers, not design in a vacuum.
- You'll kill your own ideas often, because the data or a user test says the simpler version wins.
If you want a fuller day-in-the-life breakdown, our UX/UI design course page walks through the workflow and the portfolio projects you'd build to prove you can do it.
Is UI/UX well paid, and what's the salary?
Yes, it pays well for a role you can enter without a computer science degree. Compensation in the United States varies a lot by city, company size, and how much of the work is research versus visual craft, so treat any single number with caution.
Roughly speaking, entry-level UX/UI designers in U.S. metros commonly land in the mid five figures, mid-level designers push into the higher five figures, and senior or lead product designers at established tech companies can reach six figures — sometimes well beyond it in high-cost markets like San Francisco, Seattle, and New York. Remote roles have widened the field, so you're no longer boxed in by your zip code the way you once were.
A few things move the number:
- Location and remote policy. A Bay Area salary and an Austin salary for the "same" title can differ meaningfully once you factor in cost of living.
- Specialization. UX researchers and interaction designers with strong portfolios often command more than generalists.
- Portfolio over pedigree. Hiring managers want case studies that show your thinking, not a fancy résumé.
That last point matters more than anything. Two or three deep case studies — problem, process, decisions, outcome — will out-earn a wall of dribbly mockups every time.
How to actually get started
You don't need to be a "natural artist." The strongest beginners tend to be curious about people and stubborn about clarity. The visual polish is learnable; the instinct to ask "wait, does this even help the user?" is what employers pay for.
A realistic path looks like this. Learn the fundamentals of research, information architecture, and interaction design. Get fluent in Figma, since it's the default tool across most U.S. product teams. Then build real projects — redesign a clunky checkout, prototype an app you wish existed — and document your reasoning as case studies.
Self-teaching works if you're disciplined, but structure helps most people move faster and stay accountable. A cohort keeps you shipping work instead of endlessly tweaking one screen. If you'd rather learn on a schedule with feedback, our UX/UI design bootcamp pairs mentorship with portfolio projects built the way real teams work, and you can compare formats and cost on the pricing and enrollment page.
The one thing to remember
UX is the plan for how a product works; UI is how that plan looks and feels in your hands — and the best products get both right at the same time. If you're weighing a career change, start by rebuilding one everyday app experience and writing up your decisions. That single case study can become the anchor of a portfolio that gets you interviews. When you're ready to go further, explore our UX/UI design bootcamp to see how structured mentorship and real project work can accelerate the jump into a new career.
