Responsive Webdesign

Kurze Geschichte

Am 09. Januar stellte Steve Jobs das erste iPhone vor. Nach dem Markterfolg des iPhones folgen weitere Smartphones, mit der anschließenden schnellen Verbreitung von iPads und weiteren  Tablets hat sich Responsive Webdesign unglaublich schnell durchgesetzt. Im Jahr 2010 taucht der Begriff das erste mal im Online-Magazin A List Apart in einem Artikel von Ethan Marcotte auf. Seit 2012 bis 2013 gehört heute Quasi zu den Entwicklungsstandards.

Mobile Geräte wie Smartphones und Tablets sind für das Surfen im Internet seit der Erfindung des iPhones ständig wichtiger geworden. Ein Webdesign, das einmal für einen größeren Bildschirm entworfen und entwickelt wurde, funktioniert insbesondere auf kleineren Smartphone-Bildschirmen oft nicht so gut.

Die Inhaberin und Geschäftsführerin von Traumkleid – Braut- und Abendmoden hat sich bereits 2012 dieser Herausforderung gestellt. Laut Web-Statistik hatten bereits damals mehr als ein Viertel der Besucher ihrer Website die Seiten auf mobilen Geräten aufgerufen – das waren mehr als 1.600 Besuche im Monat! 1.600 Gründe, das Webdesign für mobile Geräte, insbesondere die iOS-Familie zu optimieren!

Das ist lange her.

Google Loves Mobile

Seit Jahren bereits ist es schon bei Google ein Kriterium, ob eine Website für die mobile Nutzung geeignet ist. Google liefert seit Jahren bereits unterschiedliche Suchergebnisse aus, je nachdem, ob die Suche von einem Desktop-Rechner oder von einem mobilen Gerät gestartet wird. Für das Ranking, also den Listenplatz, auf den Suchergebnisseiten (SERP) für mobile Geräte ist es ein entscheidendes Kriterium, ob eine Webseite Mobile Friendly ist. Webseiten, die für Mobile Geräte nicht optimiert sind, werden viel später berücksichtigt.

Ab März 2021 geht es dann richtig rund: Google hat angekündigt, dass das Kriterium „Mobile Friendly“ dann nicht nur den Listenplatz für mobile Geräte beeinflußt sondern auch den Listenplatz für Desktop-Computer. Mit „Gehaltvollem Inhalt“ und Ladegeschwindigkeit (Pagespeed) hat sich das Responsive Webdesign zu einem Hauptkriterium für die Google Algorithmen entwickelt.

Wie geht Responsive Webdesign?

1. Entwerfen der Layouts.

Genauso, wie der Webdesigner mit dem Unternehmer überlegen muss, welche Inhalte der Kunde sehen muss, um so einfach wie möglich zu erkennen, dass sie oder er hier genau das bekommt, was sie braucht, muss überlegt werden, wie die Inhalte von den mobilen Besucherinnen und Benutzernkonsumiert werden. Daraus wird ein Konzept entwickelt, wie die jeweiligen Seiten am Besten auf den jeweiligen Bildschirmen darzustellen sind – dies ist die verantwortungsvollste Aufgabe dabei.

Hier haben wir eigene Layouts für mobile Endgeräte entwickelt (die funktionieren natürlich auch auf den Android- und Windows-basierenden Smartphones):

1. iPhone Hochformat
2. iPhone Querformat
3. iPad Hochformat
4. iPad Querformat

2. Umsetzung und Funktionalität.

Die Layouts werden so programmiert, dass automatisch erkannt wird, von welchem Gerät die Webseite aufgerufen wird und wie das Gerät gehalten wird – im Hoch- oder Querformat. Die Website wird dann automatisch im passenden Layout bereitgestellt.

FAQ – Häufig gestellte Fragen