Produkt-Fallstudie / Barrierearme Lernplattform
EduSpera
Lernen soll sich den Menschen anpassen.
Ein zugängliches Lernökosystem, das Kurserstellung, tägliches Lernen und persönliches Feedback verbindet. Entwickelt für die Bedürfnisse von Lehrenden und Lernenden.
- Unser Beitrag
- Produktstrategie, UX/UI und Entwicklung
- Projektschwerpunkt
- Marketingwebsite, Arbeitsbereich für Lehrende und Lernerlebnis
01 / Die Herausforderung
Eine Plattform, unterschiedliche Lernwege
Einen Kurs zu veröffentlichen ist erst der Anfang. Lernende müssen ihren Lernweg wiederfinden, den nächsten Schritt erkennen, Inhalte nutzen und Unterstützung erhalten. Die Akademie soll diese Erfahrung ohne separate Werkzeuge für jede Aufgabe verwalten können. EduSpera verbindet diese Aufgaben und berücksichtigt Barrierefreiheit bei der Inhaltserstellung und in der Lernoberfläche.
Die Herausforderung war, umfangreiche Verwaltung mit einem ruhigen Lernerlebnis zu verbinden. Kurse, Lernpfade, Aufgaben und Community haben unterschiedliche Rollen und Berechtigungen. Die Struktur muss verständlich bleiben, während Lesepräferenzen, Untertitel und Tastaturbedienung den gesamten Lernweg unterstützen.
Die Entscheidungen hinter dem Erlebnis
Den nächsten Schritt sichtbar machen
Kursübersicht, gespeicherter Fortschritt und Lektion greifen ineinander. Beim Wiedereinstieg ist die eigene Position im Kurs erkennbar. Aufgaben und Rückmeldungen bleiben Teil desselben Lernprozesses.
Barrierefreiheit im Arbeitsalltag
Untertitel und Transkripte unterstützen Videolektionen. Hinweise für Bildbeschreibungen und eine Bewertung der Inhalte helfen Lehrenden bei der Verbesserung. Lernende können Darstellung, Schriftgröße und Abstände anpassen und diese Einstellungen kursübergreifend nutzen.
Verwaltung und Teilnahme klar ordnen
Die Informationsarchitektur unterscheidet Akademie, Lernpfad und Kurs mit sichtbarem Kontext und konsistenter Navigation. Verwaltung und Mitgliederbereich erfüllen unterschiedliche Aufgaben. Gemeinsame Komponenten sorgen dafür, dass die Bedienung vertraut bleibt.
Rückmeldungen als Teil der Oberfläche gestalten
Eine Abgabe besteht aus mehr als einem Datei-Upload. Status, gewünschte Änderungen und nächster Schritt müssen verständlich sein. Dasselbe gilt für Ladezustände und Navigation: Vorgänge sichtbar machen und Orientierung während der Wartezeit erhalten.
02 / Menschen & Recherche
Bedürfnisse als Ausgangspunkt
Illustrative Proto-Personas aus den Rollen und Abläufen des Produkts. Sie beschreiben Designhypothesen, keine Interviewteilnehmenden.
Akademieleitung
Illustrative Proto-Persona · Kursverwaltung
- Bedürfnis
- Kurse, Personen und Abgaben übersichtlich organisieren.
- Hürde
- Werkzeugwechsel und unklarer Kontext zu Kurs oder Zielgruppe.
- Designantwort
- Konsistente Navigation, eindeutiger Kurskontext und übersichtliche Abgabenlisten.
Wiedereinsteigende Lernende
Illustrative Proto-Persona · selbstständiges Lernen
- Bedürfnis
- Eine Lektion fortsetzen, im passenden Format verstehen und den nächsten Schritt kennen.
- Hürde
- Starre Leseeinstellungen, Videos ohne Alternative und unklare Rückmeldungen.
- Designantwort
- Gespeicherter Fortschritt, Untertitel und Transkripte, anpassbare Darstellung und klare nächste Schritte.
Forschungsfragen & Validierung
Dieser rekonstruierte Forschungsrahmen verbindet zwei entscheidende Momente: einen Kurs veröffentlichen und eine Lektion fortsetzen. Die dokumentierten Navigationsentscheidungen verdeutlichen, wie wichtig der erkennbare Kontext von Akademie, Lernpfad und Kurs ist. Die Werkzeuge zur Barrierefreiheit werfen eine weitere Frage auf: Können Lehrende zugängliche Inhalte im normalen Arbeitsablauf erstellen und Lernende ihre Lesepräferenzen beibehalten? Interviewleitfaden und vorgeschlagene Prüfungen untersuchen Orientierung, alternative Inhaltsformate und verständliche Aufgabenrückmeldungen.
Eine redaktionelle Rekonstruktion der Designüberlegungen. Interviewfragen und Usability-Szenarien dienen als Validierungsleitfaden; sie werden nicht als durchgeführte Feldforschung oder gemessene Ergebnisse dargestellt.
Interviewleitfaden
- Hypothese: Sichtbarer Fortschritt erleichtert den Wiedereinstieg. Frage: Wie finden Sie heute Ihre letzte Lernposition?
- Hypothese: Alternativen machen Inhalte flexibler. Frage: Wann bevorzugen Sie Transkripte, Untertitel oder angepassten Text?
- Frage an Lehrende: Was prüfen Sie vor der Veröffentlichung, und was wird leicht vergessen?
- Frage an Lernende: Welche Informationen machen eine Korrektur ohne zusätzliche Hilfe verständlich?
Szenarien für Usability-Tests
- Einen Kurs fortsetzen und ohne Hilfe die nächste offene Lektion finden.
- Leseeinstellungen ändern, Untertitel öffnen und Einstellungen nach Navigation prüfen.
- Eine Aufgabe abgeben, den Status erkennen und anhand einer Beispielkorrektur den nächsten Schritt erklären.
- Tastatur, Fokus, mobile Ansichten sowie Lade- und Fehlerzustände für beide Rollen prüfen.
03 / Customer Journey
Customer Journey
Eine repräsentative Journey aus den Produktabläufen, die Bedürfnisse mit konkreten Interface-Entscheidungen verbindet.
| Phase | Nutzerhandlung | Hürde | Designantwort |
|---|---|---|---|
| Entdecken | Das Lernangebot verstehen | Eine Funktionsliste verdeckt den Lernwert | Lernerlebnis erklären und Produkt zeigen |
| Beginnen | Kurs und erste Lektion finden | Unklare Kurshierarchie | Sichtbare Kursstruktur und erkennbarer Einstieg |
| Lernen | Die Lektion lesen, ansehen und anpassen | Inhalte passen nicht zu den Zugangsbedürfnissen | Untertitel, Transkripte und gespeicherte Lesepräferenzen |
| Üben | Eine Aufgabe abgeben und Feedback lesen | Unklarer Status und unklare Änderungswünsche | Eindeutiger Abgabestatus und konkreter nächster Schritt |
| Fortsetzen | An einem anderen Tag oder Gerät weitermachen | Fortschritt und Einstellungen gehen verloren | Gespeicherter Fortschritt und Einstellungen im Lernerlebnis |
01Entdecken
- Nutzerhandlung
- Das Lernangebot verstehen
- Hürde
- Eine Funktionsliste verdeckt den Lernwert
- Designantwort
- Lernerlebnis erklären und Produkt zeigen
02Beginnen
- Nutzerhandlung
- Kurs und erste Lektion finden
- Hürde
- Unklare Kurshierarchie
- Designantwort
- Sichtbare Kursstruktur und erkennbarer Einstieg
03Lernen
- Nutzerhandlung
- Die Lektion lesen, ansehen und anpassen
- Hürde
- Inhalte passen nicht zu den Zugangsbedürfnissen
- Designantwort
- Untertitel, Transkripte und gespeicherte Lesepräferenzen
04Üben
- Nutzerhandlung
- Eine Aufgabe abgeben und Feedback lesen
- Hürde
- Unklarer Status und unklare Änderungswünsche
- Designantwort
- Eindeutiger Abgabestatus und konkreter nächster Schritt
05Fortsetzen
- Nutzerhandlung
- An einem anderen Tag oder Gerät weitermachen
- Hürde
- Fortschritt und Einstellungen gehen verloren
- Designantwort
- Gespeicherter Fortschritt und Einstellungen im Lernerlebnis
04 / Wireframing
Von der Struktur zur Oberfläche
Für diese Fallstudie rekonstruierte Low-Fidelity-Wireframes. Sie erläutern Hierarchie und Ablauf, statt Originaldateien des Projekts wiederzugeben.
05 / UI & visuelles Design
Websiteansichten & Designentwürfe
Die Bildunterschriften unterscheiden öffentliche Websiteansichten und KI-generierte Plattformentwürfe. Öffnen Sie ein Bild für die Detailansicht.
Was das Design ermöglicht
EduSpera verbindet Veröffentlichung, Lernen und Feedback in einer konsistenten Plattform. Der besondere Wert liegt im praktischen Zugang zur Barrierefreiheit: Werkzeuge für Lehrende, Wahlmöglichkeiten für Lernende und klarer Kontext für die Verwaltung. Der Fall dokumentiert Produktentscheidungen und einen redaktionellen Forschungsrahmen, ohne ungemessene Lernerfolge zu behaupten.
