Adaptive Webdesign

Copyright ┬ę Shutterstock / Indypendenz

Was bedeutet Adaptive Webdesign?

Der englische Begriff Adaptive Webdesign beschreibt eine Methode, mit der die Wiedergabe von Webseiten und Internetinhalten auf unterschiedliche Displaygr├Â├čen hin optimiert wird. Gepr├Ągt wurde der Terminus durch den Computerexperten Aaron Gustafson, der 2011 ein Buch mit dem Titel “Adaptive Web Design – Crafting Rich Experiences with Progressive Enhancement” ver├Âffentlichte. Das englische Adjektiv “adaptive” bedeutet ├╝bersetzt in etwa “anpassungsf├Ąhig“. Design ist in diesem Fall als technisches Design zu verstehen und nicht als Layout. Verwechselt wird Adaptive Webdesign h├Ąufig mit Responsive Webdesign. Beide Herangehensweisen haben zwar das gleiche Ziel, n├Ąmlich bei der Darstellung von Webinhalten verschiedene Endger├Ąte mit ihren jeweiligen Bildschirmgr├Â├čen zu ber├╝cksichtigen. Die dahinter steckenden Techniken unterscheiden sich aber grundlegend.

Wie unterscheiden sich Adaptive und Responsive Webdesign?

Adaptive Webdesign geht einen anderen Weg. Hier werden die an sich unver├Ąndert gelassen Webinhalte nicht automatisch an Displaygr├Â├čen angepasst. Vielmehr werden beim Adaptive Webdesign auf dem Server unterschiedliche Versionen einer Webseite vorgehalten und stets diejenige ausgeliefert, die dem durch den Browser gemeldeten Monitorformat am n├Ąchsten kommt. Meistens sind jeweils eine Version f├╝r Desktop, Tablet und Smartphone vorbereitet. Viele Anbieter orientieren sich dabei an iPhone und iPad, da bei Mobilger├Ąten, welche unter Android laufen, die Bildschirmgr├Â├čen stark variieren.
Sp├Ątestens mit der weiten Verbreitung von Smartphones und Tablets nach 2007 stehen Internetanbieter vor der Frage, wie sie damit umgehen, dass ihre Webseiten nicht mehr nur auf gew├Âhnlichen Monitoren angezeigt werden sollen, sondern h├Ąufig auch mobil und beispielsweise im Hochformat abgerufen werden. F├╝r normale Monitorgr├Â├čen optimierte Webinhalte wirken im kleinen Format auf Smartphones h├Ąufig un├╝bersichtlich und sind unpraktisch zu bedienen. Seit etwa 2013 behelfen sich viele Online-Dienste deshalb mit Responsive Webdesign. Auf Basis von HTML 5 oder CSS3 sorgen Programmroutinen daf├╝r, dass Webseiten auch als Mobile Content angeordnet werden k├Ânnen.┬á┬á

 

Als das gr├Â├čte Plus von Adaptive Webdesign gilt, dass diese Methode im Bestfall zu einem optimalen Nutzungserlebnis bei der Darstellung von Webseiten f├╝hrt. Da eben nicht wie beim Responsive Webdesign eine Webseite f├╝r alle Ger├Ąte gilt, k├Ânnen die Inhalte spezifisch angeordnet werden, beispielsweise Men├╝punkte oder Eingabefelder. Ein weiterer Vorteil ist ein verringertes Datenvolumen, welches schneller Auslieferung der mobilen Webseiten garantiert. Ein Smartphone mit kleinem Bildschirm wird etwa nur ein kleine Foto-Datei zugeschickt. Den Desktop-Displays wird jedoch das hoch aufgel├Âste Foto ausgeliefert. Responsive Webdesign bedient sich immer bei den gleichen Dateien und verursacht so h├Ąufig mehr zu ├╝bertragende Daten als eigentlich notwendig.

Aus Sicht von Programmieren ist Adaptive Webdesign eine eine einfache L├Âsung der Entwicklung zu Mobile First. Es ist technisch gut umsetzbar, da mit starren Rastern gearbeitet wird. Dies f├╝hrt gleichzeitig zu gro├čer gestalterischer Freiheit, was sich je nach Zielgruppe sehr positiv auswirken kann. Im Endeffekt bedeutet Adaptive Webdesign zudem h├Ąufig Zeitersparnis bei der Entwicklung und damit niedrige Kosten.

