What Is UX Design?
UX design is how products feel to use. Here's what UX designers actually do, the process they follow, and how to break into one of tech's most in-demand creative roles.
The ketchup bottle problem
For decades, ketchup came in glass bottles. You'd turn it upside down, whack the bottom, and wait. Sometimes nothing came out. Sometimes too much came out. Everyone hated it, but nobody fixed it.
Then someone flipped the bottle. Literally. The squeeze bottle with the cap on the bottom solved every frustration in one move — no more waiting, no more mess, no more wasted ketchup. Sales exploded.
That's UX design. Not making things prettier — making them work the way humans actually think and behave. The inverted ketchup bottle wasn't a visual redesign. It was understanding the user's frustration and rethinking the entire interaction.
By the end of this module, you'll understand what UX designers actually do all day, master the six-step design process, and know exactly how to build a portfolio that gets you hired — even without a design degree.
What UX design actually means
In the previous module, you saw how product managers decide what to build. UX designers decide how it should work and feel — the two roles collaborate daily, and understanding both gives you a serious edge in tech careers.
UX stands for User Experience. UX design is the process of creating products that are useful, easy to use, and enjoyable to interact with.
✗ What UX design IS
- ✗Making products easy and intuitive
- ✗Understanding user needs through research
- ✗Testing designs with real people
- ✗Solving problems for users
- ✗A process, not just an output
✓ What UX design is NOT
- ✓Just making things look pretty
- ✓Guessing what users want
- ✓Designing based on personal preference
- ✓Making things for designers
- ✓Only about websites or apps
UX vs UI — they're different
| UX Design | UI Design | |
|---|---|---|
| Stands for | User Experience | User Interface |
| Focus | How it works, how it feels | How it looks |
| Analogy | The architecture of a house | The interior decoration |
| Deliverables | User flows, wireframes, prototypes, research | Colors, typography, icons, visual layouts |
| Question | "Can the user accomplish their goal?" | "Does this look good and consistent?" |
Most job postings say "UX/UI Designer" — expecting both skills. But they're distinct disciplines. UX is the strategy; UI is the execution.
There Are No Dumb Questions
Do I need to know how to code?
No. Most UX designers don't code. You should understand how development works (constraints, feasibility), but you won't write production code. Some designers learn basic HTML/CSS, which helps communication with developers.
Do I need to be artistic?
UX is more about problem-solving than artistic talent. Wireframes are intentionally ugly — just boxes and text. If you can think logically and empathize with users, you can do UX. Visual design (UI) is where artistic skills matter more.
What's the difference between UX design and product design?
They're converging. "Product designer" usually means someone who does both UX and UI, and also thinks about business strategy. Most modern job postings use "product designer" for senior roles and "UX designer" for more focused roles.
The UX design process
1. Research — Understand users: who they are, what they need, what frustrates them. Methods: interviews, surveys, analytics, competitive analysis.
2. Define — Synthesize research into clear problem statements. Create user personas and journey maps. Identify the core problems to solve.
3. Ideate — Generate solutions. Sketching, brainstorming, exploring multiple approaches before committing to one. Quantity over quality at this stage.
4. Prototype — Build a testable version. Wireframes first (low-fidelity), then interactive prototypes (high-fidelity). Tools: Figma, Sketch, Adobe XD.
5. Test — Put the prototype in front of real users. Watch them use it. Find what's confusing, what breaks, what works. 5 users find 85% of usability issues (Nielsen, 1993 mathematical model — results depend significantly on user homogeneity and problem-finding rate per user, which varies by product and context).
6. Iterate — Fix what's broken, refine what works, test again. UX is never "done" — it's a continuous cycle of improvement.
Core UX concepts
Information architecture
How content and features are organized and labeled. Think of it like designing the layout of a grocery store — putting related items together, making popular items easy to find, and using clear signage.
User flows
Step-by-step paths users take through a product. "User opens app → taps search → enters query → views results → taps product → adds to cart → checks out." Mapping these reveals where users get stuck or drop off.
Wireframes
Low-fidelity sketches that show layout and structure without visual design. Think of architectural blueprints — they show where walls and doors go, not what color the walls are. Wireframes keep the team focused on functionality before aesthetics.
Usability heuristics
Jakob Nielsen's 10 heuristics are the UX commandments:
| # | Heuristic | Example |
|---|---|---|
| 1 | Visibility of system status | Loading spinner shows something is happening |
| 2 | Match between system and real world | Shopping "cart" icon, not "purchase accumulator" |
| 3 | User control and freedom | Undo button, back button, clear exit paths |
| 4 | Consistency and standards | All buttons look/work the same way |
| 5 | Error prevention | "Are you sure you want to delete?" confirmation |
| 6 | Recognition rather than recall | Dropdown menus instead of requiring users to remember codes |
| 7 | Flexibility and efficiency of use | Keyboard shortcuts for power users alongside menus for beginners |
| 8 | Aesthetic and minimalist design | Only show information relevant to the current task |
| 9 | Help users recognize, diagnose, and recover from errors | "Your password needs at least 8 characters" instead of "Error 401" |
| 10 | Help and documentation | Searchable help center, contextual tooltips |
Spot the UX problems
25 XPLook at these real-world UX issues and identify which heuristic is violated: 1. A form submits with no confirmation or loading indicator → ___ 2. A "Save" button is green on one page and blue on another → ___ 3. An app uses the term "pod" for what users call "group" → ___ 4. There's no way to undo after deleting a file → ___ 5. A long form doesn't warn you about invalid input until you submit → ___ _Heuristics: Visibility of status, Match real world, User control, Consistency, Error prevention_
Sign in to earn XPThe tools UX designers use
| Tool | What it's for | Cost |
|---|---|---|
| Figma | Design, prototyping, collaboration (industry standard) | Free tier / $15/mo |
| Miro / FigJam | Whiteboarding, workshops, journey mapping | Free tier / $8/mo |
| Maze / UserTesting | Remote usability testing | Free tier / paid |
| Hotjar | Heatmaps, session recordings, user behavior | Free tier / $39/mo |
| Notion | Research documentation, design specs | Free tier / $10/mo |
Figma has become the industry default. If you learn one tool, learn Figma.
Breaking into UX design
Common paths in
| Background | Your advantage | What to learn |
|---|---|---|
| Graphic/visual designer | You already think visually | Research methods, interaction design, prototyping |
| Developer | You understand technical constraints | Design thinking, user research, visual design |
| Marketing/content | You understand users and messaging | Interaction design, Figma, usability testing |
| Psychology/research | You understand human behavior | Interaction design, visual design, prototyping |
| Career changer | Fresh perspective, domain expertise | The full UX process + tools |
Building a UX portfolio
Your portfolio matters more than your degree. Include:
3-5 case studies showing your process (research → design → test → iterate)
Real problems solved — even unsolicited redesigns of apps you use
Process, not just pretty screenshots — employers want to see HOW you think
Measurable outcomes — "Reduced checkout abandonment by 23%"
Design a UX improvement
50 XPPick an app or website you use regularly that frustrates you. Answer these questions: 1. What is the specific frustration? (be precise) 2. Who is the user experiencing this? (describe them) 3. What's the current flow that causes the problem? 4. What's your proposed solution? (describe the new flow) 5. How would you test if your solution works?
Sign in to earn XPThere Are No Dumb Questions
How long does it take to become a UX designer?
With focused effort: 3-6 months to learn the fundamentals, build a portfolio, and start applying. A bootcamp (3-6 months) or self-study (6-12 months) are common paths. A CS or design degree helps but isn't required.
What's the salary range?
Entry-level: $70K-$90K. Mid-level: $100K-$140K. Senior: $140K-$180K+. Lead/Director: $180K-$250K+. These are US numbers as of ~2024; adjust for your market.
Back to the ketchup bottle
The person who redesigned that bottle didn't add a new color or a fancier label. They watched people struggle, understood the frustration, and rethought the entire interaction from the user's perspective. That's the UX mindset in its purest form — and it applies to every product you'll ever use or build, from ketchup bottles to banking apps to AI tools.
If you're drawn to this way of thinking — observing people, identifying friction, and designing elegant solutions — UX might be your career. And if PM resonated more in the previous module, you now understand the partner you'll collaborate with most closely.
Key takeaways
- UX design is about making products useful, usable, and enjoyable — not just pretty
- UX (how it works) and UI (how it looks) are related but distinct disciplines
- The process: Research → Define → Ideate → Prototype → Test → Iterate
- 5 users find 85% of usability problems (Nielsen, 1993 mathematical model — results vary by product and context) — UX research doesn't require big budgets
- Figma is the industry-standard tool; learn it first
- Portfolio matters more than degree — show your process, not just your screens
- Median salary: ~$128K (US, ~2024); demand consistently outpaces supply
Next up: Whether you pursue PM, UX, or something else entirely, you'll need one thing before any application — a personal brand that makes the right people trust you before you walk into the room.
Knowledge Check
1.What is the primary difference between UX and UI design?
2.According to Nielsen's research, how many users do you need to find 85% of usability problems?
3.What is a wireframe?
4.What do employers most want to see in a UX design portfolio?