close

Warum Responsive Design?

In der Bahn, im Restaurant, selbst auf der Rolltreppe kann man es beobachten: Fast ein Drittel aller Deutschen surft mit dem Handy oder Tablet im Internet. Tendenz steigend. Das WorldWideWeb oder genauer dessen Nutzung wird immer mobiler.

Webinhalte, die immer in Form sind

Responsive Design

Höchste Zeit, dass auch die Webinhalte den neuen Gewohnheiten angepasst werden. Denn, wenn Webseiten nicht auf die geringere Auflösung der Handys oder Tablets ausgelegt sind, geraten sie leicht außer Form. So wird das Scrollen und Finden von Inhalten zum stressigen Geduldsspiel.
Die beste Lösung: Das Layout der Webseite passt sich automatisch dem Gerät an, mit dem es aufgerufen wird.

Responsive Design nennt sich die Kunst, Webseiten auf dem Smartphone oder Tablet genauso gut aussehen zu lassen wie auf dem PC. Gesteuert wird das Ganze über sogenannte Media Queries. Damit werden die Eigenschaften und Fähigkeiten von Geräten und Ausgabemedien abgefragt und Stilvorgaben an bestimmte Bedingungen geknüpft.

Solche Bedingungen können beispielsweise Höhe und Breite des Browserfensters sein, die Bildschirmauflösung oder die Darstellung im Hoch- und Querformat. Über spezifische Stilvorgaben wird u. a. das Ausblenden von großen Bannern oder Hintergrundbildern auf kleinen Displays erreicht. Bei der Realisierung dieser flexiblen Layouts gilt es viele Faktoren zu beachten, z. B. die verschiedenen Browserversionen. 

Reicht eine Optimierung für mobile Webseiten nicht aus?

Viele Jahre wurden Webseiten vorwiegend auf dem Desktop angeschaut. Dann kamen die ersten Smartphones und es wurde  der Programmierung ein zusätzliches, unabhängiges Template für mobile Endgeräte hinzugefügt. Das hat einige Zeit ausgereicht. Inzwischen ist die Nutzung von Smartphones, Tablets & Co., aber vor allem die Verschiedenheit der Endgeräte stark angestiegen. Das Template müsste also ständig für die Erkennung neuer Geräte erweitert werden. Damit ist dieser Ansatz nicht mehr optimal und zeitgemäß.

Beim Responsive Webdesign wird nur ein einziges Template für die Webseite erstellt und gepflegt. Und das passt sich selbstständig der jeweiligen Umgebung an. Gut zu erkennen beim Layout, das sich nach Breite des Browser-Fensters entsprechend verändert und bestehende Inhalte für das jeweilige Endgerät optimiert wiedergibt.

Testen Sie Ihre Webseite!

e-pixler NEW MEDIA GmbH Die Fullservice Internetagentur e-pixler ist Ihr Profi für Webdesign, TYPO3, SEO, Usability. Besuchen Sie uns. Wir beraten Sie!
Eldenaer Straße 35, Haus I Berlin,
030 22056300

für Entwicklung

Roman Rammelt
e-pixler NEW MEDIA GmbH
Berlin

Geschäftsführer
030 220563013
e-pixler NEW MEDIA GmbH Die Fullservice Internetagentur e-pixler ist Ihr Profi für Webdesign, TYPO3, SEO, Usability. Besuchen Sie uns. Wir beraten Sie!
Eldenaer Straße 35, Haus I Berlin,
030 22056300