--- title: "Für Anfänger" url: "https://www.insideuxdesign.com/de/fuer-anfaenger" language: "de" description: "Neu im UX-Design? Dieser Lernpfad führt dich in acht Etappen durch die Grundlagen, von Research über Gestaltung bis zum ersten Test. Jetzt starten." published: "2026-10-15T00:47:00+02:00" updated: "2026-10-15T08:50:36+02:00" --- # Für Anfänger Neu im Thema UX? # Für Anfänger Ein Lernpfad durch die Grundlagen von UX-Design: in acht Etappen vom ersten Begriff bis zu deinem ersten eigenen Usability-Test. Ohne Vorwissen, in sinnvoller Reihenfolge und mit Artikeln aus dem Magazin. [Mit Etappe 1 starten →](https://www.insideuxdesign.com/de/blog/der-ux-prozess-im-ueberblick-vom-problem-zur-loesung) [Zum UX-Glossar](https://www.insideuxdesign.com/de/glossar) - 8 Etappen - 25 Artikel - Ohne Vorwissen UX-Design wirkt am Anfang wie ein Berg aus Fachbegriffen, Methoden und Tools. Die gute Nachricht: Du musst nicht alles auf einmal lernen. Dieser Pfad sortiert die Grundlagen so, dass jeder Schritt auf dem vorherigen aufbaut. Du kannst ihn von oben nach unten lesen oder direkt zu der Etappe springen, die dich gerade beschäftigt. Jede Etappe besteht aus zwei bis sechs Artikeln. Wenn dir unterwegs ein Begriff begegnet, den du nicht kennst, hilft dir das [UX-Glossar](https://www.insideuxdesign.com/de/glossar) weiter. ## 1. Worum es bei UX geht Bevor du Methoden lernst, lohnt sich ein klares Bild davon, was User Experience eigentlich ist, wie sie sich von Usability unterscheidet und in welchen Schritten UX-Arbeit abläuft. - [Was ist User Experience?](https://www.insideuxdesign.com/de/blog/was-ist-user-experience) Der Begriff in wenigen Minuten erklärt. - [Was ist Usability?](https://www.insideuxdesign.com/de/blog/was-ist-usability) Warum Gebrauchstauglichkeit nur ein Teil der Nutzungserfahrung ist. - [Was ist UX-Design? Beispiel: Banane](https://www.insideuxdesign.com/de/blog/was-ist-ux-design-beispiel-banane) Ein Alltagsgegenstand als Lehrstück für gutes Design. - [Der UX-Prozess im Überblick](https://www.insideuxdesign.com/de/blog/der-ux-prozess-im-ueberblick-vom-problem-zur-loesung) Die Landkarte für alles, was auf diesem Pfad folgt. ## 2. Menschen verstehen Gutes Design beginnt nicht im Designtool, sondern bei den Menschen, die ein Produkt nutzen. In dieser Etappe lernst du, wie du ehrliche Antworten bekommst und deine Erkenntnisse so festhältst, dass dein Team damit arbeiten kann. - [User Interviews ohne Suggestivfragen](https://www.insideuxdesign.com/de/blog/user-interviews-ohne-suggestivfragen-so-bekommst-du-ehrliche-antworten) So stellst du Fragen, die nicht schon die Antwort vorgeben. - [Personas aus echten Daten](https://www.insideuxdesign.com/de/blog/personas-aus-echten-daten-so-baust-du-eine-persona-mit-der-dein-team-wirklich-arbeitet) Aus Interviews eine Persona bauen, die im Alltag wirklich hilft. - [Journey Map erstellen](https://www.insideuxdesign.com/de/blog/journey-map-erstellen-eine-anleitung-fuer-dein-erstes-mapping) Den Weg eines Menschen zu seinem Ziel sichtbar machen. ## 3. Struktur und erste Entwürfe Wenn klar ist, was Menschen brauchen, geht es um die Frage, wo welche Inhalte hingehören und wie du Ideen schnell sichtbar machst, bevor jemand über Farben diskutiert. - [Navigation, in der sich niemand verirrt](https://www.insideuxdesign.com/de/blog/navigation-in-der-sich-niemand-verirrt-informationsarchitektur-schritt-fuer-schritt) Informationsarchitektur mit Card Sorting und Tree Testing. - [Wireframe, Mockup, Prototyp](https://www.insideuxdesign.com/de/blog/wireframe-mockup-prototyp-was-ist-der-unterschied) Welcher Entwurf welche Frage beantwortet. ## 4. Wie Menschen wahrnehmen und entscheiden Ein paar psychologische Grundlagen erklären, warum manche Interfaces sofort verständlich sind und andere nicht. Sie helfen dir, Designentscheidungen zu begründen statt nur nach Geschmack zu urteilen. - [Gestaltgesetze im Interface](https://www.insideuxdesign.com/de/blog/gestaltgesetze-im-interface-naehe-aehnlichkeit-und-geschlossenheit) Warum Menschen Elemente als zusammengehörig sehen. - [UX-Gesetze an Beispielen erklärt](https://www.insideuxdesign.com/de/blog/ux-gesetze-an-beispielen-erklaert-fitts-hick-jakob-und-miller) Fitts, Hick, Jakob und Miller im Alltag. - [Kognitive Last](https://www.insideuxdesign.com/de/blog/kognitive-last-warum-weniger-im-interface-oft-mehr-ist) Warum weniger im Interface oft mehr ist. ## 5. Gestaltungsgrundlagen Jetzt wird es konkret. Mit diesen Grundlagen gestaltest du Screens, die aufgeräumt wirken und sich gut bedienen lassen. Die Reihenfolge folgt dem Aufbau eines Screens: von der Ordnung über Schrift und Farbe bis zum einzelnen Button. - [Visuelle Hierarchie](https://www.insideuxdesign.com/de/blog/visuelle-hierarchie-so-lenkst-du-den-blick-durch-dein-interface) So lenkst du den Blick durch dein Interface. - [Abstände und Raster im Interface](https://www.insideuxdesign.com/de/blog/abstaende-und-raster-im-interface-weissraum-8-punkt-system-und-layout-grids-einfach-erklaert) Weißraum, 8-Punkt-System und Layout-Grids. - [Typografie für Bildschirme](https://www.insideuxdesign.com/de/blog/typografie-fuer-bildschirme-schriftgroesse-zeilenlaenge-und-zeilenabstand) Schriftgröße, Zeilenlänge und Zeilenabstand. - [Farben im Interface](https://www.insideuxdesign.com/de/blog/farben-im-interface-die-grundlagen-fuer-deine-erste-farbpalette) Die Grundlagen für deine erste Farbpalette. - [Buttons richtig gestalten](https://www.insideuxdesign.com/de/blog/buttons-richtig-gestalten-hierarchie-beschriftung-zustaende-und-groesse) Hierarchie, Beschriftung, Zustände und Größe. - [Mobile First und Responsive Design](https://www.insideuxdesign.com/de/blog/mobile-first-und-responsive-design-so-funktioniert-deine-website-auf-jedem-bildschirm) Damit deine Website auf jedem Bildschirm funktioniert. ## 6. Barrierefreiheit von Anfang an Barrierefreiheit ist kein Extra für später. Wer sie früh mitdenkt, spart sich aufwendige Korrekturen und erreicht mehr Menschen. - [WCAG einfach erklärt](https://www.insideuxdesign.com/de/blog/wcag-einfach-erklaert-die-vier-prinzipien-im-ueberblick) Die vier Prinzipien der Richtlinien im Überblick. - [Deine Website in 15 Minuten mit der Tastatur testen](https://www.insideuxdesign.com/de/blog/deine-website-in-15-minuten-mit-der-tastatur-testen) Ein erster Praxistest ohne Spezialwerkzeug. ## 7. Testen und messen Ob ein Design funktioniert, zeigt sich erst, wenn echte Menschen es benutzen. Diese Artikel helfen dir, Probleme systematisch zu finden und Verbesserungen sichtbar zu machen. - [Heuristische Evaluation Schritt für Schritt](https://www.insideuxdesign.com/de/blog/heuristische-evaluation-schritt-fuer-schritt-die-10-usability-heuristiken-an-einem-beispiel) Die zehn Usability-Heuristiken an einem Beispiel. - [Dein erster Usability-Test](https://www.insideuxdesign.com/de/blog/dein-erster-usability-test-schritt-fuer-schritt-mit-fuenf-personen) Schritt für Schritt mit fünf Personen. - [UX messen](https://www.insideuxdesign.com/de/blog/ux-messen-erfolgsquote-zeit-sus-und-conversion-verstaendlich-erklaert) Erfolgsquote, Zeit, SUS und Conversion verständlich erklärt. ## 8. Werkzeuge Tools kommen bewusst zum Schluss. Sie machen die Arbeit leichter, ersetzen aber keine der vorherigen Etappen. Für den Start reichen wenige Werkzeuge. - [Die richtigen UX-Tools für den Anfang](https://www.insideuxdesign.com/de/blog/die-richtigen-ux-tools-fuer-den-anfang-was-du-wirklich-brauchst) Was du wirklich brauchst, sortiert nach Aufgaben. - [Figma-Grundlagen](https://www.insideuxdesign.com/de/blog/figma-grundlagen-frames-auto-layout-und-komponenten) Frames, Auto Layout und Komponenten. Das Praxisbuch zum Weiterlernen ## Lean UX für kleine Teams Zwei Leute. Kein Budget. Trotzdem das Richtige bauen. 23 Methoden entlang des Double Diamond, jede mit Zeitbedarf, Vorlage und Checkliste. Geschrieben von Dennis Wagner, dem Herausgeber dieses Magazins. [Mehr zum Buch →](https://denniswagner.de/ebooks/lean-ux-fuer-kleine-teams) ## Begriffe zum Nachschlagen Diese Glossar-Einträge begegnen dir auf dem Pfad immer wieder: [User Experience](https://www.insideuxdesign.com/de/glossar/user-experience), [Usability](https://www.insideuxdesign.com/de/glossar/usability), [User Research](https://www.insideuxdesign.com/de/glossar/user-research), [Persona](https://www.insideuxdesign.com/de/glossar/persona), [Wireframe](https://www.insideuxdesign.com/de/glossar/wireframe), [Usability-Test](https://www.insideuxdesign.com/de/glossar/usability-test) und [WCAG](https://www.insideuxdesign.com/de/glossar/wcag). ## Zum Weiterlesen - [Laws of UX](https://www.insideuxdesign.com/de/ressourcen/laws-of-ux): die bekanntesten UX-Gesetze kompakt gesammelt. - [10 Usability-Heuristiken](https://www.insideuxdesign.com/de/ressourcen/10-usability-heuristiken): die Prüfliste für deine erste heuristische Evaluation. - [Don’t Make Me Think](https://www.insideuxdesign.com/de/ressourcen/dont-make-me-think): Steve Krugs Klassiker über Usability im Web. Etappe 1 ## Bereit für den ersten Schritt? Starte mit dem Überblick über den UX-Prozess. Er zeigt dir, wie alle Etappen zusammenhängen. [Zum UX-Prozess →](https://www.insideuxdesign.com/de/blog/der-ux-prozess-im-ueberblick-vom-problem-zur-loesung)