Entwicklung eines Designsystems für eine Lehrplattform im Kontext von UX für KI

Im Rahmen dieser Arbeit wurde ein Designsystem für die Lehrplattform des Forschungsprojekts „Wegweiser.UX-fü r-KI“ entwickelt, um die User Experience (UX) durch konsistente und barrierefreie Designentscheidungen zu erhöhen. Ausgangspunkt waren Optimierungspotenziale bei der Navigation, Strukturierung von Inhalten sowie Lesbarkeit aufgrund unzureichender Farbkontraste. Zur Entwicklung wurden bestehende Designs auf Konsistenz und Barrierefreiheit geprüft sowie Best Practices durch Benchmarking anderer Lehrplattformen und Designsysteme identifiziert. Die gewonnenen Erkenntnisse flossen iterativ in ein Figma UI Kit und den Projektcode ein. Anpassungen der Designsprache umfassten barrierefreie Farbkombinationen im Dark und Light Mode, eine neue Schriftart, ein konsistentes Grid-System und der Einsatz von Glasmorphismus für UI-Boxen. Neue Komponenten für die Navigation und Inhaltsstruktur steigerten die Usability und ermöglichten die Einhaltung der WCAG-AA-Kriterien. Eine Designsystem-Dokumentation wurde zur Nachvollziehbarkeit des Systems für das Projektteam erstellt und in einem Workshop anhand einer Anwendungsaufgabe getestet. Eine summative Evaluation bestätigte die hohe UX-Qualität: Die Plattform erzielte einen SUS-Score von 85 (Note A+), einen VisAWI-Wert von 5,85 für die visuelle Ästhetik und erreichte beim AttrakDiff einen besonders hohen Wert in dem Item „Vorzeigbarkeit“.