Zielsetzung des Kurses
Der Kurs Mobile UI Design Marathon adressiert die Konzeption und Ausarbeitung nutzeroberflächenbezogener Gestaltung für mobile Anwendungen. Behandelt wird das Fachgebiet der User-Interface-Gestaltung mit Fokus auf Patterns, Interaktionsdesign und visuelle Systeme für iOS und Android. Ziel ist die strukturierte Heranführung an Layout-Prinzipien, Navigationsmodelle und Zustandslogiken in mobilen Interfaces. Ergänzt wird dies durch die Berücksichtigung von Barrierefreiheit, Plattform-Guidelines und Übergabeprozessen an die Entwicklung.
Inhalte
Einführung in Mobile UI: Einordnung in Human-Centered Design, Abgrenzung zu UX, Überblick zu Viewport-Größen, Dichte, Raster, Spalten, Spacing und Typografie für kleine Displays; Einsatz von Farb- und Icon-Systemen sowie Zustandssignalen für Touch-Interaktionen.
Interaktionsdesign und Navigationsmuster: Gestensteuerung, Hierarchien, Tab- und Bottom-Navigation, Drawer, modale Ansichten, Onboarding-Flows und Mikrointeraktionen; Zustandsmanagement für Lade-, Fehler- und Offline-Szenarien.
Designsysteme und Komponentenbibliotheken: Aufbau von UI-Kits, Tokens und Variablen, Komponenten wie Buttons, Inputs, Listen, Cards, Dialoge; Konsistenzsicherung über Varianten, Zustände und Responsive-Adaptionen.
Plattformrichtlinien und Plattformunterschiede: Orientierung an Apple Human Interface Guidelines und Material Design; Adaption von Patterns, Typografie- und Icon-Konventionen sowie System-Controls je Plattform.
Prototyping und Übergabe: Erstellung klickbarer Prototypen, Dokumentation von Spezifikationen, Assets, Exportformaten und Barrierefreiheitsanforderungen; Zusammenarbeit mit Entwicklung, Versionierung und Kommentierung.
Validierung und Messung: Heuristische Evaluation, kurze Nutzertests, Auswertung von Interaktionsdaten, Ableitung von UI-Anpassungen und Pflege von Design-Roadmaps.
Lernziele
- Analysieren von Navigationsstrukturen, Zuständen und Interaktionsmustern in mobilen Benutzeroberflächen
- Identifizieren von Plattformrichtlinien und Unterscheiden plattformspezifischer Komponenten für iOS und Android
- Erstellen von Layouts, Komponenten und UI-Flows auf Basis von Raster, Typografie und Design-Tokens
- Durchführen von klickbaren Prototypen inklusive Dokumentation von Zuständen, Assets und Übergabeparametern
- Bewerten von Entwürfen mittels heuristischer Kriterien und Nutzertests und Ableiten konkreter Anpassungen
- Integrieren von Barrierefreiheitsanforderungen in Komponentenbibliotheken und Implementierungsbeschreibungen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI Designer für mobile Anwendungen mit Schwerpunkt auf Komponenten, Flows und Zustandslogiken. Typische Tätigkeitsfelder umfassen Mobile Product Designer mit Verantwortung für Navigationsmodelle, Prototyping und Übergabe an Entwicklungsteams. Der Kurs adressiert Inhalte für Tätigkeiten wie Interaction Designer mit Fokus auf Gesten, Mikrointeraktionen und Feedback-Signale in mobilen Interfaces. Zusätzlich sind Anknüpfungspunkte für Design System Manager mit Aufgaben in Token-Definition, Komponentenpflege und plattformbezogenen Richtlinien gegeben.
Zusammenfassung
Der Kurs Mobile UI Design Marathon behandelt Gestaltung, Interaktion und Komponentenaufbau für mobile Benutzeroberflächen unter Berücksichtigung plattformspezifischer Richtlinien. Im Rahmen dieser Weiterbildung werden Konzepte zu Navigationsmustern, Prototyping, Barrierefreiheit und Übergabeprozessen vermittelt. Die Themen weisen einen direkten Bezug zu Tätigkeiten in UI-Design, Mobile Product Design und Interaction Design auf.