It is a long established fact that a reader will be distracted by the readable content of a page
when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal
distribution of letters, as opposed to using 'Content here, content here', making it
look like readable English. Many desktop publishing packages and web page editors now use
-->
UX: Nutzer verstehen und strukturieren
Sie lernen, Nutzerziele und Anforderungen in klare Strukturen zu übersetzen. Dazu gehören User Flows, Informationsarchitektur und Wireframes – mit Fokus auf Verständlichkeit und Entscheidungslogik.
- Problemdefinition und Zielkriterien
- Wireframes als Kommunikationsmittel
- Iterationen anhand von Feedback
UI: Gestaltung mit Typografie und Komponenten
Im UI-Teil entwickeln Sie konsistente Screens und lernen, wie Layout, Typografie und Abstände zusammenwirken. Sie arbeiten mit Komponentenlogik und erstellen Grundlagen für ein Design-System.
- Layout-Raster und visuelle Hierarchie
- Komponenten, States und Konsistenz
- Design-Entscheidungen dokumentieren
Prototyping: Interaktionen testen
Sie erstellen interaktive Prototypen, um Annahmen zu prüfen. Der Schwerpunkt liegt auf klaren Interaktionswegen, verständlichen Zuständen und einer strukturierten Validierung durch Reviews.
- Interaktionslogik für Kernflows
- Usability-Checks und Feedbackschleifen
- Iterationen mit nachvollziehbaren Gründen
Portfolio: Case Studies verständlich aufbauen
Sie lernen, Ihre Arbeit als Case Study zu präsentieren: Problem, Vorgehen, Entscheidungen und Ergebnisse. So wird Ihr Lernprozess für Dritte nachvollziehbar.
- Struktur für UX/UI Case Studies
- Designentscheidungen begründen
- Qualitätskriterien für Screens und Prototypen