Unsichtbare Marktpotenziale mit Kaufkraftdaten erschließen Jetzt zum Webinar anmelden
Eigene Daten zeigen oft nur einen Teil des Bildes. Erfahren Sie, wie Kaufkraft-, Markt- und Regionaldaten zusätzliche Perspektiven auf Kunden, Regionen und Standorte eröffnen. Anhand konkreter Praxisbeispiele lernen Sie, wie sich bislang verborgene Marktpotenziale erkennen und gezielter nutzen lassen.
Jetzt zum Webinar anmelden
Was ist Deine Digitalagentur wert? Agenturwert berechnen
Sechs Zahlen aus der BWA genügen, um herauszufinden, was aktuell Deine Agentur wert ist und welche Faktoren den Wert beeinflussen.
Agenturwert berechnen

November 2026 · Unser Geburtstagsgeschenk

35 Jahre iBusiness.
Im November alles frei lesen.

Zum Jubiläum öffnen wir alle iBusiness-Inhalte: vom 1. bis 30. November, für alle, ohne Anmeldung und ohne Bezahlschranke.

Alle Inhalte im November kostenlos
Heute frei lesen. Morgen nichts verpassen.

Registrieren Sie sich kostenlos und abonnieren Sie anschließend den iBusiness-Newsletter. So bleiben Sie bei den Themen auf dem Laufenden, die für Sie zählen.

Das Newsletter-Abo erhalten Sie im Rahmen der kostenlosen Registrierung.

Abruf exklusiv für Premium-Mitglieder

Responsive Webdesign im E-Commerce: Was erfolgreiche Projekte ausmacht

23.08.2012 Das Thema Mobil steht derzeit bei allen Agenturen auf der Agenda. Damit wird auch Responsive Webdesign ein immer wichtigeres Thema. im Umfeld des Onlinemarketings. Allerdings scheint das ECommerce-Umfeld diesen Design-Trend zu verpassen. Vier Killerkriterien für agnostisches Design - und die Regeln, die ein erfolgreiches Responsive-Webdesign-Projekt ausmachen.

 (Bild: Jeremy Keith / flickr.com)
Bild: Jeremy Keith / flickr.com
Bild: Jeremy Keith / flickr.com unter Creative Commons Lizenz by
Egal welches Endgerät: Es gibt immer ein exakt definiertes Design (Bild: Jeremy Keith / flickr.com)
Bild: Jeremy Keith / flickr.com
Bild: Jeremy Keith / flickr.com unter Creative Commons Lizenz by
Egal welches Endgerät: Es gibt immer ein exakt definiertes Design
Agnostisches Design ist nicht neu. Der Begriff 'Responsive Webdesign' wurde zum ersten Mal von Ethan Marcotte   verwendet.

HANDLUNGSRELEVANZ

 
Operativ
Strategisch
Visionär
Technik
Medien
Wirtschaft
 
