PROJEKT:

KI-Lernplattform

JAHR:

2025-26

TEAMGRÖSSE:

Einzelprojekt

SERVICE:

UX/UI · Learning Experience · Frontend

TOOLS:

Figma · Moodle · Survio · TikTok · Adobe CC

UX-Design für Lernmaterialien

worum geht es?

Im Rahmen meiner Bachelorarbeit entwickelte ich einen Moodle-Kurs zum Thema KI-Kompetenzen für Berufstätige ohne KI-Vorerfahrung. Ziel war es, komplexe Inhalte rund um Prompt Engineering verständlich, motivierend und praxisnah aufzubereiten. Dafür verband ich UX/UI Design, Learning Experience Design, didaktische Prinzipien und visuelle Gestaltung zu einer klar strukturierten Lernerfahrung mit Erklärseiten, interaktiven Tests und begleitenden PDF-Zusammenfassungen.

challenge.

Die zentrale Herausforderung bestand darin, komplexe Inhalte rund um KI und Prompt Engineering so aufzubereiten, dass sie für Berufstätige ohne Vorerfahrung verständlich, motivierend und praxisnah zugänglich werden. Gleichzeitig musste der Kurs didaktisch klar strukturiert, visuell konsistent gestaltet und technisch innerhalb von Moodle umsetzbar sein.

Besonders wichtig war es, eine Balance zwischen fachlicher Tiefe, reduzierter kognitiver Belastung und einer nutzerfreundlichen Lernerfahrung zu schaffen. Die Inhalte sollten nicht nur informieren, sondern Orientierung geben, zur aktiven Anwendung motivieren und den Einstieg in ein neues Themenfeld möglichst niedrigschwellig gestalten.

Showcase image
Showcase image
prozess.

Im Prozess analysierte ich zunächst die Zielgruppe und entwickelte eine Persona, um Bedürfnisse wie Orientierung, Motivation, Verständlichkeit und Praxisbezug greifbar zu machen. Die konzeptionelle Grundlage bildeten didaktisches Design, Lernpsychologie und UX-Prinzipien. Daraus leitete ich Anforderungen für Struktur, Sprache, Interaktion und visuelle Gestaltung ab.

Anschließend entwickelte ich drei Vermittlungskonzepte für KI-Lerninhalte und testete sie über TikTok mit mehreren kurzen Videos pro Konzept. Das stärkste Video erreichte über 3.000 Aufrufe und zeigte, dass klare, reduzierte Inhalte mit direktem Praxisbezug besonders gut funktionieren.

Aus den Ergebnissen entstanden die Kapitelstruktur, Tonalität, visuelle Hierarchie und Aufgabenformate des Moodle-Kurses. Zusätzlich entwickelte ich ein Icon-System mit 30 individuell gestalteten Symbolen, die den Kapiteln und zentralen Kurselementen zugeordnet wurden. Der finale Kurs wurde in Moodle umgesetzt und durch HTML, CSS und JavaScript gestalterisch erweitert.

Showcase image
Showcase image
ergebnis.

Das Ergebnis ist ein vollständig ausgearbeiteter Moodle-Kurs, der Berufstätigen ohne KI-Vorerfahrung einen verständlichen und praxisnahen Einstieg in Prompt Engineering ermöglicht. Der Kurs kombiniert klar strukturierte Erklärseiten, kurze Wissensabfragen und begleitende PDF-Zusammenfassungen zu einer konsistenten Lernerfahrung.

Durch die Verbindung von UX/UI Design, Learning Experience Design und nutzerorientierter Evaluation entstand ein Lernangebot, das Orientierung schafft, Motivation fördert und komplexe Inhalte zugänglich macht. Die reduzierte visuelle Gestaltung, klare Kapitelstruktur und praxisnahen Beispiele unterstützen die Nutzer dabei, KI-Grundlagen Schritt für Schritt zu verstehen und direkt anzuwenden.

Showcase image
Showcase image
Showcase image
Showcase image
learnings.

Durch das Projekt habe ich gelernt, wie eng UX/UI Design, Didaktik und Lernpsychologie miteinander verbunden sind. Besonders wichtig war die Erkenntnis, dass gute Lerninhalte nicht nur fachlich korrekt sein müssen, sondern auch klar strukturiert, motivierend und visuell zugänglich gestaltet werden sollten.

Außerdem konnte ich vertiefen, wie wertvoll Evaluation und frühes Nutzerfeedback für die Gestaltung digitaler Lernangebote sind. Die TikTok-Tests haben mir gezeigt, welche Inhalte Aufmerksamkeit erzeugen, verständlich wirken und zum Weiterlernen motivieren. Dadurch konnte ich den Kurs nicht nur gestalterisch, sondern auch inhaltlich und didaktisch gezielter ausarbeiten.