Medieninformatik + Webdesign + Responsive Design + User Interface

Diese Weiterbildung vermittelt Kenntnisse in der Medieninformatik, mit Schwerpunkt auf der Verknüpfung von Softwareentwicklung und UI-Strukturen. Die Teilnehmenden erlernen plattformübergreifendes Arbeiten mit Webtechnologien und die Erstellung nutzerorientierter Interfaces.

Modul 1: Einführung in die Medieninformatik
Modul 2: Webdesign: Grundlagen, Tools und Standards
Modul 3: Responsive Gestaltung im UI/UX-Kontext

Einführung in die Medieninformatik
  • Fokus der Medieninformatik: Verknüpfung von Softwareentwicklung, UI-Strukturen und mobilen Anwendungen mit Webtechnologien.
  • Plattformübergreifendes Arbeiten: Android, iOS, HTML, CSS, GitHub, SQL Datenbanken und plattformspezifische Entwicklungsumgebungen.
  • App- und Webentwicklung: API-Schnittstellen, Datenbankanbindung, JSON-Verarbeitung und Gestaltung nutzerorientierter Interfaces.
  • Arbeitsweise & Werkzeuge: Einsatz von Rapid Prototyping, Customer Journey Mapping und Versionierung mit Git im Projektkontext.

Webdesign: Grundlagen, Tools und Standards
  • Grundlagen im Webdesign: Einführung in UI/UX Design, Responsive Webdesign, Strukturierung und Gestaltung funktionaler Webseiten.
  • Visuelle Gestaltung & Tools: Arbeiten mit Figma, Adobe XD und Sketch zur Erstellung von Wireframes, Prototypen und Interface-Layouts.
  • Frontend & Struktur: Umsetzung von Designs mit HTML, CSS, Flexbox und Grid Design für funktionale und zugängliche Benutzeroberflächen.
  • Barrierefreiheit & Standards: Anwendung von WCAG, Style Guides und Usability-Prinzipien für inklusive, nutzerfreundliche Webangebote.

Responsive Gestaltung im UI/UX-Kontext
  • Anpassung von Webinterfaces für Smartphone, Tablet und Desktop durch flexible Layouts und geräteunabhängige UI-Konzepte.
  • Entwicklung responsiver Webdesigns mit HTML, CSS, Flexbox, Grid Design und Media Queries für unterschiedliche Endgeräte.
  • Erstellung von App- und Web-Prototypen mit Figma UI, Sketch und Prototyping Software für mobile Interfaces.
  • Einsatz von WCAG, UX Design und User Testing zur Absicherung von Zugänglichkeit und Bedienbarkeit.

Mit Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, plattformübergreifende Webanwendungen zu gestalten, responsives Design anzuwenden und barrierefreie Benutzeroberflächen zu entwickeln.