heute
morgen
übermorgen
Die iBusiness-Handlungsmatrix zeigt, wie langfristig die vorgestellten Aufgaben angegangen werden müssen.
|(nichtleer|zeile_4
Template fehlerhaft: Variable nicht vorhanden. Inzwischen sind fast zwei Jahre vergangen. Mittlerweile existieren einige sehr gut umgesetzte Anwendungsbeispiele wie Fosil   oder die Zalando-Lounge  , Next Berlin  , SinnerSchrader   , Dole  , Sign Against Stroke  , Sasquatch Festival   und Smart Urban Stage  .

Neben guten Beispiel-Referenzen aus den Bereichen Agentur-Websites, Blogs und Microsites, findet das Thema auch in den Medien zunehmend mehr Aufmerksamkeit. Auch den meisten Entscheidern im Onlinemarketing ist Responsive Webdesign bereits bekannt. Aus Entwicklerkreisen ist zudem zu hören, dass bereits einige große Shop-Softwareanbieter wie Magento Standard-Templates und Extentions mit Responsive Webdesign Features anbieten wollen und kurz vor dem Release stehen.

Mainstream. Nur nicht bei Onlineshops

Diese Indizien sprechen dafür, dass Responsive Webdesign bereits eine relevante Flughöhe erreicht hat - nur warum finden sich bis heute so gut wie keine Anwendungsbeispiele im ECommerce-Umfeld?

Viele Shop-Entscheider gehen sicher davon aus, dass eine bestehende App oder ein bestehendes Mobile-Web-Template die mobilen Nutzer bereits optimal bedienen. Die Hemmung, bestehende Instanzen abzulösen, ist groß. Der wahrscheinlichere Grund für die bisherige durchgängige Zurückhaltung gegenüber Responsive Webdesign im E-Commerce ist verständlicherweise eine gewisse Grundunsicherheit im Hinblick auf Kosten und Nutzen.

Aus der Erfahrung des letzten Jahres wissen wir, dass die Zeit reif für Responsive Webdesign im E-Commerce ist und die ersten Webshop-Projekte, die das unter Beweis stellen, kurz vor dem Durchbruch sind. Es gibt vier Killer-Kriterien für Responsive Webdesign:

1. Beste Darstellung auf allen Endgeräten

Mit einem flexiblen Designraster, welches sich automatisch an die verschiedenen Bildschirmgrößen und Auflösungen anpasst, gewährleistet Responsive Webdesign eine stets optimale Darstellung des Webshops über alle Endgeräte hinweg. Abhängig von dem zur Verfügung stehenden Platz für die Visualisierung werden die Inhalte neu priorisiert. Damit bietet Responsive Webdesign nicht nur eine Lösung für die alternative Darstellung auf Tablets und mobilen Endgeräten, sondern es bietet auch eine Lösung für die höheren PC-Auflösungen jenseits von 1024 Pixel.

Betrachtet man aktuelle Webstatistiken unterschiedlicher Seitengrößen  , dann fällt auf, dass rund 85 Prozent der Nutzer eine höhere Bildschirmauflösung als 1024 Pixel nutzen.

Dennoch werden aus Angst vor dem Ausschluss der letzten 15 Prozent heute immer noch fast alle Webshops auf 1024 Bildpunkte optimiert. Die Folge ist, dass wertvoller Platz zur Produktpräsentation ungenutzt bleibt. Das ist so, als würde man seine Ladenfläche nur zu 50 Prozent dekorieren, weil zwei von zehn Kunden Scheuklappen tragen.

Jeder zweite Nutzer hat sogar eine noch höhere Auflösung als 1280 Pixel. Hier bieten sich ganz neue Potenziale. Wenn die zuvor genannten Bildschirmauflösungen als Ausgangslage betrachtet werden, bietet sich bei 50 bis 80 Prozent der Kunden die Chance 30 bis 50 Prozent der bisher ungenutzten Flächen mit relevanten und abverkaufsstarken Inhalten zu füllen. Der sichtbare Bereich kann in der Breite besser ausgenutzt und dabei die Seitenlänge verkürzt werden. Die zusätzliche digitale Ladenfläche kann je nach Bedürfnis und Strategie, für die Produktinitiierung (größere Produkte, zusätzliche Ansichten, Videos, etc.
Template fehlerhaft: Variable nicht vorhanden.
Thema: Responsive Webdesign im E-Commerce: Was erfolgreiche Projekte ausmacht

Kommentar von Joachim Graf

Wie sieht Ihre Website in fünf Jahren aus?

Wenn Sie das nicht wissen, sollten Sie über eine Deviceagnostik-Strategie nachdenken. Wenn Sie es wissen, auch.

Weiterlesen
Joachim Graf (Michael Poganiatz)
Bild: Michael Poganiatz
Neuer Kommentar  Kommentare:

Zu: Responsive Webdesign im E-Commerce: Was erfolgreiche Projekte ausmacht

Wer mich kennt weiss, dass ich mit Lob nicht sehr verschwenderisch umgehe. Dieser Artikel ist wirklich hervorragend. Recherchiert und geschrieben. Vielleicht wäre es für Laien hilfreich gewesen kurz zu erläutern was "Beste Darstellung auf allen Endgeräten" bedeutet. Die Anfragen die wir über webdesign-responsive.de bekommen, lauten oft: "Aber auf meinem iPhone oder Smartphone ist doch alles zu sehen." Das man bei responsive nicht rein/raus-zoomen muss, ist den meisten noch nicht bekannt. Die Erfahrung löst bei Handybesitzern regelmässig Begeisterung aus.

Die Möglichkeit größere Auflösungen zu bedienen, bringt dagegen Grafiker und Designer mal wieder auf eine völlig falsche Fährte. Die müssen erstmal lernen sich auf 480x320 zu beschränken, bevor sie wieder in Din A xy auf 27" denken ;-)
kein Bild hochgeladen
Von: André Schober ,  anyMOTION Graphics
Am: 23.08.2012

Zu: Responsive Webdesign im E-Commerce: Was erfolgreiche Projekte ausmacht

bereits der 2. Artikel den ich innerhalb kurzer Zeit mit responsive Webdesign befasst.
Bei den meisten Seiten ist das auch mitlerweile keine besondere Sache mehr, da diese nur Inhalte darauf haben.

Sogar wir von meinkaffee.de haben vor kurzem auf dieses Design umgestellt, wobei wir nicht nur einen einfachen Shop integriet haben, sondern einen sehr aufwändigen Produk-Konfigurator der es dem Kunden ermöglicht seine eigene Kaffeepackung zu designen.
Hier war unser Team nochmals vor einer größeren Herausforderung gestellt.
Schreiben Sie Ihre Meinung, Erfahrungen, Anregungen mit oder zu diesem Thema. Ihr Beitrag erscheint an dieser Stelle.
alle Veranstaltungen Webcasts zu diesem Thema:
Dienstleister-Verzeichnis Agenturen/Dienstleister zu diesem Thema: