# Kursoberfläche und mobile Navigation

> [!info]
> - Wie Teilnehmer zwischen Kategorien und Lektionen navigieren
> - Wie sich die Oberfläche je Lektions-Typ verhält
> - Besonderheiten der mobilen App im Vergleich zum Browser

## Navigation zwischen Kategorien und Lektionen

Kategorien und Lektionen liegen in der Kurs-Oberfläche auf einer Ebene und lassen sich gleichzeitig anzeigen. Ein Wechsel zwischen Übersicht und Detail erfordert keinen Seiten-Wechsel mehr — die Struktur klappt direkt im Lesefluss auf.

- **Aufklappen.** Eine Kategorie aufklappen blendet alle enthaltenen Lektionen ein.
- **Zuklappen.** Eine Kategorie zuklappen reduziert die Ansicht auf die Kategorie-Titel — sinnvoll für einen Schnell-Überblick bei längeren Kursen.

Die Lektions-Liste hebt drei Zustände visuell hervor: gesperrt (Drip oder Privater Kanal), freigeschaltet und abgeschlossen. Eine Lektion gilt als abgeschlossen, sobald der `Als abgeschlossen markieren`-Button gedrückt wurde — bei Quizzes und Aufgaben passiert das nach erfolgreicher Abgabe automatisch.

## Lektions-Typen in der Oberfläche

Jeder Lektions-Typ rendert in einem eigenen, auf das Format optimierten Player:

- **Text.** Auf allen Bildschirmgrößen gut lesbar, mit voller Schrift-Hierarchie.
- **Audio.** Player mit Geschwindigkeits- und Konfigurations-Optionen für die Teilnehmer.
- **Video.** Vollbild-fähig, responsive Skalierung, mehrere Untertitel-Spuren wählbar.
- **Quiz und Aufgabe.** Eigene Editor-Ansichten beim Erstellen, eigene Teilnehmer-Ansichten bei der Abgabe.

Eine Lektion kann mehrere Inhaltstypen kombinieren — etwa ein Video als Hauptelement und einen Text-Block für Zusatz-Notizen oder Transkript darunter.

<!-- screenshot: Lektions-Player mit Kategorie-Sidebar und Fortschritts-Indikator -->

## Quizze und Aufgaben in der Oberfläche

Die Quiz- und Aufgaben-Oberfläche folgt einem einheitlichen Schema, das den Übergang zwischen Fragen flüssig hält:

- Fragen lassen sich über Vor- und Zurück-Schaltflächen nacheinander durchgehen — ohne Verlust der bereits eingegebenen Antworten.
- Nach der Abgabe zeigt die Status-Anzeige `In Prüfung`, `Bestanden` oder `Nicht bestanden`.
- Bei Quizzes mit Erklär-Texten erscheinen die Erklärungen erst nach der Abgabe, sodass der Lerneffekt direkt entsteht.

> [!info]
> Die Status-Karte ist farbcodiert — grün für bestanden, rot für nicht bestanden, neutral für in Prüfung. Die Codes sind global, nicht je Kurs anpassbar.

## Mobile App: Besonderheiten

In der mobilen App gilt zusätzlich:

- **Bottom-Nav-Bar.** Wechsel zwischen Kursen und Communities erfolgt über eine durchgehende Leiste am unteren Bildrand — ein Klick statt eines Menü-Umwegs.
- **Einheitlicher Login.** Nach der Anmeldung sind alle Communities und Kurse, denen der Teilnehmer beigetreten ist, aus einer Sicht erreichbar.
- **Group Switcher.** Wechsel zwischen mehreren beigetretenen Communities funktioniert über einen kompakten Schalter, ohne dass jedesmal die Hauptnavigation aufgerufen werden muss.
- **Aufgaben mobil.** Datei-Uploads und das Lesen von Instructor-Feedback funktionieren aus der App heraus — keine Desktop-Pflicht.

## Statusübersicht und Fortschritt

Auf Kurs-Ebene zeigt ein Fortschrittsbalken den Anteil abgeschlossener Lektionen. Der Balken aktualisiert sich, sobald eine Lektion als abgeschlossen markiert wird. Auf Kategorie-Ebene gibt es ebenfalls einen separaten Fortschritt — Teilnehmer sehen so, wie viel innerhalb einer Kategorie noch fehlt, statt nur den Gesamt-Wert über alle Module.

> [!info]
> Für den Zugriff auf die aktuelle mobile Navigation muss die App auf dem neuesten Stand sein. Wer ältere App-Versionen einsetzt, sieht die Bottom-Nav-Bar und den Group Switcher noch nicht.

## Verwandte Artikel

- Kurs-Dashboard und Lernen-Tab
- Kurs-Themes anpassen
- Video-Lektionen erstellen
- Audio-Lektionen einbinden