Konzeption und Design des Interfaces einer Online-Lernplattform für Zertifizierungen im Martial Arts Bereich in verschiedenen Levels. In dem Angebot sollen Inhalte erlernt und geprüft werden. Die gesamte Verwaltung der Zertifizierungen erfolgt in der Plattform selbst.
KUNDE
macockpit
Aufgabe
Konzeption UX/UI Design
Realisiation
2017 – 2018
Agentur
PepperMind
Informieren
Vor der Registrierung
Startseite mit übersichtlichem Informationsangebot der vorhanden Kurse.
Verwalten
Nach der Registrierung
Voller Zugriff auf alle Tutorials und Lerninhalte. Schnellzugriff auf die letzten Lektionen. Verwaltung von Kundendaten und Zertifikaten.
Schnellzugriff auf Lektionen
Die letzten Lektionen werden im Benutzer Startscreen gezeigt und sind im Schnellzugriff verfügbar.
Kompakte Kursübersicht
Die Kursübersicht bleibt auch im registrierten Modus erhalten. Erweiterung um Abbildung der erfolgreich absolvierten Kurse.
Accountverwaltung
Der User kann seine Kundendaten selbst verwalten und managed auch seine Zertifizierungen allein.
Orientieren
Das Kurs-Farbleitsystem
Jedes Level hat seine eigene Farbcodierung, die es dem Benutzer erleichtert, die verschiedenen Kursangebote zu unterscheiden.
Lernen
Wissensvermittlung in den Online Kursen
Der Wissenserwerb erfolgt ausschließlich über Beschreibungen, Bilder und Videos. Ergänzend werden Grafiken für Bewegungsanleitungen eingebunden.
Prüfen
Zertifizierung innerhalb des Angebotes
Am Ende jeder Lektion wird eine Prüfung über die gelernten Inhalte abgelegt. Werden alle Prüfungen eines Kurses bestanden, erhält der Nutzer das entsprechende Zertifikat.
Feedback
Während der Prüfung erhält der User direktes Feedback zu seinem Ergebnis.
Favorisieren
Mit der Favoritenübersicht schnell zum Ziel
Um interessante Videos und Lektionen schnell wiederzufinden, gibt es die Übersicht aller favorisierten Inhalte. Die Inhalte werden als Liste oder als Kacheln angezeigt.
Favoriten organisieren
Die vorgemerkten Inhalte werden in den beiden Rubriken »Kurse« und »Lektionen« angezeigt. Die Reihenfolge der Favoriten kann geändert und nicht mehr benötigte Inhalte können gelöscht werden.
Iconset
Einheitliche Visuelle Sprache
Um die Schnittstelle so konsistent wie möglich zu halten, wurde ein individuelles Iconset entwickelt, das an die Anforderungen der Plattform angepasst ist.
Zusätzliche Screens
Leistungen im Überblick
Konzeption
Research Experience Strategy Information Architecture Wireframing
Design
Strategie und Konzept UX/UI Design Web Design Interaction Design