„Responsive Design“ (auch responsives Webdesign) ist ein Gestaltungsprinzip, bei dem sich eine Website automatisch an die Bildschirmgröße des jeweiligen Geräts anpasst. Einfacher gesagt: eine Website für alle Geräte vom Smartphone bis zum großen Monitor, statt einer eigenen Mobilversion.
Technisch geschieht das über flexible Raster und Bilder sowie sogenannte Media Queries. Sie verändern ab bestimmten Bildschirmbreiten, den Breakpoints, das Layout: Spalten rutschen untereinander, Menüs klappen zusammen, Schriften und Abstände passen sich an. Geprägt hat den Begriff der US-Designer Ethan Marcotte im Jahr 2010.
Heute ist Responsive Design Standard. Ein Großteil der Zugriffe erfolgt mobil, und Google nutzt für Indexierung und Ranking die mobile Fassung einer Website. Wer auf dem Smartphone schlecht funktioniert, verliert Besucher und Anfragen – ein häufiger Anlass für einen Relaunch der Website. Eng verwandt ist der Ansatz Mobile First.
Mehr im Ratgeber: Die Website im KI-Zeitalter, Abschnitt „Mobil zuerst“
Webdesign
Von der ersten Idee bis zur fertigen Website
Strategie, Design und Technik aus einer Hand, und auch nach dem Launch sind wir für euch da.