BIN203: UX und Web-Engineering

Lernpfad: Software-Entwicklung

BIN203: UX und Web-Engineering

Kurzporträt BIN203: UX und Web-Engineering
Worum geht es? Das Modul verbindet User Experience mit Web-Engineering. Die Studierenden analysieren Nutzungskontexte, entwerfen Benutzungsschnittstellen und setzen einfache Webanwendungen mit Frontend, Backend, Schnittstellen und Datenhaltung um. Dabei geht es sowohl um technische Realisierung als auch um Gebrauchstauglichkeit, Barrierefreiheit und nachvollziehbare Gestaltung.
Wofür braucht man es? Webanwendungen sind ein zentraler Anwendungskontext der Informatik. Die Kompetenzen helfen dabei, fachliche Anforderungen nicht nur technisch korrekt, sondern auch verständlich, zugänglich und nutzerorientiert umzusetzen. Sie werden in Softwareprojekten, Produktentwicklung, Webentwicklung, Schnittstellenentwurf und Qualitätssicherung benötigt.
Wieso ist es interessant? Bei Websystemen sehen Nutzerinnen und Nutzer unmittelbar, ob Technik verständlich funktioniert. Schon kleine Gestaltungsentscheidungen können darüber entscheiden, ob eine Anwendung hilfreich oder frustrierend ist. Das Modul zeigt, wie technische Architektur und menschliche Nutzung zusammenkommen.
Modulverantwortung

Prof. Dr. Thomas Nitsche

Lehrperson(en)
  • Prof. Dr. Thomas Nitsche
  • Prof. Dr. Nils Kopal
Verwendbarkeit

Bachelor Informatik

Fächergruppe

Informatik

Modultyp
Pflicht
Sprache

Deutsch

Angebot

Wintersemester

Dauer

1 Semester

Credits

5 ECTS

Benotung

Deutsche Notenskala 1-5

SWS

2 V | 1 Ü | 1 P | - S

Workload
Präsenzstudium: 45 Std. Selbststudium: 90 Std.
Engl. Titel

UX and Web Engineering

Empfohlene Voraussetzungen
  • BIN004: Einführung in die Programmierung: Programmierung.
  • BIN007: Datennetze: internetbasierte Anwendungen, Schnittstellen.
  • BIN201: Weiterführende Programmentwicklung: Softwarestrukturierung, Tests, Entwicklungswerkzeuge.
Lernergebnisse / Kompetenzen
WAS

Mit erfolgreichem Abschluss des Moduls sind die Studierenden in der Lage, nutzerzentrierte Benutzungsschnittstellen zu entwickeln und zu bewerten sowie webbasierte Anwendungen zu konzipieren und zu implementieren.

WOMIT

Die Studierenden erreichen dieses Lernergebnis, indem sie

  • Nutzungskontexte, Zielgruppen und Anforderungen für Systeme analysieren und daraus UX-Ziele ableiten,
  • Websysteme in Frontend, Backend, API und Datenhaltung gliedern und die Aufgaben der jeweiligen Komponenten erläutern,
  • statische webbasierte Benutzungsschnittstellen mit HTML und CSS implementieren,
  • interaktive Benutzungsschnittstellen mit JavaScript und zeitgemäßen Frontend-Frameworks implementieren,
  • einfache Full-Stack-Anwendungen mit Frontend, Backend, API und Datenbankanbindung entwerfen, umsetzen und testen,
  • API-Schnittstellen und Webarchitekturen mit geeigneten Notationen oder Spezifikationen beschreiben und bewerten,
  • grundlegende Datenmodelle für Anwendungen erstellen und Datenzugriffe in Anwendungen integrieren,
  • Benutzungsschnittstellen anhand von Gestaltgesetzen, MCI-Kriterien, Barrierefreiheitsanforderungen, Nutzerfeedback, Standards und technischen Rahmenbedingungen beurteilen und verbessern.
WOZU

Die Studierenden nutzen diese Kompetenzen, um fachliche Anforderungen und Nutzerbedürfnisse in gebrauchstaugliche, zugängliche und technisch tragfähige Websysteme zu übersetzen. Damit verbinden sie Softwareentwicklung mit Nutzerperspektive, Schnittstellengestaltung und technischer Webarchitektur.

Inhalte
  • Grundlagen nutzerzentrierter Gestaltung und User Experience
  • Nutzungskontexte, Zielgruppen, Anforderungen und UX-Ziele
  • Navigationsstrukturen, Nutzerschnittstellenaufbau, Prototyping und Nutzerfeedback
  • Gestaltgesetze, MCI-Kriterien und Grundlagen der Barrierefreiheit
  • Architektur webbasierter Systeme: Frontend, Backend, API und Datenhaltung
  • Frontend-Implementierung statischer und dynamischer Webseiten
  • Serverseitige Verarbeitung, API-Entwurf und einfache Datenbankanbindung
  • Modellierung und Spezifikation von Schnittstellen und Webarchitekturen
  • Test und Bewertung von Webanwendungen aus technischer und nutzungsbezogener Perspektive
Prüfungsvorleistung

Testat als Projektarbeit mit Konzeption, Umsetzung, Test und Dokumentation einer einfachen Full-Stack-Webanwendung einschließlich UX-Begründung und Bewertung der Benutzungsschnittstelle; optional ergänzt durch Abnahmepräsentation oder Fachgespräch.

Prüfungsleistung

Computergestützte Klausurarbeit (120 Minuten). Das Prüfungskonzept umfasst Aufgaben zu UX-Grundlagen, Webarchitektur, Schnittstellen, Frontend- und Backend-Konzepten sowie zur Bewertung von Benutzungsschnittstellen.

Literatur
  • Richter, M.; Flückiger, M. D.: Usability und UX kompakt: Produkte für Menschen. 5. Auflage, Springer Vieweg, 2026.
  • Yablonski, J.: Laws of UX: 10 praktische Grundprinzipien für intuitives und menschenzentriertes Design. 2. Auflage, dpunkt.verlag, 2024.
  • Krug, S.: Don’t make me think!: Web Usability: Das intuitive Web. 3. Auflage, mitp Verlag, 2014.
  • Jacobsen, J.; Meyer, L.: Praxisbuch Usability und UX: Was alle wissen sollten, die Websites und Apps entwickeln. 4. Auflage, Rheinwerk Verlag, 2024.
  • Wolf, J.: HTML und CSS: Das umfassende Handbuch zum Lernen und Nachschlagen. 5. Auflage, Rheinwerk Verlag, 2023.
  • Aubele, T.; Girke, D.: Barrierefreie Webseiten - Grundlagen, Anwendung, Praxis. Rheinwerk Computing, 2025.
Lernpfad

Software-Entwicklung