Responsive Design bezeichnet eine Gestaltung, bei der sich Inhalte und Bedienelemente an die verfügbare Bildschirmgrösse anpassen. Ein Lernmodul soll dadurch auf einem Desktopbildschirm, einem Tablet und einem Smartphone lesbar und bedienbar bleiben. Beispielsweise können nebeneinander angeordnete Inhalte auf einem schmalen Bildschirm untereinander dargestellt werden.
Dabei genügt es nicht, eine vollständige Seite lediglich zu verkleinern. Texte müssen lesbar, Schaltflächen gut bedienbar und Abbildungen verständlich bleiben. Besonders bei festen Folienlayouts können deshalb Anpassungen an Inhalt und Gestaltung erforderlich sein.
Die verwendeten Werkzeuge unterstützen die Anpassung an unterschiedliche Bildschirmgrössen bereits in unterschiedlichem Umfang. Vorlagen erleichtern die Erstellung von Lernmodulen, die auf verschiedenen Bildschirmgrössen gut dargestellt werden. Ein durchgehend gut nutzbares Ergebnis kann dennoch zusätzlichen Aufwand verursachen, insbesondere bei komplexen Abbildungen, Tabellen und Interaktionen. Die Ausgabe ist deshalb auf unterschiedlichen Bildschirmgrössen zu prüfen. Kommerzielle Autorensysteme wie Articulate Rise bieten dafür eine weitgehend automatische Anordnung der Inhalte.
Abbildung 49: Responsive Design für drei Geräte.
Quelle: KI-gestützte Eigendarstellung.
