Bachelor: Informatik und Design

227 - Interface

Empfohlene Voraussetzung für die Teilnahme

keine

Lernziele

Fachkompetenz

Die Studierenden sind in der Lage zu erklären, was User Interface Design umfasst und welche gestalterischen und technischen Anforderungen an interaktive digitale Produkte gestellt werden. Sie kennen die Grundlagen der visuellen Gestaltung für Interfaces, darunter digitale Typografie, Farbsysteme, Layout-Prinzipien, UI-Patterns und Designsysteme. Sie können diese Konzepte anwenden, um nutzerfreundliche, barrierefreie, funktionale und ästhetisch ansprechende Benutzeroberflächen zu gestalten. Darüber hinaus sind sie in der Lage, branchenübliche Gestaltungs- und Prototyping-Software zu nutzen und deren Eignung für verschiedene Designprozesse zu bewerten.

Methodenkompetenz

Die Studierenden setzen Designsysteme, Wireframes und Prototyping-Methoden ein, um interaktive Oberflächen zu strukturieren und zu visualisieren. Sie wenden Farbhierarchien, digitale Typografie und visuelle Anordnungsprinzipien gezielt an, um eine optimale Nutzerführung zu gewährleisten. Dabei analysieren sie bestehende UI-Patterns und entwickeln eigene Gestaltungslösungen unter Beachtung der Barrierefreiheit.

Selbstkompetenz

Die Studierenden können ihre Designideen klar und nachvollziehbar kommunizieren. Sie entwickeln Strategien, um sich eigenständig neue Software- und Designmethoden anzueignen und ihre gestalterischen Fähigkeiten kontinuierlich weiterzuentwickeln.

Sozialkompetenz

Die Studierenden lernen, ihre Gestaltungslösungen konstruktiv zu diskutieren und kritisch zu hinterfragen. Sie arbeiten in interdisziplinären Teams und entwickeln ein Verständnis für die Zusammenarbeit mit Entwicklerinnen und Entwicklern, UX-Designern und Produktmanagern.

Inhalt

Das Modul vermittelt die gestalterischen und konzeptionellen Grundlagen von User Interface Design und dessen Bedeutung in digitalen Anwendungen. Behandelt werden Themen wie digitale Typografie, Farbgestaltung, visuelle Hierarchien und interaktive Muster. Die Studierenden erwerben Kompetenzen in der Entwicklung und Anwendung von Designsystemen und UI-Patterns, um konsistente, skalierbare und barrierefreie Interfaces zu gestalten.

Ein zentraler Bestandteil ist das Prototyping: Die Studierenden lernen, mit branchenüblicher Software wie Figma, Sketch oder Adobe XD zu arbeiten und ihre Entwürfe iterativ zu verbessern. Sie setzen sich mit den Prinzipien von Human-Centered Design auseinander und wenden sie praktisch an.

Die Inhalte werden durch Vorlesungen, Diskussionen und praxisnahe Übungen vermittelt. In Kurzprojekten setzen die Studierenden ihre Kenntnisse um und entwickeln interaktive UI-Prototypen.

Lehrmethoden und Lernformen

Seminaristischer Unterricht, Übungen, Frontalunterricht, Designmethoden, Projektarbeit.

Verwendbarkeit des Moduls

Bachelor Informatik und Design, Teilmodul zu 220 Interaktionsgestaltung

Literatur

• Bill Moggridge: Designing Interactions, MIT University Press Group Ltd
• Don Norman: The Design of Everyday Things, Basic Books
• Jaime Levy: UX Strategy, O'Reilly Media
• Dan Saffer: Designing for Interaction, ISBN 0-321-43206-1
• Dan Saffer: Microinteractions, ISBN 1-491-94592-3
• Alan Cooper: About Face 3: The Essentials of Interaction Design, ISBN 0470084111
• Steve Krug: Don't Make Me Think (Revisited), ISBN 0-321-96551-5
• Jef Raskin: The Humane Interface, ISBN 0-201-37937-6
• Kim Goodwin: Designing for the Digital Age, ISBN 0-470-22910-1
• Bill Buxton: Sketching User Experiences: Getting the Design Right and the Right Design, ISBN 0-123-74037-1
• William Lidwell: Universal Principles of Design, Revised and Updated, ISBN 978-1592535873
• Gutes Design für Leichte Sprache, Sabina Sieghart (Hg.), Rudolf Paulus Gorbach (Hg.), ISBN: 9783825263072
• Plattform "LinkedIn Learning"