UX/UI Designer

UI/UX Design + Prototyping + Objektorientierte Programmierung + Clean Code


Diese Weiterbildung vermittelt grundlegende und fortgeschrittene Kenntnisse im Bereich des UI/UX Designs und der objektorientierten Programmierung. Die Teilnehmenden lernen den Einsatz von Design- und Entwicklungstools sowie die Anwendung von Programmierstandards und Clean Code Prinzipien.


Modul 1: UI/UX Design für digitale Anwendungen
Modul 2: UI/UX Entwicklung mit komponentenbasierten Frameworks
Modul 3: Figma: Gestaltung und Prototyping im Webdesign
Modul 4: Objektorientierte Programmierung in der Softwareentwicklung
Modul 5: Clean Code und Programmierstandards


UI/UX Design für digitale Anwendungen

• Grundlagen von UI/UX: Einführung in Usability, Interface-Gestaltung und Nutzerführung für Web, App und mobile Anwendungen.


• Prototyping & Wireframes: Einsatz von Figma, Adobe XD und Rapid Prototyping zur Entwicklung von nutzerzentrierten UI-Konzepten.


• UX Research & Testing: Durchführung von User Research, A/B-Tests und User Personas zur Optimierung der User Experience.


• Designsysteme & Tools: Nutzung von UI Frameworks, Style Guides und WCAG-Richtlinien für barrierefreies und responsives Design.

UI/UX Entwicklung mit komponentenbasierten Frameworks

• Interface-Komponenten: Aufbau von Designsystemen mit user interface coding, framework ui und responsive UI-Strukturen.


• Design & Layout: Nutzung von flexbox, grid design und compose zur Erstellung flexibler Web- und App-Komponenten.


• Prototyping mit Tools: Anwendung von sketch, figma developer und wireframe website zur Interface-Simulation.


• Entwicklung & Kontrolle: Einsatz von git, docker compose und ui testing zur Sicherung und Abstimmung modularer Interfaces.

Figma: Gestaltung und Prototyping im Webdesign

• Einführung in Figma: Grundlagen der webbasierten Designsoftware zur Erstellung von User Interfaces, Wireframes und interaktiven Prototypen.


• Gestaltung & Komponenten: Anwendung von UI-Kits, Auto-Layout, Designsystemen und responsivem Webdesign in plattformübergreifenden Projekten.


• Kollaboration & Feedback: Nutzung von Figma-Funktionen für Teamarbeit, Kommentierung und Übergabe an Entwickler im UI/UX-Workflow.


• Prototyping & Testing: Erstellung interaktiver Klick-Prototypen, Durchführung von User Tests und Vorbereitung auf Usability-Optimierungen.

Objektorientierte Programmierung in der Softwareentwicklung

• Grundprinzipien der OOP: Einführung in Klassen, Objekte, Vererbung, Kapselung und Polymorphie in aktuellen Programmiersprachen.


• Anwendung in Projekten: Objektorientiertes Programmieren lernen durch praxisnahe Aufgaben mit Fokus auf Clean Code und Software Engineering.


• Struktur & Architektur: Aufbau wartbarer Software mit OOP-Patterns, APIs, Frameworks und strukturierter Code-Entwicklung im Team.


• Tools & Praxisumfeld: Einsatz von GitHub, Code-Management, Testing und Entwicklung objektorientierter Module für reale Software-Projekte.

Clean Code und Programmierstandards

• Clean Code verstehen: Aufbau klarer Methoden, Aufteilung in Funktionen und Vereinheitlichung von Programmierstrukturen.


• Arbeitsweise mit Code: Regeln zur Codestilkontrolle, Kommentierung, API-Struktur und lesbare Entwicklungslogik.


• Refactoring im Development: Umstrukturierung von Code, Versionspflege über GitHub und Anbindung an Frameworks.


• Zusammenarbeit im Team: Code Reviews, Testing-Strategien, Fehlerbehandlung und automatisierte Tools im Softwareprojekt.

Mit Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, UI/UX Design- und Entwicklungsmethoden anzuwenden, komplexe Softwarearchitekturen zu erstellen und Programmierstandards in Softwareprojekten umzusetzen.