Responsive Webdesign stellt einen Design- und Entwicklungsansatz dar, der die Antwort auf die steigende Nachfrage nach Websites liefern soll, die auf jedem Desktop und angeschlossenen Gerät nutzbar sind und gut aussehen. Bei diesem Ansatz geht es darum, eine Seite zu schaffen, die von sich aus erkennt, welches Gerät der Anwender zum Betrachten der Website benutzt und dann das passendste Design-Layout anzeigt. Vereinfacht gesagt, sieht sich der Benutzer die Website auf einem Desktop an, wird das Desktop-Layout gezeigt; verwendet er stattdessen ein mobiles Gerät, wird die mobile Seite gezeigt.
Sie könnten denken, dass es das ist, was sie bereits haben, aber stellen Sie sich doch Folgendes einmal vor…
Eine URL. Ein Satz Markups. Ein Inhalt. Eine Technologieplattform. Ein Einsatz.
Objektiv gesehen, handelt es sich dabei um Responsive Webdesign, auch RWD genannt. Vorbei sind die Tage von m. und t. gewidmeten Websites für das angeschlossene Gerät. Ihre Site ist SEO-freundlich. Es ist nicht notwendig, separate unabhängige Code-Basen zu managen, die ein hohes Maß an Verwaltung erfordern, um die Funktionalitäten aufeinander abzustimmen. Separate Einsatz-Teams gehören mit zentralisiertem Code und Release-Management ebenfalls der Vergangenheit an. Wenn Sie Ihre Web-Entwicklung einfach um einen responsiven Ansatz erweitern, wird die Entwicklung und die fortlaufende Verwaltung jeder Multi-Kanal-Seite vereinfacht. Schließlich werden all diese Elemente für niedrigere Betriebskosten Ihrer Website sorgen – in einer immer komplexer werdenden digitalen Welt kann dies nur ein wahrer Vorteil sein.
Nicht ganz! So einfach ist es bei der Technologie nie. Eine Entwicklung hat sich vollzogen. Ein neuer Denkansatz, der darauf abzielt, die beste Erfahrung für das angeschlossene Gerät zu liefern. Die Branche hat einen neuen Ansatz eingeführt – Adaptive Webdesign – auch RESS genannt. Worin besteht also dieser neue Ansatz? Mit Responsive-Webdesign wird das Bildschirmlayout auf der Seite des Kunden bestimmt – die Entscheidung für das Layout wird im Browser des Anwenders getroffen, also wird das gleiche Dokument zu allen Kunden geschickt, aber bedeutende Teile der Site können den Anwendern verborgen bleiben, wenn sie sie auf einem angeschlossenen Gerät ansehen. Mit Adaptive Webdesign wird das Layout auf der Server-Seite bestimmt – Layout-Entscheidungen werden auf dem Web-Server getroffen, nicht vom Kunden oder Browser des Geräts. Der Server erkennt Faktoren wie Gerät und OS und sendet dann spontan die korrekte Version der Website, wodurch der Kunde Ihre Website schneller sehen kann. Die Vorteile von adaptivem Webdesign belaufen sich zusammenfassend auf einer schnelleren Seitenladegeschwindigkeit, verbesserter Konversion, vermehrten Seitenaufrufen, einem reduzierten Aufwand in Bezug auf die Infrastruktur und einer verbesserten Verfügbarkeit. Wenn Responsive Webdesign der Königsweg war, dann ist adaptives Webdesign der Platin-Standard, den Marken erreichen wollen. Ein Niveau, das die beste Nutzererfahrung auf jedem Gerät liefert, bei dem es keine Kompromisse gibt, aber alle Vorteile von RWD und keinen der Nachteile von früheren Ansätzen. In Wirklichkeit ist dies keine Weiterentwicklung von Responsive Webdesign. Bei Open Reply haben wir diesen Ansatz während der letzten 3 Jahre als Best-Practice-Ansatz für die Seitenimplementierung auf mobilen Geräten und Tablets verfolgt. Ein Ansatz, der sich bewährt hat.
Responsive Webdesign und Adaptive Webdesign sind beides ebenso sehr relevante wie gültige Ansätze, um Ihre Website bereitzustellen. Der Ansatz, den Sie verfolgen, wird von dem Ergebnis abhängen, das Sie liefern möchten. Ist es gut genug für Ihr Unternehmen auf einem angeschlossenen Gerät eine gute Erfahrung zu liefern? Wenn der Zugriff auf die Website über das angeschlossene Gerät proportional hoch ist, dann sollten Sie adaptives Webdesign ernsthaft in Betracht ziehen. Wenn Sie das Für und Wider der beiden Ansätze abwägen, dann berücksichtigen Sie die Nachteile eines adaptiven Webdesigns gegenüber eines responsiven; es sind wenige, aber sie sind wichtig. Eine adaptive Website könnte bei der Entwicklung und Instandhaltung mehr kosten – separate Designs und zusätzliche Fertigkeiten sind die hauptsächlichen Überlegungen. Unserer Erfahrung nach ist dies in der Realität nicht immer der Fall. Ein responsiver Ansatz ist ebenso komplex, besonders dann, wenn man eine bestehende Seite in eine responsive umwandelt. Die Bemühung den bestehenden Code und den Rückschritt beim Testen der Website zu verbessern, könnte ebenso viel kosten; die Gesamtdauer des Projekts erstreckt sich gewöhnlich über den gleichen Zeitraum. Die Vorteile eines adaptiven gegenüber einem responsiven Ansatz müssen daher im Wesentlichen gegeneinander abgewogen werden.
Super-effizientes Laden der Seiten, durchschnittlich viel schneller als bei rein responsiven SeitenAdaptive Websites zeigen eine bessere Ladezeit und eine allumfassende Anwendererfahrung. Dies ist der Fall, weil die adaptive Bereitstellung nur durch die Übermittlung jener Posten (Inhalt, Bilder etc.) erfolgt, die für das jeweilige Gerät notwendig sind und die Bilder und Multimedia-Inhalte sofort optimiert werden, um sich an die Bildschirmauflösung und -größe anzupassen.
Hiermit können Sie die Erfahrung an Absicht und Kontext des Anwenders anpassen Bei einigen Branchen wollen mobile User mit dem Unternehmen auf eine ganz spezifische Weise interagieren, die sich von der auf einer Desktop-Website unterscheidet. Die Erfahrung auf einer adaptiven Seite kann genau auf das Gerät abgestimmt werden, so dass die Interaktion intuitiv und superschnell erfolgt und Funktionen, wie Ort, Stimme und HTML5 unterstützt werden. Wenn es sich bei Ihrer Seite um ein Projekt aus dem Bereich eCommerce handelt, ist dies eine wesentliche Erwägung; Endverbraucherreisen, nicht nur das Interface Ihrer Seite kann optimiert werden; die Schritte bis zur Kasse können reduziert werden, um die beste Erfahrung auf dem angeschlossenen Gerät zu liefern, eine Lösung für ein bekanntes Hindernis auf dem Weg zum Online-Einkauf.
Kein Einfluss auf Ihre bestehende Website Entwickler müssen keine Änderungen vornehmen oder – noch schlimmer – zurück ans Reißbrett gehen und die bestehende Website neu kodieren. Das ist wichtig, da viele Websites komplex aufgebaut sind und über eine Menge Legacy-Kode verfügen, der im Laufe der Zeit aufgebaut wurde. Dieses Kapital zu entsorgen, so dass die bisherigen Bemühungen vergebens waren, ist im Allgemeinen keine Option. Außerdem müssen Sie Ihre Desktop-Site nicht erneut Regressionstests unterziehen; was für gewöhnlich extrem zeitintensiv wäre, speziell in Verbindung mit eCommerce.
Adaptive Lösungen verwenden eine ausgereiftere Server-seitige Geräteerkennung über Media-Anfragen von Kundenseite, auf die responsive Seiten angewiesen sind. Der Vorteil für Ihre Website ist die Gewährleistung einer größeren Reichweite und die Unterstützung einiger älterer Smartphones und Handys. Wenn sich Ihr Zielpublikum in den sich entwickelnden Märkten befindet und es für Ihr Unternehmen wichtig ist, ist dies in globaler Hinsicht der inklusivste Ansatz.
Gezielter, an mobilen Geräten orientierter Inhalt Optimierte Inhalte für das angeschlossene Gerät können einen wesentlichen Vorteil für Ihre Website darstellen, wenn Bilder, Text, Banner usw. bereitgestellt werden, die schnell laden und einfach auf einem mobilen Gerät zu betrachten sind. Das bedeutet nicht nur eine Leistungssteigerung für Ihre Website an sich, sondern verbessert auch die SEO-Leistung; das ist ein Vorteil, der durch einen adaptiven Ansatz erreichbar ist. Wenn Sie Elemente wie Tabellen-Layouts auf Ihrer Seite haben, können Sie diese mit einem adaptiven Ansatz leichter optimieren.
Unterstützung von Hybrid-Apps Obwohl sich dieses Diskussionspapier auf Webdesign konzentriert, lassen sich immer mehr Berührungspunkte zur mobilen Welt ausmachen. Die Schaffung einer Hybrid-App, einer nativen mobilen App, die in sich eine mobile Seite beherbergt, wird immer alltäglicher und ermöglicht es Marken, schneller auf den Markt zu kommen, während sie das Verlangen ihrer Kunden nach mobilen Apps prüfen. Die Effektivität einer adaptiven Seite ist in diesem Zusammenhang weitaus höher als die einer responsiven, wobei Medienanfragen auf Seiten des Kunden einer responsiven Seite ineffektiv sind, wenn es darum geht, ein anfragendes Gerät zu identifizieren.
Es gibt keine richtige oder falsche Entscheidung. Allerdings kann es sein, dass ein Ansatz ein besseres Ergebnis liefert, als ein anderer. Ihre Überlegungen sollten sich daher vor allem auf Folgendes konzentrieren:
Wenn Sie diese Fragen mit „Ja" beantworten, müssen Sie jetzt erwägen, einen adaptiven Webdesign-Ansatz zu wählen. Wenn Sie glauben, Sie können es sich nicht leisten, die hochwertigste verfügbare Website-Entwicklungs-Option zu wählen (vielleicht gekoppelt mit einem RWD-Ansatz), dann denken Sie gleichzeitig einmal darüber nach, ob Sie es sich leisten können, nicht in etwas zu investieren, das heute den am schnellsten wachsenden und relevantesten Punkt zur Kundenbindung darstellt. Können Sie die Rentabilität der höheren Investition rechtfertigen, die erforderlich ist, um Ihre Seite von denen Ihrer Konkurrenten mit einer geräteorientierten schnellen Lösung abzuheben?
Die Zeit, in der Designer nur ein einziges Layout für ein einzelnes Gerät gestalten konnten, war gestern. Das digitale Heute ist komplex und fragmentiert, die Erwartungen der Anwender haben sich durch eine stets verbundene Welt exponentiell vergrößert. Wir müssen beginnen zu verstehen, wie unsere Seiten genutzt werden und wie wir unsere Inhalte priorisieren können, damit Sie an die Situation und den Kontext der Nutzer angepasst sind, um die beste und relevanteste Erfahrung zu bieten. Responsive Webdesign kann in diesem Zusammenhang viele Vorteile bringen, jedoch unterliegt es Einschränkungen in Bezug auf mobile Geräte. Deshalb sollten Sie, bevor Sie sich für einen RWD-Ansatz entscheiden, einen adaptiven Webdesign-Ansatz in Erwägung ziehen. Eine responsive Seite wird ein gutes Ergebnis für Ihr Unternehmen bedeuten; aber ist ein gutes Ergebnis gut genug für Sie, um besser als die Konkurrenz zu sein? Mobile Geräte sind wesentlich für jede Multi-Kanal-Lösung und werden von wesentlicher Bedeutung sein, wenn es darum geht, Boden gegenüber der Konkurrenz gutzumachen oder zu verlieren. Eine responsive Lösung wird nie so schnell sein oder so gut auf allen Geräten aussehen, wie eine, die speziell für mobile und eine breitere Palette an Geräten erstellt wurde. Bei einer adaptiven Seite gibt es keine Kompromisse, sie ist perfekt auf das verbundene Gerät abgestimmt, bietet jedem ohne Ausnahme eine optimierte Erfahrung und wird es Ihnen ermöglichen, Ihre Investition in digital zu maximieren. Webdesign ist ein Geschäft, bei dem Kosten, Wert und Effektivität ausgeglichen sein müssen. Da sich die Weiterentwicklung angeschlossener Geräte in unablässiger Geschwindigkeit fortsetzt, sind ein adaptiver Ansatz und die vollständige Unterstützung mobiler Geräte eine Investition, die aber für fortlaufenden messbaren Wert sorgen wird.