UX/UI Design Ausbildung mit klarer Struktur

Bei Kalorislis lernen Sie UX- und UI-Design Schritt für Schritt: von Nutzerforschung und Informationsarchitektur bis zu Prototyping, Design System und Übergabe an die Entwicklung. Die Reihenfolge der Module und die Lernmaterialien sind transparent aufgebaut.

UX • RESEARCH
UI • DESIGN
SYSTEM • HANDOFF

Modulbasiert

Klare Reihenfolge & Lernziele je Abschnitt

Praxisnah

Übungen zu Wireframes, Prototypen & UI-Details

Materialien

Vorlagen, Checklisten und Beispiel-Workflows

Begleitung

Feedback-Schleifen für Entwürfe und Iterationen

Überblick: UX/UI Design Ausbildung

🔎

UX-Grundlagen

Sie lernen, wie Nutzerbedürfnisse ermittelt und in Design-Entscheidungen übersetzt werden. Inhalte umfassen u. a. Nutzerziele, Problemdefinition, Hypothesen, Usability-Grundlagen sowie das Erstellen von Personas und Journey-Elementen. Dazu erhalten Sie Arbeitsvorlagen und Checklisten für den strukturierten Ablauf.

Recherche-Methoden

Interviews, Beobachtung und Auswertung in handhabbaren Schritten

Problem & Scope

Klare Abgrenzung von Anforderungen und Ableitung von Design-Zielen

UX-Artefakte

Personas, Szenarien, Journey-Elemente und strukturierte Erkenntnisse

Iteratives Vorgehen

Entwürfe planen, testen und verbessern – ohne Sprünge

Module ansehen →
🧭

Informationsarchitektur & Flows

Sie gestalten Navigation und Nutzerwege so, dass Inhalte auffindbar und Prozesse nachvollziehbar werden. Der Fokus liegt auf Struktur, Priorisierung und klaren Übergängen zwischen Screens.

Site- & Screen-Struktur

Hierarchien, Navigationsebenen und konsistente Benennung

User Flows

Wege visualisieren, Engpässe erkennen und Alternativen planen

Wireframes

Low-Fidelity-Layouts als Grundlage für spätere UI-Details

Content-Logik

Wie Texte, Elemente und Zustände zusammenwirken

Ablauf & Übungen →
🎨

UI-Design & Komponenten

Sie erarbeiten UI-Layouts mit Fokus auf Typografie, Abstände, visuelle Hierarchie und Interaktions-States. Außerdem lernen Sie, wiederverwendbare Komponenten zu entwerfen, damit Screens konsistent bleiben.

Layout & Typografie

Lesbarkeit, Hierarchie und saubere Raster-Logik

Komponenten & States

Buttons, Formulare, Navigation und Zustände systematisch definieren

Design-Prinzipien

Kontrast, Konsistenz, Feedback und Fehlervermeidung

UI-Feinschliff

Iterationen anhand von Kriterien statt Zufall

UI-Inhalte →
🧪

Prototyping & Test

Sie erstellen klickbare Prototypen und planen Testszenarien. Ziel ist, Interaktionen verständlich zu machen und Annahmen gezielt zu überprüfen.

Interaktionsdesign

Micro-Interaktionen, Übergänge und Nutzerfeedback

Testplanung

Aufgaben, Beobachtungspunkte und Auswertungsschritte

Iterationen

Ergebnisse in konkrete UI-Änderungen übersetzen

Dokumentation

Was getestet wurde und warum – nachvollziehbar für spätere Schritte

Beratung zum Start →
🧩

Design System & Handoff

Sie lernen, wie Designentscheidungen in wiederverwendbare Regeln und Spezifikationen überführt werden. Dazu gehören Komponenten-Logik, Styles, Namenskonventionen und eine strukturierte Übergabe an die Entwicklung.

Tokens & Styles

Farben, Typografie und Abstände konsistent definieren

Komponentenbibliothek

Wiederverwendung und klare Varianten für verschiedene Zustände

Handoff-Workflow

Übergabe mit Spezifikationen, Varianten und Zustandslogik

Qualitätssicherung

Checks für Konsistenz und Umsetzungssicherheit

Handoff & System →
📁

Dokumentation & Portfolio

Sie strukturieren Ihre Case Studies so, dass Entscheidungen, Annahmen und Ergebnisse nachvollziehbar werden. Fokus: klare Darstellung von Problem, Prozess, Iterationen und Designbegründungen.

Case-Study-Aufbau

Vom Problem zur Lösung: verständlich, strukturiert, lesbar

Design-Entscheidungen

Begründung anhand von Kriterien und Nutzerlogik

Materialien & Assets

Organisierte Dateien und wiederverwendbare Artefakte

Feedback-Schleifen

Überarbeitung Ihrer Darstellung nach klaren Kriterien

Probetermin vereinbaren →

Kurse & Lernformat

Wie die Ausbildung aufgebaut ist

Die UX/UI Design Ausbildung bei Kalorislis ist als strukturierte Abfolge von Modulen geplant. Sie erhalten zu jedem Abschnitt Lernmaterialien, Arbeitsaufträge und Kriterien für die Bewertung Ihrer Entwürfe. Der genaue Zeitplan kann je nach Starttermin und Ihrem Lernrhythmus variieren.

  • Modul 1: Nutzerverständnis, Problemdefinition und UX-Artefakte
  • Modul 2: Informationsarchitektur, User Flows und Wireframes
  • Modul 3: UI-Design, Komponenten, Typografie und Zustände
  • Modul 4: Prototyping, Testplanung und Iterationen
  • Modul 5: Design System, Handoff und strukturierte Übergabe
  • Modul 6: Dokumentation, Case Study und Portfolio-Organisation

Im Verlauf arbeiten Sie an einem durchgehenden Beispielprojekt, damit die Inhalte miteinander verbunden bleiben: von der Recherche bis zur UI-Übergabe.

Stimmen von Teilnehmenden

Klare Struktur im Lernprozess

„Mir hat gefallen, dass die Module logisch aufeinander aufbauen. Die Materialien und Checklisten helfen, Entscheidungen nachvollziehbar zu treffen und nicht bei einzelnen Screens stehenzubleiben.“

Teilnehmende Person (UX/UI)

Praxis mit Feedback

„Die Übungen zu Wireframes, Prototypen und UI-States waren konkret. Besonders hilfreich waren die Feedback-Schleifen, weil ich dadurch gezielt iterieren konnte.“

Teilnehmende Person (Design)

Design System verständlich gemacht

„Ich konnte besser einordnen, wie Komponenten und Spezifikationen zusammenhängen. Der Handoff-Teil hat mir geholfen, meine Entwürfe entwicklungsnah zu dokumentieren.“

Teilnehmende Person (UI)

Resources & Tools

Materialien, die Sie im Kursalltag unterstützen – damit Sie Ihre Entwürfe strukturiert ausarbeiten und iterieren können.

Recherche-Checkliste

Leitfaden für Interview-Fragen, Auswertungsschritte und das Ableiten von Design-Annahmen.

Flow- & Struktur-Schema

Vorlage, um User Flows, Screen-Beziehungen und Übergänge übersichtlich zu dokumentieren.

UI-Qualitätskriterien

Kriterienliste für Typografie, Abstände, States und Konsistenz – als Grundlage für Iterationen.

Modul-Plan & Lernziele

Transparenter Ablauf mit Themen, Aufgabenformaten und Kriterien je Abschnitt.

Case-Study-Template

Struktur für Problem, Prozess, Iterationen und Designbegründungen – nachvollziehbar dokumentiert.

Handoff-Check

Liste für Spezifikationen, Varianten, Zustände und Übergabe-Details an die Entwicklung.

Prototyp-Storyboard

Arbeitsansicht für Screenabfolge, Interaktionen und Testaufgaben – bevor Sie finalisieren.

Komponenten-Übersicht

Übersicht für wiederverwendbare UI-Elemente, Varianten, States und Namenskonventionen.

Design System Starter

Startpunkt für Styles, Tokens und Regeln – damit UI-Konsistenz im Projektalltag leichter wird.

Probetermin oder Beratung anfragen

Füllen Sie das Formular aus. Wir melden uns, um Ihren Lernstand, Ihre Ziele und den passenden Startzeitpunkt für die UX/UI Design Ausbildung zu besprechen. Der genaue Verlauf hängt von Ihrer Vorbereitung und Ihrem Lernrhythmus ab.

Oder direkt per E-Mail: [email protected]

Oder telefonisch: +49 30 32518036

Standort & Kontakt

📍

Adresse

Hauptstraße 86, 15065 Stuttgart

📧
📱

Telefon

+49 30 32518036

🧾

USt-IdNr.

DE776644195

Wir verwenden Cookies für eine optimale Nutzung. Details: Cookie-Richtlinie