Interactive Visual Design (Grundlagen der Gestaltung 2)

Turnus
jährlich, jeweils zum Wintersemester

Voraussetzungen

• Alle Studierenden müssen sich auf der Lernplattform moodle in den Kurs »Interactive Visual Design / Grundlagen der Gestaltung 2« eintragen.
• die Einteilung in die Übungsgruppen erfolgt zum Beginn der Vorlesungsreihe

Das Modul „Interactive Visual Design / Grundlagen der Gestaltung 2“ baut auf dem Modul "Interactive Visual Design / Grundlagen der Gestaltung 2" auf hat zum Ziel die Usability und User Experience von interaktiven Systemen durch die strukturierte Betrachtung von gestalterischen Aspekten des Informationsdesigns, weiterführenden Konzepten des Screendesigns, Navigationskonzepten und -Architekturen, Suchfunktionen, Konzepte zum Filtern von Informationen, Formular- und Dialoggestaltung, weiterführende Konzepte der Displaytypografie und die Betrachtung von individuelle Bedürfnissen bei der  Benutzungsschnittstellengestaltung zu unterstützen.
Parallel zur Vermittlung der theoretischen Inhalte erfolgt die strukturierte praktische und angewandte Einführung in Webtechnologien und eines Front-End-Webapplikationsframeworks.
In der zweiten Semesterhälfte werden die zuvor vermittelten theoretischen Grundlagen in einem Projekt vertieft, in dem mittels eines praktischen Beispiels das interaktive visuelle Design einer Anwendung konzipiert und prototypisch mittels Front-End-Webtechnologien umgesetzt wird.
Die Studierenden sind nach der Veranstaltung in der Lage die grundlegenden Elemente des interaktiven visuellen Designs theoretisch zu verstehen und praktisch einzusetzen. Sie sind in der Lage sowohl die visuellen als auch die interaktiven Komponenten beim Benutzungsschnittstellen¬design sowohl aus gestalterischer als auch aus informatischer Sicht zu beurteilen, zu diskutieren, anzupassen und in ein Gesamtkonzept informiert zu integrieren. Sie können dieses Wissen in die Designpraxis übertragen und mit Hilfe von Front-End-Webtechnologien sicher in der Programmierpraxis einsetzen.

• Ringvorlesung zu Information Design
• Weiterführende Konzepte des Screendesigns
• Entwurf von Benutzerschnittstellen für Interaktive Systeme
• Auseinandersetzung mit grundlegenden Interaktionsformen
• Navigationskonzepte und Informationsarchitektur
• Analyse und Umsetzung guter Usability & User Experience
• Suchfunktionen und Konzepte zum Filtern von Informationen
• Formular- und Dialoggestaltung
• Weiterführende Konzepte der Displaytypografie
• Funktionale und formal-ästhetische Entwurfspraxis
• Systematische Entwurfsmethodik
• Gestalterische Aspekte des Informationsdesigns
• Webtechnologien (JavaScript, CSS, HTML)
• Front-End-Webapplikationsframeworks (z.B. D3)
• Projektarbeit

Für BSc Medieninformatik/Informatik Das Modul ist unbenotet. Bei ausreichenden Leistungen wird ein Leistungsnachweis (Schein) vergeben. Der Leistungsnachweis erfolgt durch Abgabe & Bestehen der bearbeiteten Übungsblätter, der Integration der Übungsergebnisse in eine interaktive Dokumentation und der mündlichen Präsentation der Ergebnisse während der Übungen.