ProjekteLeistungenProzessEinblickeÜber unsProjekt starten →
← Projekte
EdTech / Lernplattform · Web und mobiles Web

Hoonuit

Eine Lernplattform für Lehrkräfte, aufgebaut um drei Verben

Kunde
Hoonuit
Region
Vereinigte Staaten
Jahr
2018
Leistungen
Produktdesign, UX, Interface-Design, Responsive Design
Überblick über Screens der Hoonuit-Plattform, darunter Lernpfad-, Lernmodul- und Prüfungsseiten.

Hoonuit bietet Online-Fortbildung für Pädagoginnen und Pädagogen. Lehrkräfte nutzen die Plattform, um Kompetenzen aufzubauen, Fortbildungsstunden zu sammeln und die Nachweise und Abzeichen zu erhalten, die ihre Schulbezirke verlangen. Die Inhalte gab es bereits: Tausende kurze Videos, Übungen und Prüfungen. Unsere Arbeit war die Struktur darum herum, am Desktop und auf dem Smartphone.

Die Herausforderung

Lehrkräfte bilden sich in der Zeit fort, die übrig bleibt, oft in kurzen Abschnitten zwischen anderen Verpflichtungen. Sie müssen schnell drei Dinge wissen: was von ihnen verlangt wird, wie lange es dauert und was sie am Ende vorweisen können. Eine große Bibliothek macht diese Fragen schwerer zu beantworten. Die Plattform musste einer Lehrkraft auf jeder Ebene genau sagen, wo sie steht — ohne dass sie einen Katalog lesen muss.

Der Ansatz

Wir haben den Inhalten drei Ebenen gegeben und jeder Ebene dieselbe Form. Ein Lernpfad ist ein Studiengang. Ein Lernmodul ist ein Thema darin. Innerhalb jedes Moduls ist die Arbeit immer gleich aufgeteilt: LearnIt für Videolektionen, DoIt für Übungen, ProveIt für Prüfungen.

Jede Ebene trägt dieselbe Übersichtskarte: was enthalten ist, wie lange es dauert, wie viel erledigt ist und was es einbringt. Wer eine Seite versteht, versteht alle.

Das Interface ist ruhig. Ein einziges magentafarbenes Badge markiert Anzahlen, Blau die aktuelle Auswahl und die nächste Aktion.

Lernpfade zuerst

Das Dashboard beginnt mit den Lernpfaden der Lehrkraft. Jede Karte nennt, wie viele Module Pflicht und wie viele Wahl sind und ob der Pfad Abzeichen oder Leistungspunkte einbringt. Belohnungen, die ein Pfad nicht bietet, sind durchgestrichen statt ausgeblendet, damit die Karten vergleichbar bleiben. Darunter folgen die beliebtesten Module, nach Fach gruppiert.

Dashboard mit vier Lernpfad-Karten und einem Karussell der beliebtesten Lernmodule.
Was ein Lernpfad verlangt

Eine Lernpfad-Seite stellt der Beschreibung eine feste Übersichtskarte gegenüber: Pflicht- und Wahlmodule, die Zeit für jedes, den bisherigen Fortschritt und was der Abschluss einbringt. Der Lehrplan steht darunter, Pflichtmodule zuerst.

Lernpfad-Detailseite mit Beschreibung und einer Übersichtskarte zu Modulen, Zeit, Abzeichen und Leistungspunkten.
Dieselbe Karte, eine Ebene tiefer

Ein Lernmodul nutzt dasselbe Layout. Die Übersichtskarte zählt nun die drei Arten von Arbeit darin: LearnIt-Videos, DoIt-Aufgaben und ProveIt-Prüfungen, jeweils mit eigener Zeit und eigenem Fortschritt.

Lernmodul-Seite mit einer Übersichtskarte, die LearnIt-Videos, DoIt-Aufgaben und ProveIt-Prüfungen auflistet.

LearnIt

Ein Modul öffnet den Player. Das Video nimmt die linke Seite ein, die Playlist bleibt rechts geöffnet, in Kapitel gegliedert, mit der Länge jeder Lektion. Drei Tabs oben wechseln zwischen Lernen, Anwenden und Nachweisen, ohne das Modul zu verlassen.

DoIt

Übungen lassen sich im Browser bearbeiten oder herunterladen und später hochladen. Arbeiten, die Lehrkräfte teilen möchten, erscheinen in einer Liste — so wird die Übung zu einer Möglichkeit zu sehen, wie Kolleginnen und Kollegen dieselbe Aufgabe angegangen sind.

DoIt-Tab mit einer Liste geteilter Übungen und einer Anleitung zur Bearbeitung.
ProveIt

Eine Prüfung liefert ein Ergebnis und daneben jede falsch beantwortete Frage mit der gegebenen Antwort. Frühere Versuche bleiben gespeichert, und die Lehrkraft kann es jederzeit erneut versuchen.

Prüfungsübersicht mit einem Ergebnis von 72 Prozent und einer Liste falsch beantworteter Fragen.
Auf dem Smartphone

Das mobile Layout behält dieselbe Reihenfolge und dieselben Karten. Lernpfade scrollen seitlich, die Fach-Tabs werden zu einem einzigen Menü, und die Lernpfad-Seite stapelt ihre Übersicht unter der Beschreibung.

Mobiles Dashboard mit Lernpfad-Karten und einer Liste beliebter Module.
Mobile Lernpfad-Seite mit Illustration, Tabs und Beschreibung.
Der Player, neu angeordnet

Auf einem kleinen Bildschirm rückt das Video nach oben und die Playlist darunter. Die drei Tabs wandern an den unteren Rand, in Reichweite des Daumens.

Mobiler Videoplayer mit Playlist und den Tabs LearnIt, DoIt und ProveIt unten.
Mobiler Startbildschirm einer Prüfung mit der Playlist des Moduls darunter.

Eine Lehrkraft mit zwanzig Minuten Zeit kann die Plattform öffnen, sehen, was verlangt wird, und einen Teil davon erledigen.

Nächstes Projekt
Field Nation →
Projekt starten

Haben Sie ein Projekt im Sinn?

Wir nehmen pro Quartal nur eine begrenzte Zahl an Projekten an. Erzählen Sie uns, was Sie bauen.

Kontakt aufnehmen →