Aus den Vorteilen von Adaptive Webdesign leiten sich auch die Nachteile ab. Nur auf vorher definierten Displaygr├Â├čen werden Webseiten optimal dargestellt. Bei Formaten, die nicht den genau definierten Standards entsprechen, kommt es h├Ąufig zu Fehldarstellungen. Responsive Design reagiert bereits von sich aus automatisch auf jede Displaygr├Â├če und deckt damit schon jetzt k├╝nftige Mobilger├Ąte ab. Bei Adaptive Webdesign werden die Entwickler in Zukunft neue Webseiten programmieren und gestalten m├╝ssen, um auf immer hochaufl├Âsender Displays und neue Formate zu reagieren.

Die Hybrid-L├Âsung RESS

Um die Vorteile von Adaptive und Responsive Webdesign zu b├╝ndeln, nutzt man zunehmend RESS. RESS steht f├╝r┬áResponsive Webdesign with Server Side components. Hierbei wird zum einen das Layout einer Webseite meist per Responsive Webdesign ausgeliefert, aber es besteht auch gleichzeitig die M├Âglichkeit vonseiten des Servers, dabei Ausnahmen zu machen. Dies bezieht sich nicht nur auf Grafiken, Text, Fotos und ├Ąhnliche Gestaltungsmittel, sondern auch auf Bedienmittel wie Maus oder Touch. Interessant ist RESS deshalb auch f├╝r neue Bedienm├Âglichkeiten wie Sprachkommandos und neue Formate wie Augmented Reality.

Adaptive Webdesign in der Praxis

An die Stelle von Mobile First tritt bei vielen Internetdiensten bereits Mobile Only. Tats├Ąchlich scheint es so, dass gerade Privatleute auf einen klassischen Desktop-Computer oder Laptop verzichten und sich f├╝r ihre Nutzung des Internets ganz auf Mobilger├Ąte verlassen. Google etwa tr├Ągt dem Trend bereits Rechnung mit seinem Programm f├╝r Accelerated Mobile Pages (AMP), das im Grunde eine spezielle Form von Adaptive Webdesign ist, da es sich um eine serverseitige L├Âsung handelt. In diesen Bereich fallen auch bestimmte Angebote von Facebook, etwa Instant Articles f├╝r Medienunternehmen. Aktuelle Studien zufolge haben schon mehr als 50 Prozent der gr├Â├čeren Internetdienste ihre Angebote f├╝r Mobilger├Ąte optimiert, ├╝berwiegend auf Basis von Responsive Webdesign. Eine genauere Analyse wird dadurch erschwert, dass durch RESS und andere Methoden viele Mischformen von Adaptive und Responsive Webdesign existieren.

Klar ist allerdings: Professionelles SEO muss sich an den Algorithmen von Google und Co. orientieren.┬áDiese bevorzugen Inhalte, von denen dezidierte mobile Versionen vorhanden sind und die dadurch auch Nutzerzufriedendheit erzielen. Es gibt kaum einen stichhaltigen Grund, daran zu zweifeln, dass sich diese Entwicklung noch einmal in Richtung Desktop-Displays umkehrt. Unter dieser Pr├Ąmisse ist Adaptive Webdesign eine vielversprechende Alternative zu Responsive Webdesign, welches oft nicht das h├Ąlt, was es theoretisch verspricht.

Tipp

Es empfiehlt sich, bei jedem Internet-Projekt genau zu pr├╝fen, mit welcher Technik das jeweilige Vorhaben bestm├Âglich umzusetzen ist. Denn erst die Balance zwischen fehlerfreier Darstellung von Webinhalten bei einfacher Bedienbarkeit f├╝hrt zum Erfolg. Adaptive Webdesign ist ein Weg daf├╝r. Der Nutzer interessiert sich im Normalfall nicht f├╝r die Begrifflichkeit der Technik, sondern daf├╝r, dass sie funktioniert. Hier hat Adaptive Webdesign deutliche Vorteile im Vergleich zu Responsive Webdesign, welches es- vereinfacht gesagt- allen Recht machen will und dabei schnell an seine Grenzen st├Â├čt.


Sie haben noch Fragen?

Kontaktieren Sie uns

Kostenloser SEO-Check der OSG


Weitere Inhalte