Grundlagen User Interface Entwicklung

Ingenieurwissenschaften und Informatik

Version 20.0 vom 12.10.2020

11B1350

Basics User Interface Development

Informatik - Medieninformatik (B.Sc.)

1

Im Entwicklungsprozess interaktiver Anwendungen sind Medieninformatikerinnen und Medieninformatiker in erster Linie für die Programmierung bzw. für die technischen Aspekte der Medien- bzw. Interfacegestaltungzuständig. Um im Team mit UX-Designern professionell arbeiten zu können müssen sie außerdem die Themen und Tools des Interface-Designs kennen. Weiterhin müssen Studierende der Medieninformatik lernen, die gestalterische Qualität von Benutzeroberflächen und Medien objektiv zu bewerten. Sie werden somit befähigt,vorgegebene Design-Templates mit Blick auf moderne Gestaltungsregeln zu modifizieren.

• (Hinweis: Inhaltliches Verhältnis Gestaltung:Technik entspricht ca. 1:2 )
• 1. Teamstrukturen und Arbeitsprozesse zwischen Programmierung und UI-Design
• 2. Grundlagen Layout, Typographie und Farbe für User Interfaces
• 3. Grundlagen von Responsiver Entwicklung
• 4. Unterschiede Prototyping vs Programmierung
• 5. Grundlagen HTML, CSS und JavaScript
• 6. Überblick über aktuelle Frameworks
• 7. Analyse und Modifikation von Templates

Wissensverbreiterung
Die Studierenden, die dieses Modul erfolgreich studiert haben, beherrschen die Grundtechniken der Webprogrammierung und der Gestaltung digitaler Benutzeroberflächen. Sie kennen die gängigen Produktionsprozesse für digitale interaktive Anwendungen. Sie kennen zudem die Abhängigkeiten zwischen Design und technischer Umsetzung.
Wissensvertiefung
Die Studierenden wenden das erworbene Grundwissen in praktischen, individuellen Arbeiten an und lernen dabei, technische und gestalterische Detailprobleme zu lösen.
Können - instrumentale Kompetenz
Die Studierenden, die dieses Modul erfolgreich studiert haben, wenden grundlegende technische und gestalterische Methoden praktisch an und eignen sich dafür geeignete Tools im erforderlichen Umfang selbstständig an.
Können - kommunikative Kompetenz
Im Rahmen von Gruppenarbeiten entwickeln die Studierenden erste Projekte. Technische und gestalterische Probleme müssen gemeinsam diskutiert und gelöst werden. Entwürfe, Brainstormings und Konzepte werden regelmäßig präsentiert.
Können - systemische Kompetenz

Vorlesung und Praktikum

keine

Schöning, Julius

• Plutka, Björn
• Schöning, Julius
• Ramm, Michaela

5

Lidwell, Holden, Butler: Design, die 100 Prinzipien für erfolgreiche Gestaltung/ Stiebner Verlag 2004Böhringer, Bühler, Schlaich: Kompendium Mediengestaltung/ Springer Verlag 2014Runk: Grundkurs Typografie und Layout/ Galileo Design 2006Wolf: HTML5 und CSS3: Das umfassende Handbuch zum Lernen und Nachschlagen. Inkl. JavaScript, Bootstrap, Responsive Webdesign u. v. m., Rheinwerk Computing 2016Laborenz, Ertel: Responsive Webdesign: Anpassungsfähige Websites programmieren und gestalten, Galileo Computing 2014

• Projektbericht, schriftlich
• Mündliche Prüfung
• Präsentation

Experimentelle Arbeit

Kenntniss der Grundtechniken der Webprogrammierung und der Gestaltung digitaler Benutzeroberflächen

1 Semester

Wintersemester und Sommersemester

Deutsch