O
Octo
CoursesPricing
O
Octo
CoursesPricingDashboardPrivacyTerms

© 2026 Octo

Career Skills
1What Is Product Management?2What Is UX Design?3Personal Branding
Module 2~15 min

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.

100xUp to $100 returned per $1 invested in UX (Forrester Research, 2003 — now 20+ years old; treat as a directional historical heuristic, not a current benchmark; modern studies support strong UX ROI but with significant variation by project)
88%of users less likely to return after poor UX (widely cited industry figure; attributed to various UX/Adobe surveys — treat as directional; exact methodology and year vary by source)
128Kmedian UX designer salary (US, ~2024)

What UX design actually means

UX stands for User Experience. UX design is the process of creating products that are useful, easy to use, and enjoyable to interact with.

✗ Without AI

  • ✗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

✓ With AI

  • ✓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 DesignUI Design
Stands forUser ExperienceUser Interface
FocusHow it works, how it feelsHow it looks
AnalogyThe architecture of a houseThe interior decoration
DeliverablesUser flows, wireframes, prototypes, researchColors, 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.

💭You're Probably Wondering…

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.
🔑The 5-user rule
Jakob Nielsen's 1993 mathematical model shows that testing with just 5 users reveals approximately 85% of usability problems — though results depend significantly on user homogeneity and the problem-finding rate per user, which varies by product and context. You don't need thousands of testers — you need 5 thoughtful sessions. This makes UX research accessible even for small teams with no budget.

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:

#HeuristicExample
1Visibility of system statusLoading spinner shows something is happening
2Match between system and real worldShopping "cart" icon, not "purchase accumulator"
3User control and freedomUndo button, back button, clear exit paths
4Consistency and standardsAll buttons look/work the same way
5Error prevention"Are you sure you want to delete?" confirmation

⚡

Spot the UX problems

25 XP
Look 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_

The tools UX designers use

ToolWhat it's forCost
FigmaDesign, prototyping, collaboration (industry standard)Free tier / $15/mo
Miro / FigJamWhiteboarding, workshops, journey mappingFree tier / $8/mo
Maze / UserTestingRemote usability testingFree tier / paid
HotjarHeatmaps, session recordings, user behaviorFree tier / $39/mo
NotionResearch documentation, design specsFree tier / $10/mo

Figma has become the industry default. If you learn one tool, learn Figma.

Breaking into UX design

Common paths in

BackgroundYour advantageWhat to learn
Graphic/visual designerYou already think visuallyResearch methods, interaction design, prototyping
DeveloperYou understand technical constraintsDesign thinking, user research, visual design
Marketing/contentYou understand users and messagingInteraction design, Figma, usability testing
Psychology/researchYou understand human behaviorInteraction design, visual design, prototyping
Career changerFresh perspective, domain expertiseThe 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 XP
Pick 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?

💭You're Probably Wondering…

There 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.

🔑The career advantage
UX design combines creativity with analytical thinking in a way few careers do. Demand consistently outpaces supply — companies can't hire UX designers fast enough. And unlike many tech roles, UX is deeply human, making it harder to fully automate with AI. AI will augment UX designers, not replace them.

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

?

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?

Previous

What Is Product Management?

Next

Personal Branding