Mobilfreundliche Webseitengestaltung

Auch auf mobilen Geräten, auf Smartphones und Tablets, soll Ihre Homepage optimal angezeigt werden. Mobilfreundliche Gestaltung gehört daher bei Alexander Reichert zum Standard. Dadurch wird Webdesign wesentlich aufwändiger als früher.


Mobilfreundliche Gestaltung Ihrer Homepage gehört bei Alexander Reichert zum Standard.

Jeder Betrachter soll eine Webseite so übersichtlich und benutzerfreundlich wie möglich angezeigt bekommen, egal welches Gerät er benutzt. (Fotomontage: Rahmen © vivat – fotolia.com - #98901624, Inhalt: © Alexander Reichert)


Nach einer Studie von ARD und ZDF vom Februar 2016 greifen 90 % der mobilen, aber nur 60 % der stationären Anwender täglich auf das Internet zu. Das heißt, die Nutzungsintensität mobiler Anwender ist erheblich höher. Diese Zahlen werden verständlicher durch eine andere Umfrage, der zufolge mit Smartphones nicht nur von unterwegs aus im Internet gesurft wird, sondern auch von zu Hause aus, trotz heimischen PCs: während des Fernsehens, im Bett, sogar auf der Toilette.


Herkömmliche Websites sind für die Anzeige auf stationären Monitoren bzw. Laptops konzipiert. Mit den wesentlich kleineren mobilen Geräten sind sie nicht oder nur mit großen Schwierigkeiten zu handhaben. Beispielsweise sind Schrift und Links viel zu klein, um gelesen und genutzt werden zu können. Websites, die sich nicht zur Anzeige auf Smartphones und Tablets eignen, verärgern deren Besitzer und wirken sich für die Betreiber der Websites geschäftsschädigend aus.

Selbst wer ihn kritisch sieht: Die zunehmende Verbreitung von Smartphones ist ein langfristiger Megatrend, dem man sich nicht verschließen sollte.


Ziel mobilfreundlicher Webseitengestaltung ist es, dass sich die Website bzw. Homepage jedem Betrachter so übersichtlich und benutzerfreundlich wie möglich präsentiert, egal welches Endgerät dieser benutzt. Man spricht in diesem Zusammenhang auch von „Responsive Webdesign”, d.h. reagierender Webseitengestaltung, weil sich die Anzeige dem jeweiligen Endgerät anpasst.


Beim Responsive Webdesign wird nur eine einzige Version der Website erstellt. Unter Rückgriff auf die dafür hinterlegten Kriterien passt sie sich selbstständig dem jeweiligen Endgerät an. Dies geschieht sprunghaft an den so genannten Breakpoints, z.B. maximal 480 Pixel Bildschirmbreite für Smartphones und 768 Pixel für Tablets, und fließend innerhalb der genannten Kategorien. Smartphones und Tablets haben nämlich durchaus unterschiedliche Bildschirmbreiten, so dass man nicht mit starren Definitionen arbeiten kann.

Für den Webdesigner bedeutet ein reagierendes Webseitenlayout einen deutlich höheren gestalterischen und technischen Aufwand. Kunden sollten daher bei Preisvergleichen hinterfragen, ob reagierendes Webdesign im Preis enthalten ist oder nicht. Und selbst wenn es enthalten ist, gibt es noch große Qualitätsunterschiede in der Umsetzung.


Bestehende Layouts lassen sich in der Regel nicht mit ein paar Handgriffen und zu einem dementsprechend niedrigen Preis überzeugend mobilfreundlich machen. Beispielsweise kann man die Inhalte einer bildschirmausfüllenden waagerechten Tabelle mit einem Smartphone nicht lesen. Fotos und Grafiken mögen auf einem Smartphone zwar als Ganzes noch zu erkennen sein, aber nicht mehr die darin enthaltenen Details. Oder es liegen Links so dicht beieinander, dass man sie mit dem Finger nicht mehr selektiv anklicken kann.   

Anstelle herkömmlicher Navigationsmenüs oder von Links ist eine intuitive Menüsteuerung über Symbole die überzeugendste Lösung. Allgemein verständliche Symbole für die Inhalte bestehender Websites zu finden und grafisch zu gestalten, ist allerdings keine leichte Aufgabe. Und daher auch nicht ganz billig.

Übrigens hat Google mobilfreundliche Webseitengestaltung seinem Ranking-Algorithmus hinzugefügt:


Webseiten, die nach dem 21. April 2015 noch nicht „mobile-friendly” sind, müssen mit Nachteilen bei der Platzierung im mobilen Suchergebnis rechnen. Oder umgekehrt ausgedrückt: Mobilfreundliche Webseiten werden von Google zunehmend bevorzugt. Google misst der Mobilfreundlichkeit von Websites eine große Bedeutung bei und hat daher weitere Aufwertungen angekündigt.

Mobilfreundliche Webseitengestaltung hat auch bei Alexander Reichert einen hohen Stellenwert. Seine eigene Homepage hat natürlich den Google-Test auf Mobilfreundlichkeit bestanden. Darüber hinausgehend arbeitet er laufend an der Verbesserung mobiler Anzeigen von Websites. Alle neu von ihm erstellte Websites werden von ihm standardmäßig mobilfreundlich gestaltet.

Mehr dazu bei Wikipedia, der freien Enzyklopädie.  Auf diesen Artikel wurde auch hier teilweise zurückgegriffen.


Bitte beachten Sie: Die Bilder auf dieser Website sind rechtlich in mehrfacher Hinsicht geschützt, Kopieren, Herunterladen und anderweitige Wiederverwendung nicht erlaubt. Der Ärger, den Sie durch Zuwiderhandeln bekommen können, steht in keinem Verhältnis zu den Kosten für rechtmäßigen Erwerb.




© 2017 - Webdesign von Alexander Reichert aus Bad Dürrheim bei Villingen-Schwenningen