Trends in der digitalen Welt

Es gab noch nie so viele unterschiedliche Geräte zum Surfen wie heute!

Gigantische Monitore, die immer gängig werdenden Tabletts und eine riesige Auswahl an Smartphones und natürlich auch der neue Trend Smart-TVs mit einer extrem hohen Bildschärfe.

Das Statistische Bundesamt veröffentlichte im Dezember 2016 die aktuellen Statistiken über die Internetnutzung in privaten Haushältern: Von insgesamt 62 Millionen Internetnutzer nutzen 81 % ein Smartphone zum Surfen. Etwa 67 % der Bevölkerung surfen im Internet mit dem Laptop und dem Computer und 53 % mit dem Tablett. Erstmals in der Statistik wird auch das Smart-TV mit 19 % aufgeführt. Die Zahlen belegen, dass sich der Trend in Deutschland längst etabliert hat. Responsives Webdesign ist heutzutage aufgrund der vielen Endgeräten nicht mehr wegzudenken (siehe https://www.destatis.de/DE/PresseService/Presse/Pressemitteilungen/2016/12/PD16_430_63931.html )

Um den immer schneller werdenden Fortschritt im Webdesign hinterher zu kommen, wurde das responsive Webdesign entwickelt. Eine Technik, die aus flüssigem Layout besteht und eine perfekte Darstellung auf allen Endgeräten ermöglicht – egal ob mobil oder auf dem Desktop-PC.

Responsive Webdesign Breakpoints

Beispiel für eine Layout-Anpassung für unterschiedliche Bildschirmgrößen

Responsive Webdesign kurz erklärt

Responsive Webseiten meistern heute und in der Zukunft alle Herausforderungen in der Webseiten-Visualisierung und stellen daher eine dringende Notwendigkeit dar.

Die Basis für eine responsive Webseite ist eine Rasterstruktur aus mehreren Elementen. Sollte ein Element nicht mehr neben das andere Platz finden, so wird dieses Element automatisch weiter nach unten verschoben, ohne dass dabei wichtige Inhalte wie Text, Grafiken oder Videos verzehrt werden oder Inhalte verloren gehen. Eine weitere Funktion von responsivem Webdesign ist, dass auf einzelne Auflösungen individuell reagiert werden kann. Das heißt, dass der Programmierer Bilder ausblenden, Texte hervorheben oder sogar Einfluss auf die komplette Gestaltung verändern kann, um eine bessere Nutzerfreundlichkeit auf mobilen Endgeräten zu ermöglichen.

Ob eine Webseite responsiv ist, kann man selbst ganz einfach am Browser testen: Sobald das Fenster verkleinert wird, springt entsprechend das Bild und der Text in die jeweilige Größe in Form.

Viele Webseiten wurden als Desktop-Anwendungen konzipiert und werden daher auf Endgeräten wie Smartphone oder Tablet unschön dargestellt. Aufgrund der Bedienerunfreundlichkeit springen tendenziell die User schneller wieder von einer Webseite ab. Denn wer surft schon gerne mit seinem Smartphone auf Seiten, bei denen man ständig „ranzoomen“ muss und das Design nicht responsiv oder mobilfähig ist?

Darüber hinaus nimmt responsives Webdeign einen hohen Stellenwert beim Suchmaschinenranking ein: Google erklärte im Oktober 2016 den Mobile Index zum primären Suchindex (siehe http://www.visio7.com/blog/google-mobile-index/). Das bedeutet, dass Google responsive Webseiten im Vergleich zu Desktop-Webseiten bevorzugt. Ob eine responsive Seite alle erforderlichen Anforderungen hinsichtlich eines responsiven Webdesigns erfüllt, kann mit dem Google mobil-friendly Tool (siehe https://search.google.com/search-console/mobile-friendly) kostenfrei getestet werden. Dabei werden u.a. die Festlegung des Darstellungsbereichs, die Content-Priorisierung (Above-The-Fold = (ohne Scrollen sichtbar) sowie die Verwendung einer lesbaren Schriftgröße (Empfehlung 16px) berücksichtigt. Mit dem PageSpeed Tool von Google (siehe https://developers.google.com/speed/pagespeed/insights/?hl=de) kann man des Weiteren die Geschwindigkeit der Webseite in der mobilen und Destop-Version überprüfen. Dabei spielt u.a. die Bildgröße sowie die Reaktionszeit des Servers eine wesentliche Rolle.

Daher ist eine responsive Webseite spätestens jetzt – falls nicht schon geschehen – Pflicht für alle Unternehmer, um im regionalen und internationalen Wettbewerb zu bestehen.

Über den Autor:

Andreas Lautenschlager

Andreas Lautenschlager

Dein online Coach

Hallo, ich bin Andreas und Dein neuer online Coach in Sachen Marketing.

Ich bin Selbstständig und helfe andere Unternehmen mit meiner Agentur Lautenschlager Solutions Reichweite im Netz aufzubauen. Dabei konzentrieren wir uns besonders auf digitale Strategien, wie Webdesign, Social Media und Inbound Marketing.

Als Geschäftsfüher der Lautenschlager Solutions, habe ich schon immer geplant ein Portal zu gründen um mein Wissen an andere Gleichgesinnte weiterzugeben und sich auszutauschen.

Melde Dich zum Newsletter an und erhalte die Checkliste direkt in Deinem Postfach!

Mit "Die ultimative Webseiten Checkliste: Deine Webseite vorbereiten, um erfolgreich durchzustarten" kannst Du Deine eigene Webseite auf Mängel überprüfen. Melde Dich zum Newsletter an und erhalte Deine Checkliste.

Der Newsletter informiert Dich über Marketing Know-How und Tools. Informationen zu den Inhalten, der Protokollierung Deiner Anmeldung, dem Versand über den US-Anbieter MailChimp, der statistischen Auswertung sowie Ihren Abbestellmöglichkeiten, erhälst Du in unserer Datenschutzerklärung.

 

Fast geschafft! Wir haben Dir eine E-Mail mit einem Bestätigungslink geschickt. Sobald Du Deine E-Mail bestätigt hast, bekommst Du Die gewünschten Daten!