Zielsetzung des Kurses
Der Kurs UI Design für Mobile adressiert Gestaltung und Konzeption nutzerzentrierter Oberflächen für Smartphones und Tablets im Kontext digitaler Produktentwicklung. Behandelt werden UI-spezifische Anforderungen mobiler Plattformen, Interaktionsmuster und visuelle Systeme. Ziel ist die strukturierte Herleitung von Navigations- und Bildschirmstrukturen unter Berücksichtigung von Betriebssystem-Guidelines und Gerätespezifika. Der Kurs ist im Fachgebiet Human-Computer Interaction und digitaler Interface-Gestaltung verortet.
Inhalte
Einführung in mobile UI-Grundlagen mit Fokus auf Plattformkonventionen von iOS und Android, Muster für Navigation, Gestensteuerung, Touch-Ziele, Typography und Farbdefinitionen sowie Iconografie und Raster
Informationsarchitektur und Flows: Strukturierung von Inhalten, Ableitung von Use-Cases, Erstellung von User Flows, Screen-Maps und Navigationsmodellen inklusive Zustandslogik und Fehlertoleranz
Layout und Komponenten: Aufbau wiederverwendbarer UI-Bausteine, Komponentenbibliotheken, responsive und adaptive Layouts, States und Variationen, Barrierefreiheit nach WCAG für mobile Interaktionen
Prototyping und Spezifikation: Low- bis High-Fidelity-Prototypen, Click-Dummies, Interaction-Notation, Übergabeformate an Entwicklung, Asset-Export, Token-Nutzung und Design-Hand-off
Visuelle Konsistenz und Designsysteme: Definition von Styles, Spacing, Typo-Skalen, Farbsystemen, Interaktionsfeedback, Dokumentation von Richtlinien sowie Pflege und Versionierung
Evaluation und Qualitätssicherung: Heuristische Evaluation, Usability-Checks für Touch-Interaktionen, Performance-nahe UI-Überprüfungen, Plattformtests und einfache Metriken zur Nutzungsauswertung
Lernziele
- Analysieren von Plattform-Guidelines und Interaktionsmustern für iOS und Android
- Identifizieren von Anforderungen an Touch-Ziele, Gesten und Navigationsstrukturen
- Erstellen von User Flows, Screen-Maps und Low-Fidelity-Wireframes
- Entwickeln von Komponenten und Layoutrastern für unterschiedliche Gerätegrößen
- Anwenden von Prototyping-Methoden inklusive Übergabe an die Entwicklung mit Design-Tokens
- Bewerten von mobilen Interfaces durch heuristische Evaluation und barrierefreie Prüfungen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI Designer/in Mobile, mit Schwerpunkt auf Gestaltung, Komponentenaufbau und visuelle Systeme für mobile Anwendungen. Typische Tätigkeitsfelder umfassen UX/UI Designer/in in Produktteams, insbesondere die Ableitung von Informationsarchitektur, Prototyping und Hand-off. Der Kurs adressiert Inhalte für Tätigkeiten wie Product Designer/in mit Fokus auf mobile Interaktionen und Designsysteme in digitalen Produkten.
Zusammenfassung
Der Kurs UI Design für Mobile behandelt Gestaltung, Strukturierung und Spezifikation von mobilen Benutzeroberflächen für iOS und Android. Im Rahmen dieser Weiterbildung werden Anforderungen an Navigation, Komponenten, Prototyping und Qualitätssicherung vermittelt. Die Themenfelder stehen in Bezug zu Tätigkeiten als UI Designer/in Mobile, UX/UI Designer/in oder Product Designer/in in digitalen Produktteams.