--- title: "For Beginners" url: "https://www.insideuxdesign.com/en/for-beginners" language: "en" description: "New to UX design? This learning path guides you through the basics in eight steps, from research and design to your first usability test. Start now." published: "2026-10-15T00:47:05+02:00" updated: "2026-10-15T08:50:56+02:00" --- # For Beginners New to UX? # For Beginners A learning path through the basics of UX design: eight steps from your first term to your first usability test. No prior knowledge needed, in a sensible order and with articles from the magazine. [Start with step 1 →](https://www.insideuxdesign.com/en/blog/the-ux-process-at-a-glance-from-problem-to-solution) [UX glossary](https://www.insideuxdesign.com/en/glossary) - 8 steps - 25 articles - No prior knowledge At first, UX design can feel like a mountain of jargon, methods and tools. The good news: you don’t have to learn everything at once. This path puts the basics in an order where each step builds on the one before. Read it from top to bottom or jump straight to the step you’re working on right now. Each step contains two to six articles. If you come across a term you don’t know along the way, the [UX glossary](https://www.insideuxdesign.com/en/glossary) has you covered. ## 1. What UX is about Before you learn methods, it helps to have a clear picture of what user experience actually is, how it differs from usability and what steps UX work involves. - [What Is User Experience?](https://www.insideuxdesign.com/en/blog/what-is-user-experience) The term explained in a few minutes. - [What Is Usability?](https://www.insideuxdesign.com/en/blog/what-is-usability) Why ease of use is only one part of the experience. - [What Is UX Design? The Banana Example](https://www.insideuxdesign.com/en/blog/what-is-ux-design-the-banana-example) An everyday object as a lesson in good design. - [The UX Process at a Glance](https://www.insideuxdesign.com/en/blog/the-ux-process-at-a-glance-from-problem-to-solution) The map for everything that follows on this path. ## 2. Understanding people Good design doesn’t start in a design tool. It starts with the people who use a product. In this step, you’ll learn how to get honest answers and capture what you learn in a way your team can actually work with. - [User Interviews Without Leading Questions](https://www.insideuxdesign.com/en/blog/user-interviews-without-leading-questions-how-to-get-honest-answers) How to ask questions that don’t suggest the answer. - [Personas from Real Data](https://www.insideuxdesign.com/en/blog/personas-from-real-data-how-to-build-a-persona-your-team-actually-uses) Turn interviews into a persona that helps in everyday work. - [How to Create a Journey Map](https://www.insideuxdesign.com/en/blog/how-to-create-a-journey-map-a-guide-to-your-first-mapping) Make someone’s path to their goal visible. ## 3. Structure and first drafts Once you know what people need, the next questions are where each piece of content belongs and how to make ideas visible quickly, before anyone starts debating colors. - [Navigation Nobody Gets Lost In](https://www.insideuxdesign.com/en/blog/navigation-nobody-gets-lost-in-information-architecture-step-by-step) Information architecture with card sorting and tree testing. - [Wireframe, Mockup, Prototype](https://www.insideuxdesign.com/en/blog/wireframe-mockup-prototype-whats-the-difference) Which draft answers which question. ## 4. How people perceive and decide A few basics from psychology explain why some interfaces make sense at a glance and others don’t. They help you justify design decisions instead of relying on taste. - [Gestalt Principles in Interface Design](https://www.insideuxdesign.com/en/blog/gestalt-principles-in-interface-design-proximity-similarity-and-closure) Why people see elements as belonging together. - [UX Laws Explained with Examples](https://www.insideuxdesign.com/en/blog/ux-laws-explained-with-examples-fitts-hick-jakob-and-miller) Fitts, Hick, Jakob and Miller in everyday use. - [Cognitive Load](https://www.insideuxdesign.com/en/blog/cognitive-load-why-less-is-often-more-in-interface-design) Why less is often more in interface design. ## 5. Design basics Now it gets concrete. With these basics, you’ll design screens that look tidy and are easy to use. The order follows how a screen is built: from overall structure to type and color, down to a single button. - [Visual Hierarchy](https://www.insideuxdesign.com/en/blog/visual-hierarchy-how-to-guide-the-eye-through-your-interface) How to guide the eye through your interface. - [Spacing and Grids in Interface Design](https://www.insideuxdesign.com/en/blog/spacing-and-grids-in-interface-design-whitespace-the-8-point-system-and-layout-grids-explained) Whitespace, the 8-point system and layout grids. - [Screen Typography](https://www.insideuxdesign.com/en/blog/screen-typography-font-size-line-length-and-line-height) Font size, line length and line height. - [Color in the Interface](https://www.insideuxdesign.com/en/blog/color-in-the-interface-the-basics-for-your-first-color-palette) The basics for your first color palette. - [Designing Buttons Right](https://www.insideuxdesign.com/en/blog/designing-buttons-right-hierarchy-labels-states-and-size) Hierarchy, labels, states and size. - [Mobile First and Responsive Design](https://www.insideuxdesign.com/en/blog/mobile-first-and-responsive-design-making-your-website-work-on-every-screen) Making your website work on every screen. ## 6. Accessibility from the start Accessibility isn’t an extra for later. If you consider it early, you avoid costly fixes and reach more people. - [WCAG Explained Simply](https://www.insideuxdesign.com/en/blog/wcag-explained-simply-the-four-principles-at-a-glance) The four principles of the guidelines at a glance. - [Test Your Website with the Keyboard in 15 Minutes](https://www.insideuxdesign.com/en/blog/test-your-website-with-the-keyboard-in-15-minutes) A first hands-on test without special tools. ## 7. Testing and measuring Whether a design works only becomes clear when real people use it. These articles help you find problems systematically and make improvements visible. - [Heuristic Evaluation Step by Step](https://www.insideuxdesign.com/en/blog/heuristic-evaluation-step-by-step-the-10-usability-heuristics-applied-to-one-example) The ten usability heuristics applied to one example. - [Your First Usability Test](https://www.insideuxdesign.com/en/blog/your-first-usability-test-step-by-step-with-five-users) Step by step with five users. - [Measuring UX](https://www.insideuxdesign.com/en/blog/measuring-ux-task-success-time-on-task-sus-and-conversion-explained) Task success, time on task, SUS and conversion explained. ## 8. Tools Tools come last on purpose. They make the work easier, but they don’t replace any of the earlier steps. A handful of tools is enough to get started. - [The Right UX Tools to Start With](https://www.insideuxdesign.com/en/blog/the-right-ux-tools-to-start-with-what-you-actually-need) What you actually need, sorted by task. - [Figma Basics](https://www.insideuxdesign.com/en/blog/figma-basics-frames-auto-layout-and-components) Frames, auto layout and components. The practical guide to keep learning ## Lean UX für kleine Teams (in German) Two people. No budget. Still building the right thing. 23 methods along the Double Diamond, each with time required, a template and a checklist. Written by Dennis Wagner, the editor of this magazine. [More about the book →](https://denniswagner.de/ebooks/lean-ux-fuer-kleine-teams) ## Terms to look up You’ll come across these glossary entries again and again on this path: [user experience](https://www.insideuxdesign.com/en/glossar/user-experience), [usability](https://www.insideuxdesign.com/en/glossar/usability), [user research](https://www.insideuxdesign.com/en/glossar/user-research), [persona](https://www.insideuxdesign.com/en/glossar/persona), [wireframe](https://www.insideuxdesign.com/en/glossar/wireframe), [usability testing](https://www.insideuxdesign.com/en/glossar/usability-testing) and [WCAG](https://www.insideuxdesign.com/en/glossar/wcag). ## Further reading - [Laws of UX](https://www.insideuxdesign.com/en/ressourcen/laws-of-ux): the best-known UX laws collected in one place. - [10 Usability Heuristics](https://www.insideuxdesign.com/en/ressourcen/10-usability-heuristics): the checklist for your first heuristic evaluation. - [Don’t Make Me Think](https://www.insideuxdesign.com/en/ressourcen/dont-make-me-think): Steve Krug’s classic on web usability. Step 1 ## Ready for the first step? Start with the overview of the UX process. It shows you how all the steps fit together. [To the UX process →](https://www.insideuxdesign.com/en/blog/the-ux-process-at-a-glance-from-problem-to-solution)