Programmieren lernen: Rapid Prototyping

Softwareentwicklung + Wireframing + Figma + UI/UX Design


Diese Weiterbildung vermittelt Kenntnisse zu Softwareentwicklungsprozessen, nutzerzentrierter Gestaltung und Prototyping. Teilnehmende erlernen den Umgang mit Tools und Methoden, um digitale Anwendungen und Interfaces zu entwerfen und zu implementieren.


Modul 1: Software Entwicklung: Strukturen und Werkzeuge
Modul 2: Wireframing in der nutzerzentrierten Gestaltung
Modul 3: Figma: Webbasierte UI-Konzepte und Prototyp-Entwicklung
Modul 4: UI/UX Design für digitale Anwendungen


Software Entwicklung: Strukturen und Werkzeuge

• Einführung in Softwareentwicklung: Überblick über Programmierlogik, Clean Code, APIs und gängige Frameworks für Web- und App-Development.


• Datenbanken & Schnittstellen: Arbeiten mit SQL, JSON und API-Schnittstellen zur Datenverarbeitung für vernetzte und datengetriebene Anwendungen.


• Agile Methoden & Prototyping: Praxisnahes Arbeiten mit Rapid Prototyping, UI Design Tools und agiler Entwicklung im Entwicklerteam.


• Toolset & Code-Management: Einsatz von GitHub, Testing-Tools und Coding-Konventionen für professionelle Softwareentwicklungsprozesse.

Wireframing in der nutzerzentrierten Gestaltung

• Grundlagen von Wireframes: Einführung in Struktur, Funktion und Einsatz von Wireframes zur Planung digitaler Interfaces und Webseiten.


• Toolgestützte Entwicklung: Erstellung statischer und interaktiver Wireframes mit Figma, Sketch, Adobe XD und gängiger Prototyping Software.


• Designprozesse & Usability: Einsatz von Wireframes zur frühen Evaluation von Navigation, Informationsarchitektur und responsivem Webdesign.


• Standards & Zusammenarbeit: Integration in UI/UX-Workflows, Austausch im Team und Vorbereitung für Designsysteme und Frontend-Entwicklung.

Figma: Webbasierte UI-Konzepte und Prototyp-Entwicklung

• Einführung in Figma-Workflows zur Gestaltung von Benutzeroberflächen, Wireframes und responsiven Webseiten.


• Einsatz von Auto-Layout, Designsystemen und UI-Kits zur komponentenbasierten Entwicklung digitaler Interfaces.


• Zusammenarbeit in UI/UX-Teams, strukturierte Feedbackprozesse und Vorbereitung auf die Frontend-Entwicklung.


• Erstellung von App-Prototypen, Anwendung von UI-Testing-Methoden und Integration in User-Interface-Prozesse.

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.

Nach Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, digitale Anwendungen zu entwickeln und nutzerzentrierte Designs zu erstellen, indem sie Werkzeuge wie Figma und Wireframing-Techniken in UI/UX-Prozessen einsetzen.