Bildungsplattform für Lehrmaterialien (B2C)
*Anonymisiertes Kundenlogo
Projektüberblick
Projekttyp: Plattform für Lehr- und Unterrichtsmaterialien (Education Platform)
Rolle: Usability Testing, UX Design, UI Design, Barrierefreiheit
Kunde: Renommierte Plattform im Bereich „Deutsch als Fremdsprache“
Ziel: Verbesserung der Usability, Optimierung der Suchfunktion und barrierefreie Neugestaltung der Nutzerführung
Ausgangssituation & Zielsetzung
Die Plattform bietet Lehrkräften im Bereich Deutsch als Fremdsprache eine große Auswahl an Unterrichtsmaterialien.
Ziel war es, mithilfe eines Usability Testings zentrale Schwachstellen der bestehenden Plattform zu identifizieren und daraus konkrete Handlungsempfehlungen für ein vollständiges Redesign abzuleiten. Darauf aufbauend sollte ein neues UX- und UI-Konzept entwickelt werden, das die Nutzung deutlich vereinfacht und eine konsistente, barrierefreie User Experience mit neuen Funktionalitäten ermöglicht.
Workshop: Ziele des Redesigns und Ziele des Usability Testings
Erfassung von Beobachtungen während des Testings, klassifiziert nach positiven und negativen Aspekten
Ziel dieser Aufgabe ist es, herauszufinden, welche Begriffe die Nutzer:innen mit den vorgegebenen Kategorien verbinden.
Herausforderungen
Im Rahmen des Testings wurden sowohl die bestehende Plattform als auch ein neuer Click-Dummy untersucht. Die Tests deckten mehrere zentrale Schwachstellen auf:
Suchfunktion: Eingeschränkt und nicht aufgabenangemessen
Suchergebnisse: Trefferlisten ohne klare Relevanzindikatoren
Navigation & Labeling: Uneinheitlich und teilweise irreführend
Kategorisierung: Entsprach nicht dem Suchverhalten der Lehrkräfte
Querverlinkungen: Fehlten häufig, wodurch Sackgassen entstanden
Aktualität der Materialien: Für Nutzer:innen nicht erkennbar
Weitere fachliche und konzeptionelle Herausforderungen ergaben sich aus:
Der Einführung von personalisierten Materiallisten zur individuellen Organisation
Der Integration eines Abo-Modells mit Bezahlschranken in den neuen Flow
Der barrierefreien Gestaltung nach EU-Richtlinie EN 301 549
Suche mit neuen Filtern und Labels (*Anonymisiertes Kundenlogo)
Speichern in von den Nutzer:innen erstellten Sammlungen (*Anonymisiertes Kundenlogo)
Organisation von Sammlungen in “Mein Bereich” (*Anonymisiertes Kundenlogo)
Vorgehen
Ich verantwortete die Planung, Durchführung und Auswertung des Usability Testings sowie die Entwicklung des nachgelagerten UX- und UI-Designs inklusive Accessibility-Anpassungen.
Phase 1 – Usability Testing
Konzeption und Planung des Testaufbaus
Rekrutierung und Briefing von Lehrkräften als Testpersonen
Durchführung und Moderation der Tests (bestehende Plattform + Click-Dummy)
Auswertung der Ergebnisse und Ableitung von Optimierungsempfehlungen
Phase 2 – UX & UI Design
Entwicklung einer neuen Informationsarchitektur und Navigationslogik
Redesign der Such- und Filterfunktion für relevante, präzise Ergebnisse
Konzeption kontextbezogener Querverlinkungen zwischen Materialien
Gestaltung eines persönlichen Nutzerbereichs zur individuellen Strukturierung gespeicherter Inhalte
Aufbau eines klaren, modularen UI-Systems mit konsistenter visueller Hierarchie
Integration der Abo-Funktionalität in einen transparenten und verständlichen Zahlungsprozess
Phase 3 – Accessibility Implementation
Prüfung und Anpassung der Plattform nach EU Accessibility Guidelines (EN 301 549)
Optimierung von Farbkontrasten, Fokuszuständen, Tastaturnavigation und Screenreader-Kompatibilität
Erstellung von Accessibility-Guidelines für Design und Entwicklung
Enge Abstimmung mit Entwickler:innen zur Sicherstellung barrierefreier Umsetzung
Abomodellübersicht (*Anonymisiertes Kundenlogo)
Home mit neuem Ideengenerator für Unterrichtsmaterial (*Anonymisiertes Kundenlogo)
Ergebnisse & Optimierungsempfehlungen
Das Ergebnis ist eine benutzerfreundliche und barrierefreie Plattform, die Lehrkräften einen klar strukturierten Zugang zu Unterrichtsmaterialien bietet.
Zentrale Verbesserungen:
Optimierte Such- und Navigationsstruktur mit relevanten Treffern und intuitiver Bedienung
Konsistentes, zugängliches UI-System nach EU-Richtlinien
Personalisierte Bereiche zur individuellen Organisation gespeicherter Inhalte
Nahtlose Integration des Abo-Systems ohne Unterbrechung der User Journey
Durch die vollständige Integration von Accessibility in den Designprozess konnte ein System entstehen, das sowohl funktional als auch inklusiv ist.
Anpassungen zur Barrierefreiheit