Der letzte Quiz-Button entscheidet über die Freigabe der mobilen Version

Für die Freigabe reicht ein responsives Layout allein nicht

Eine Akademie kann auf mehreren Smartphones gut aussehen und trotzdem das Onboarding blockieren. Im Außendienst zählt bei der Abnahme, ob ein Vertriebsmitarbeiter die Lektion abschließen, das Quiz absenden und zum nächsten erforderlichen Schritt gelangen kann.

Diese Unterscheidung entspricht dem Reflow-Kriterium des W3C: Inhalte müssen auch bei den dort festgelegten kompakten Abmessungen ohne Funktionseinbußen verfügbar bleiben. Responsive Tests eines mobilen LMS sollten deshalb prüfen, ob Lernende weiterkommen – nicht nur, wie die Oberfläche aussieht.

Auch ein bestandenes Quiz kann zur Sackgasse werden

Ein plausibler Fehlerfall: Ein Vertriebsmitarbeiter besteht ein Produktquiz. Die Ergebnisansicht zeigt die Punktzahl, Feedback und einen Button zum Fortfahren. Auf einem Smartphone mit hohem Display passt alles. Bei geringerer Viewport-Höhe liegt der Button unterhalb eines Containers mit fester Höhe, der sich nicht scrollen lässt.

Nichts überlappt, trotzdem kommt der Vertriebsmitarbeiter nicht weiter. Wenn der Zugang zu einer Kampagne eine Zertifizierung voraussetzt, blockiert der Layoutfehler den operativen Ablauf. Die Nutzerführung nach dem Quiz ist erst dann vollständig, wenn nicht nur die Punktzahl erscheint, sondern auch die erforderliche Aktion zum Fortfahren funktioniert.

Die Testmatrix muss Höhe und Zustände berücksichtigen

Eine sinnvolle Viewport-Testmatrix für eine Lern-App richtet sich nach den unterstützten Geräten der Vertriebsmitarbeiter, einschließlich Android-Geräten der Einstiegsklasse. Sie berücksichtigt auch den Browser oder die eingebettete App, über die die Schulung läuft.

• Niedrige und hohe Viewports, auch bei gleicher Breite.
• Beispielhafte CSS-Viewports wie 320 × 568, 360 × 640 und 360 × 800, angepasst an die tatsächlich eingesetzten Geräte.
• Standardschriftgröße, größere Systemschrift und Vergrößerung im Browser.
• Lange übersetzte Feedbacktexte, ausgeklappte Browser-Bedienelemente und relevante Zustände der Bildschirmtastatur.

Das Kriterium „Textgröße ändern“ verlangt eine Vergrößerung auf bis zu 200 %, ohne dass Inhalte oder Funktionen verloren gehen. Es gelten die dort genannten Ausnahmen. Die Vergrößerung im Browser und die Einstellungen für die Systemschrift sollten auf unterstützten Geräten getrennt geprüft werden.

Die Erreichbarkeit hängt vom gesamten Layout ab

Die CSS-Viewport-Spezifikation unterscheidet den verfügbaren Raum bei ein- und ausgeklappten Browser-Bedienelementen. Dynamische Viewport-Größen können helfen, doch der Wechsel zu einer anderen Höheneinheit ersetzt keinen Abnahmetest.

Auch Sicherheitsabstände beschreiben, wie viel Platz nötig ist, um Displayaussparungen und Überlagerungen durch die Bedienoberfläche zu vermeiden. Der praktische Test bleibt derselbe: Durch normales Scrollen mit dem Finger muss das gesamte Bedienelement sichtbar werden. Ein Tippen darauf muss zum nächsten Schritt führen. Darauf müssen Komponentengrößen, der Innenabstand am unteren Rand und Scroll-Container ausgerichtet sein.

In jedem Fall muss der nächste Schritt erreichbar sein

Die QA für mobiles Microlearning sollte bestandene und nicht bestandene Quizversuche, Wiederholungen und Fehler beim Absenden abdecken – einschließlich Verbindungsabbrüchen. In jedem dieser Fälle muss die nächste Aktion erreichbar sein. Gesperrte Inhalte brauchen eine zugängliche Erklärung und einen Weg zurück zu dem Schritt, der zuerst abgeschlossen werden muss – keine versehentliche Umgehung der Sperre. Nach jedem Übergang sollte der Test sowohl das Ziel als auch den gespeicherten Lernfortschritt prüfen.

Automatisierte Tests müssen mehr prüfen als die bloße Existenz eines Buttons

Bei webbasierten Akademien sollten automatisierte Tests den kritischen Lernweg über die gesamte Viewport-Matrix hinweg durchlaufen. Die Klickverarbeitung von Playwright kann Elemente in den sichtbaren Bereich scrollen. Ein erfolgreicher automatisierter Klick allein belegt deshalb nicht, dass das Element auch bei normaler Bedienung per Touchscreen erreichbar ist. Gezielte Scrolltests und manuelle Testläufe auf repräsentativen physischen Geräten sollten die automatisierten Tests ergänzen.

Blockierte Lernwege verhindern die Freigabe

Die Freigaberegel sollte eindeutig sein: In jeder Konfiguration der unterstützten Testmatrix müssen alle erforderlichen Bedienelemente zum Fortfahren erreichbar sein und funktionieren. Nach einer Korrektur muss der gesamte Lernweg erneut getestet werden. Ein weiterer Screenshot reicht nicht.

Damit hat App-Learning ein konkretes Abnahmekriterium für die Auslieferung einer Akademie. Ein Vertriebsmitarbeiter, der gezeigt hat, dass er für den Einsatz bereit ist, sollte keine Hilfe brauchen, um die Ergebnisansicht zu verlassen. Die Akademie besteht den Test, wenn Lernende weiterkommen.