Why UX Design?
The discipline that decides whether people actually use what gets built
A product can be technically flawless and still fail if people can't figure out how to use it, or don't feel motivated to keep coming back. UX Design closes that gap by starting with how people actually think and decide — not how we assume they will — and using that understanding to shape flows, layouts, and moments of friction on purpose. It draws on behavioral science and psychology as much as visual design, which is why good UX designers are as comfortable reading about Nudge Theory as they are wireframing in Figma.
The field splits into a few closely related roles. A UX Designer owns the end-to-end experience — research, flows, wireframes, and testing. A UX/UI Designer carries that through into visual design and interface polish. A Product Designer sits closest to the business, connecting UX work to product strategy and metrics. Whichever direction you lean toward, the roadmap below covers the foundation all three are built on.
Quick intro — what is UX design?
A quick primer before you start the roadmap. Opens in a small player, no need to leave the page.
The UX Design Roadmap
Work through these in order. Each step has a short lesson, official docs, and the tools worth knowing.
Human Decision Making
Nudge theory, persuasive technology, and behavioral economics — the frameworks behind why people act the way they do.
Behavior Change Strategies
Support conscious action, help form new habits, or help users break old ones — and know which lever your product actually needs.
Understanding the Product
Clarify the target outcome, target actor, and target action, then define your users with research-backed personas.
Business Model
Map the existing or new business model with a Canvas, then check it against the market with competitor analysis and SWOT.
Conceptual Design
Turn research into a product backlog and user stories, then map the full customer experience — keep every step short, simple, and visible.
Wireframing
Turn concepts into low-fidelity layouts fast — Figma, Adobe XD, Sketch, and Balsamiq are the standard toolkit.
Flowcharts & Process Modeling
Map user and system flows with simple flowcharts, Event-Driven Process Chains, or BPMN when a process gets complex.
Prototyping & UX Patterns
Build clickable prototypes for calls to action, status reports, reminders, and gamified flows like goal trackers and planners.
UX Best Practices
Clear the page of distractions, make the next action obvious, avoid choice overload, and use social proof and urgency responsibly.
Measuring the Impact
A/B testing and multivariate testing to check whether the design actually changed behavior, then gather lessons and iterate.
Practice Projects
Real, portfolio-ready projects to build and share
User Persona & Journey Map
Pick a real app you use, interview a few people about it, then build a persona and a full customer journey map from what you learn.
Wireframe-to-Prototype Flow
Wireframe a simple onboarding flow in Figma, then turn it into a clickable prototype you can share and get feedback on.
Business Model Canvas
Pick a product idea and fill out a full Business Model Canvas, then stress-test it with a SWOT analysis.
A/B Test a Real Flow
Design two versions of a sign-up or checkout flow, define a success metric, and run an A/B test to see which one wins.
Track complete
Ten steps, from behavioral science to a measured A/B test. Put your wireframes and prototypes in a portfolio so it's visible to employers, then keep going — UX is learned by shipping designs real people react to, not just reading theory.
Where next?
Keep exploring by domain or drill into a single skill