Zum Inhalt springen
KI & Technologie

Responsive Design

Webdesign, das sich automatisch an verschiedene Bildschirmgrößen anpasst.

Definition

Responsive Design bedeutet, dass eine Website oder App ihr Layout automatisch an die Bildschirmgröße des Geräts anpasst, egal ob Desktop, Tablet oder Smartphone. Elemente wie Texte, Bilder und Navigation werden so angeordnet und skaliert, dass sie auf jedem Gerät gut lesbar und bedienbar sind. Für den Schulalltag ist das wichtig, weil Schüler und Lehrkräfte mit verschiedenen Geräten auf Lernplattformen, digitalen Schulbüchern und Tools zugreifen und überall eine gut nutzbare Oberfläche benötigen.

💡 Beispiel

Eine Lehrkraft erstellt ein Quiz auf Kahoot am PC. Die Schüler öffnen es auf ihren Smartphones. Dank Responsive Design sieht das Quiz auf beiden Geräten gut aus, passt sich automatisch an die kleinere Bildschirmgröße an und lässt sich problemlos bedienen, ohne zoomen oder seitlich scrollen zu müssen.

Verwandte Begriffe

Mobile FirstUser Experience (UX)BarrierefreiheitWebdesignLernplattform