• about reply
Open Reply Logo
Menu
  • ABOUT US
  • Services
Choose language:
  • about Reply
Open Reply Logo
Web Design

Best Practice

Responsive Webdesign

Web-Entwicklung stellt eine komplexe Kombination aus neuen Entwicklungstechnologien und steigenden Erwartungen der Anwender dar, die durch die Begeisterung der Konsumenten für neue Internet-Browsing-Technologien genährt werden. In Folge gestalten sich auch das Design und die Entwicklung von Websites als komplex, um die maximale Reichweite mittels aller Geräte zu erzielen und dem Nutzer gleichzeitig ein optimales Erlebnis zu bieten.

FOCUS ON: Mobile, Web Design, Responsive Web Design, Adaptive Web Design, Digital Experience,
responsive_web_design_720x362.jpg 0


Was ist Responsive Webdesign?

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.

Wodurch unterscheidet sich das von dem, was Sie bereits haben?

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.

Ist RWD somit der Branchenstandard für die Web-Entwicklung?

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.

Wie sieht der richtige Ansatz aus?

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 Seiten
Adaptive 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.

Erweiterte Reichweite für verbundene Geräte

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.

Treffen Sie die richtige Entscheidung für sich

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:

  • Ist die Erfahrung am mobilen und angeschlossenen Gerät wesentlich für die Marken-Erfahrung Ihrer Kunden?
  • Macht der Zugriff über das angeschlossene Gerät über 40 % Ihres Web-Traffics aus?
  • Wird Ihre Seite durch ihre Konversionsrate gemessen?
  • Besitzt Ihre Website stark gewichteten Media-Content?
  • Umfasst Ihre Seite komplexe Endverbraucherreisen?
  • Beinhaltet Ihre Seite Inhalte von Dritten, wie Bannerwerbung/Social Widgets usw.?
  • Haben Sie Budget, um (internes/externes) Personal zu beauftragen, Ihre mobile Seite zu unterstützen?

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?

Zusammenfassung

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.

OPEN REPLY

Open Reply ist ein Unternehmen der Reply Gruppe, das auf die Entwicklung kreativer und technisch innovativer, mobiler Marken- und Vertriebslösungen spezialisiert ist. Ob mobiles Web oder native Apps für Smartphones und Tablets, Open Reply entwickelt Lösungen, bei denen die besten Kreativinhalte mit der besten Technologie verschmelzen, so dass eine Kundenansprache geschaffen wird, die für mobile Endgeräte optimiert ist und so das Engagement und die Konversionsrate erhöht.

RELATED CONTENTS

Mobile App

Case Study

Duty Free 4.0

Open Reply unterstützte Gebr. Heinemann bei der Entwicklung einer mobilen App, die als digitaler Begleiter für die Konsumenten dient, um vom Treueprogramm Heinemann & Me zu profitieren: Über die App erhalten die Konsumenten exklusive Angebote, lösen Gutscheine ein und nutzen ihre digitale Mitgliedskarte in Heinemann-Filialen weltweit zum Sammeln von Treuepunkten.

Duty Free 4.0 0

28.06.2017 / Mobile applications

News & Communication

Golden Star entscheidet sich für Open Reply

Golden Star gestaltet, produziert und vermarktet innovative elektromedizinische Geräte, die mit einer Tablet-basierten Benutzeroberfläche und Bluetooth-Verbindung ausgestattet sind. Open Reply unterstützte Golden Star bei der Entwicklung einer Strategie: Die aktuelle Implementierung wird zu einer Lösung migriert, die vollständig auf dem iPad- und Bluetooth Low Energy-Protokoll (BLE) basiert.

28.06.2017 / Digital transformation

News & Communication

Open Reply entwickelt für Fideuram eine mobile Digitale Transformationslösung

Fideuram wählte Open Reply – Apple Mobility Programmpartner – aus, um die Services, die ihren Finanzberatern angeboten werden, mit dem "On Boarding"-Projekt zu digitalisieren.

 
 ​
 
 
Reply ©​​ 2023​ - Datenschutz - Impressum​
Cookie-Einstellungen ​
  • Über Reply
  • Investoren​
  • Newsroom​
  • Folgen Sie Reply auf​​​​​​



  • ​About Open Reply​​
  • ​​​​Datenschutz- und Cookie Richtlinie