Responsive Design oder Adaptive Design
Mobil optimierte Onlineshops & deren Designansatz
Dabei gibt es zum einen den responsiven (reaktionsfähigem) Ansatz und zum anderen den adaptiven (anpassungsfähigen) Ansatz. Was sind die Unterschiede? Der Unterschied beginnt in der Philosophie. Liegt der Schwerpunkt bei der Gestaltung auf dem Ausgabegerät oder dem Design selbst?
Froont.com hat dazu einige anschauliche Übersicht erstellt, die die beiden Philosophien in ihrem theroretischen Vorgaben aufzeigt.
Wir haben das hier nochmal zusammengefasst. Den kompletten Artikel gibt es bei Froont.com.
Flüssig vs. starr:
Responsive Design hat einen flexiblen Ansatz, d.h. die Größenänderungen der Elemente sind flüssiger. Adaptive Design bricht hingegen bei einer Größenänderung das Layout eher starr um. Dabei werden beim Umruch ggf. neue Elemente geladen, z.B. passend aufgelöste Grafiken, um so auch die Performance im Auge zu behalten.
Relativ vs feste Pixel
Beim responsive Design setzt man auf relative Einheiten für Designelemente (%, em). Beim adaptiven Ansatz kommen eher statische Größen zum Einsatz (px). Auch hier passen sich die relativen Elemente flüssiger an.
Umbruch
Beim adaptiven Ansatz gibt es bestimmte Punkte, an denen die Elemente dann umbrechen (ähnlich wie bei der Seitenumbruchvorschau in Word oder Excel), sobald eine kleiner Auflösung vorliegt.
Im responsive Design verändern sich die Elemente mit, sie brechen also nicht um, das Layout bleibt erhalten.
Ein Klassiker im Onlineshop: Auf dem Desktop werden noch 2 Spalten angezeigt (z.B. Seitenboxen), auf dem Smartphone dann nur noch eine.
Mobile oder Desktop first
Wird die Seite zuerst für mobile Geräte konzipiert oder zuerst für den Desktop? Je nachdem ändern sich die Prioritäten bei Usability, Performance und Inhalt.
Die Entscheidung häng stark von der zu erwartenden Zielgruppe und deren Endgeräte ab. Derzeit werden immer noch mehr Onlinekäufe (insb. wenn es um physische Güter geht) auf einem klassischen Desktop PC oder Laptop mit normalem Bildschirm getätigt. Der Trend zeigt hier aber künftig eine Verlagerung der Schwerpunkte hin zum Tablet.
Fazit
Zwischen responsive und adaptive Desing gibt es Unterschiede, beide haben aber Vorteile für sich. Es wäre wohl falsch aus theoretischen Gründen strikt zu einer Philosophie zu tendieren. Idealerweise mischt man die positiven Aspekte beider Ansätz zu einem optimalen Ergebnis, insbesondere im E-Commerce Bereich.
So ist es immer ratsam auf Vektorgrafiken zu setzen, falls möglich und trotzdem auf die Performance zu achten. Pixelgenaue Elemente müssen oft aus ästhetischen Gründen zum Einsatz kommen, trotzdem bieten sich relative Größenangaben in vielen Bereichen an.
So ist auch der neueste Ansatz Adjustive Design, der beide Welten zu verbinden versucht.
Quelle: Froont.com
Frische Plugins, die Deinen JTL-Shop weiterbringen:
Weitere, passende Beiträge:
Nächster Halt: Multitalent!
Retargeting plus X: releva.nz auf dem Weg zum Marketing-Alleskönner.
Die Berliner Marketing Spezialisten haben ein neues Feature entwickelt...
Mehr lesen ...
Wie bettet man einen Instagram-Feed ...
Instagram gilt als überzeugende Marketingplattform für Unternehmen, die nach organischer Reichweite und Sichtbarkeit für ihre Produkte und Dienstleistungen suchen. Stelle dir ...
Mehr lesen ...
Extrem lokal werben
Ein absoluter Geheimtipp für Händler, die ihre Produkte sowohl online als auch stationär vertreiben:
Mit der Hyperlocal-Funktion der releva.nz JTL-Extension kannst du ...
Mehr lesen ...
Kaufabbrüche runter, Umsätze hoch
So machst du das Beste aus Q4 – trotz steigender Kosten.
Mit dem kostenlosen Plugin und dem Umsatz Booster von uptain
Mehr lesen ...
Google Erweiterte Conversions
Erweitertes Google Conversion Tracking (oder auch enhanced conversions) sind geeignet deine Datenlage bei Google Ads zu verbessern, da sie ohne Zustimmung (Consent) und ...
Mehr lesen ...
Das neue Video-Retargeting von releva.nz
Wie bringst du deine Besucher zurück in den Onlineshop und machst sie zu Käufern?
Dieses Plugin übernimmt das für dich. Und jetzt brandneu: Der Video Editor!
Mehr lesen ...
Facebook Conversion API (CAPI) - was ...
Was ist die Facebook Conversison API und warum gibt es einen so großen Druck von Facebook, die Facebook Conversions API einzurichten?
Hier erfährst du mehr zur ...
Mehr lesen ...
Ratenkauf im JTL-Shop
Ab 500 € Bestellwert ist der Ratenkauf eine der beliebtesten Zahlungsarten in Deutschland (IFH KÖLN Studie „Shopping 2020“).
Erfahre hier, wie einfach du diese ...
Mehr lesen ...
So steigerst Du effizient den ...
Der Online-Handel boomt. Die Corona-Pandemie hat dem Ganzen noch einen kräftigen Schubs gegeben. Online-Shops sprießen gerade nur so aus dem Boden. Das bedeutet Konkurrenz und ...
Mehr lesen ...
Aftersales zur Kundenbindung nutzen
Kundenbindung ist günstiger und erfolgreicher als Neukundengewinnung und sollte deshalb ein fester Bestandteil der E-Commerce Strategie sein.
Aber wie kannst du ...
Mehr lesen ...
releva.nz: Die beliebteste ...
Mit dynamischem Retargeting kannst du Besucher zurückholen, die deinen JTL-Shop ohne Kaufabschluss verlassen haben und sie zu Käufern machen.
Warum funktioniert ...
Mehr lesen ...
Neues Plugin: Uptain
Das brandneue Uptain Plugin holt deine Kaufabbrecher zurück. Per Exit Intent Popup, Newsletter Popup und Warenkorbabbrecher Mails gewinst du verloren geglaubten Umsatz ...
Mehr lesen ...
Wie du Suchfilter im JTL-Shop ...
Facettensuche
Wie du die Doofinder Suchfilter im JTL-Shop verwendest, um deine Besucher durchs Produktangebot zu leiten (und sie zu mehr Käufen zu bewegen).
Mehr lesen ...
Produktbewertungen mit Videos
Über die Produktbewertungs-Funktion von Trustpilot kannst du ab sofort Produktbewertungen ergänzt um Fotos UND Videos sammeln.
Fragen dazu? Damit haben wir schon ...
Mehr lesen ...
Kennst du schon Trustpilot FAQ?
Du kannst nun Fragen und Antworten (Q&A) direkt auf deiner Produktseite als Widget einfügen.
Du kennst das von Amazon, eine tolle Möglichkeit die Conversion zu steigern
Mehr lesen ...
Trustpilot oder Trusted Shops?
Wenn es um Kundenbewertungen im Onlineshop geht, dann treten meist die 2 großen Anbieter Trustpilot und Trusted Shops in die engere Auswahl.
Wo sind die Unterschiede? ...
Mehr lesen ...
Newsletter die wirklich ankommen
Die Zustellbarkeit von Newsletter und E-Mail Marketing ist keine Frage des Glücks.
Wer die wichtigsten Regeln beachtet, kommt bis ins Postfach seiner Kunden und noch ...
Mehr lesen ...
5 Gründe für Trustpilot
Erfahre hier, warum es sinnvoll ist bei den Shop- und Produktbewertungen auf Trustpilot zu setzen
Mehr lesen ...
Dynamisches Retargeting - Was ist ...
Mit dynamischem Retargeting Kaufabbrecher in den JTL-Shop zurückholen: Das releva.nz Plugin macht es dir leicht!
Mehr lesen ...
Chat Lösung von sendinblue kostenlos ...
Kommuniziere mit deinen Onlineshop Besuchern live und in Echtzeit und hilf ihnen so bei wichtigen Fragen und Anliegen.
Der Erfolg wird dir rechtgeben.
Wie das ...
Mehr lesen ...
Der Einfluss von Kundenbewertungen ...
Kunden haben heute Zugang zu so gut wie perfekten Marktinformationen, die ihnen von Millionen anderen Kunden bereitgestellt werden. Und wie wir alle in der digitalen Welt haben ...
Mehr lesen ...
Pricium: Intelligentes Repricing ...
Im ständig zunehmenden Wettbewerb spielt der richtige Preis eine immer wichtigere Rolle. Umso wichtiger ist es, in das richtige Pricing zu investieren.
Mehr lesen ...
Trustpilot Out Now!
Trustpilot ist nun auch für den JTL-Shop verfügbar. Nutze die Power des weltweit stärksten Bewertungsprotals
Mehr lesen ...
Cookiebanner "ohne vorherige ...
DSGVO & ePrivacy konforme Cookie Banner waren schwer umzusetzen
Jetzt nicht mehr!
Mehr lesen ...
Onlineshop erfolgreich launchen
Wie geht man einen Onlineshop Launch richtig an?
Mehr lesen ...
Automatisierte E-Mail Kampagnen
Sende automatisch personalisierte E-Mails an bestimmte Kunden deines Shops
Mehr lesen ...
A/B Tests mit sendinblue
Ab sofort kannst Du mit sendinblue A/B Tests Deiner Newsletter Kampagnen durchführen
Mehr lesen ...
Warum soll ich das Plugin Adwords ...
Was sind die Vorteile des Plugins Adwords Conversion gegenüber dem JTL-Shop eigenen Google Analytics E-Commerce Tracking (Einstellung 143 und 332)
Hier klären wir es ...
Mehr lesen ...
DSGVO: Google Analytics Einsatz nur ...
Einschätzung, ob Google Analytics nun nach der Datenschutzgrundverordnung (DSGVO) nur noch mit aktiver Einwilligung des Seitenbesuchers anwendbar ist.
Mehr lesen ...
Werbemails gegenüber Bestandskunden ...
Ist E-Mail Marekting und Newsletter nur per Double-Opt-In erlaubt? oder gibt es Ausnahmen?
Mehr lesen ...
Search Centric Design
Standard Navigations-Konzepte in Onlineshops haben ausgedient. Alles fokussiert sich auf die Suche. Was steckt hinter SCD?
Mehr lesen ...
A/B Tests zur Website Optimierung
Umfrage zum Einsatz von A/B Tests für die Website Optimierung
Mehr lesen ...
Warum wir NOSTO lieben
Wir sind NOSTO Partner- ok.
Aber vor allem sind wir NOSTO Fans geworden.
Warum? Lies einfach weiter...
Mehr lesen ...
Navigation & Menüführung im Shop
Ohne Shopnavigation keine Besucherströme keine Bestellungen.
Kreativität vs. Usability? Mitnichten - hier gelungene Beispiele...
Mehr lesen ...
Google Analytics richtig nutzen
Kaum ein Shopbetreiber setzt nicht Auf Google Analytics zur Auswertung und Erfolgsmessung.
Dabei werden häufig grundlegende Fehler gemacht.
Mehr lesen ...
Preise der Mitbewerber prüfen
Sie möchten wissen ob Ihre Produkte woanders günstiger zu haben sind?
Das geht jetzt schnelle und kostenlos!
Sehen Sie auf einem Blick wie die Preise der ...
Mehr lesen ...
Steigerung des Warenkorbwertes - Wie ...
Die Konversionsrate ist der heilige Gral für jeden Onlineshop. Ihr Einfluss auf den Erfolg ist tatsächlich sehr hoch. Aber oft vernachlässigt: Der ...
Mehr lesen ...
Google Adwords Werbekosten ...
Machen Sie den gratis Check!
Lassen Sie Ihr bestehendes Google Adwords oder Google Shopping Werbekonto kostenlos und automatisch analysieren und sehen Sie wieviel ...
Mehr lesen ...
SEO Entwarnung: 301 Redirects
30x redirects don't lose PageRank anymore.
What?
Mehr lesen ...
JTL-Shop Relaunch - Design folgt ...
Shop Analyse bereits in der Desingphase hilft die Zielgruppe und deren Bedürfnisse genau im Auge zu behalten.
Mehr lesen ...
Blog Recycling
Bestehende Inhalte wiederverwenden und aktualisieren - warum? Darum!
Mehr lesen ...
Kategorieseiten im Shop - So werden ...
Ein Großteil der User steigt nicht über die Startseite in einen Shop ein, sondern landen über die Suche bei Google oder Deeplinks in einer Unterebene des ...
Mehr lesen ...
Bewertungssterne in Adwords Anzeigen
In Google Adwords Anzeigen können Bewertungssterne, die im eigenen Shop gesammelt wurden, angezeigt werden und erhöhen so die Aufmerksamkeit der Anzeigen. Welche ...
Mehr lesen ...
Eine einfache Online Marketing ...
Sie planen einen Onlineshop?
Im folgenden Artikel von Karl Kratz wird schonungslos aufgezeigt, welche Fehler dabei gemacht werden können und wie man sie vermeidet.
Mehr lesen ...
Intelligente Suchfunktion im JTL-Shop
Intelligente und fehlertolerante Suchfunktionen oder Produktempfehlungen, Studie über den Einsatz dieser Lösungen und deren Vor- und Nachteile erschienen. Welche ...
Mehr lesen ...
Onlineshops brauchen Kundenbewertungen
Kundenbewertungen bieten potenziellen Kunden eine wichtige Orientierungshilfe. Zehn Gründe, warum Webshop-Betreiber sich solche Bewertungen zunutze machen sollten.
Mehr lesen ...
Google: mobile Nutzbarbeit von JTL Shops
Googles "mobile friendly" Update kommt am 21. April 2015
Mehr lesen ...
Shop Relaunch mit Domainumzug
Ein JTL-Shop Relaunch ist unproblematisch, wenn man einige Dinge beachtet.
Mehr lesen ...
Responsive Design oder Adaptive Design
Soll mein JTL-Shop besser responsive oder adaptiv für mobile Endgeräte optimiert werden?
Mehr lesen ...
Kunden zu Stammkunden machen
Umsatz steigern mit einer durchdachten Stammkundenpflege.
Mehr lesen ...
Optimierung bei Preissuchmaschinen
Nutzen Sie Preissuchmaschinen wie idealo.de, billiger.de & Co optimal mit Ihrem JTL-Shop
Mehr lesen ...
Preisgestaltung im Onlineshop - ...
Die Gestaltung des Verkaufspreis ist eine der entscheidenden Erfolgssäulen im Onlineshop. Hier einige Strategien für die Preisfindung.
Mehr lesen ...
SEO Erfolgsmessung mit Analytics
Mithilfe von Google Analytics möchten wir heute 4 Möglichkeiten zeigen, wie man SEO Erfolge mit Google Analytics sichtbar machen kann.
Mehr lesen ...
So kommen die Kunden in den Onlineshop
Wer nur auf Google als Besucherquelle setzt, dem entgehen zahlreiche Kunden, ein Studie hat hier interessante Alternativen zu Goolge aufgezeigt.
Mehr lesen ...
Shop Nutzer erwarten immer mehr
Klickraten, Öffnungsraten? Welche Erfolgskennzahlen machen einen guten Newsletter wirklich aus?
Mehr lesen ...
Welche E-Mail-Kennzahlen wirklich ...
Klickraten, Öffnungsraten? Welche Erfolgskennzahlen machen einen guten Newsletter wirklich aus?
Mehr lesen ...
Preissuchmaschinen optimal nutzen
Wie optimiert man sein Listing bei Preissuchmaschinen?
Mehr lesen ...
Conversion Sabotage im Shop
Konversion = Umsatz. Was verhindert gute Konversionsraten bei Onlineshops?
Mehr lesen ...
Google Shopping Kampagnen einrichten
Mit dem JTL-Shop Google Shopping effektiv nutzen. In diesem Blogbeitrag zeigen wir Dir wie das funktionert.
Mehr lesen ...
Newsletter Marketing
Newsletter - ein sehr effektives Marketinginstrument
Themen: Rechtssicherheit, Sicherer Versand, Inhalt und Erfolgsgeheimnis
Mehr lesen ...
Die Danke Seite: Unterschätzt
Kunde hat gekauft und ist in dem Moment sehr zufrieden. Wie kannst Du an diesem Punkt die Bestellabschluss (Danke-) Seite im JTL-Shop sinnvoll für Marketing Zwecke nutzen?
Mehr lesen ...