Webseiten für mobile Geräte / Responsive Webseiten

Die Anzahl der Smartphone-Nutzer in Deutschland hat sich in den Jahren 2009 bis 2012 vervierfacht – auf 27,30 Millionen Nutzer im Juli 2012 (Quelle: ComScore). Für manche Unternehmen steckt in dieser Entwicklung ein enormes Potential, vorausgesetzt, dass die Webseiten für mobile Geräte optimiert sind.

Die Realität zeigt ein anderes Bild – viele Websites sind für mobile Geräte nicht ausgelegt. Die häufigsten Probleme sind:

• Unpassende Auflösung (die Webseite wird verkleinert oder nur als Ausschnitt dargestellt)
• Sehr große Bilder mir langen Ladezeiten
• Sehr kleine Navigationselemente
• Navigation, die nicht für Touch-Screen-Geräte geeignet ist
• Benutzung von Flash (besonders für die Apple-Gemeinde relevant)

Mobile Geräte bieten ihren Nutzern heute eine ganze Reihe neuer Funktionen, die für mehr Komfort und Funktionalität sorgen. So kann z.B. für Routenplanung die aktuelle Position des Nutzers über GPS bestimmt werden. Anhand dieser Information wird die Route zu der auf Ihrer Webseite hinterlegten Adresse automatisch berechnet. Durch einen Klick auf die hinterlegte Telefonnummer wird ein Anruf veranlasst. Die Navigation kann mit typischen Gesten, wie z.B. das Wischen erfolgen. Einige Frameworks bieten dem Benutzer sogar Zugriff auf eingebaute Sensoren wie Accelometer oder Neigungsensor an.

Responsive Webdesign

Bei responsiver Webseiten werden die Inhalte nur 1 hinterlegt, die Webseite passt sich dabei der Auflösing des Geräts automatisch an. Üblich sind dabei 3 Hauptansichten für responsive Webseiten: Desktop,- Tablett,- und Smartphoneansicht (auch Breakpoints gennant). So ist es möglich bei z.B. Smartphone-Ansicht einzelne Elemente anders darzustellen oder komplett auszublenden, mehrspaltige Inhalte werden dabei untereinander dargestellt. Die Navigation wird in der Regel vekleinert dargestellt und kann über entsprechendes Icon mit einem Touch aufgerufen werden. Es ist auch möglich den Übergang zwischen einzelnen Ansichten fliessend zu gestalten um die Anzeige der Webseite für alle Displayauflösungen zu optimieren.

Responsive Webseiten mit Typo3

• Mehrere Image-Sets (passende Bildgrößen/Auflösungen) für die optimierte Anzeige an mobilen Geräten oder hochauflösenden Displays.
• Vollständige Integration der Inhalte (gleiche Inhalte für alle Auflösungen, one-Tree-Konzept)
• Nach Wunsch zusätzliche Elemente für mobile Versionen möglich (andere Bilder / kürzere Texe)
• Integration mit Twitter-Bootstrap und anderen CSS-Frameworks
• Automatische Umpositionierung der Elemente bei Änderung der Displaygröße (oder z.B. bei der Änderungen zu Portrait/Landscape Ansicht bei Tabletts oder Smartphones)

Sie möchten Ihre Website für mobile Geräte optimieren? Dann zögern Sie nicht, uns zu kontaktieren. Sie erreichen uns uns telefonisch unter +49 661 5006027 oder per Kontaktformular.