Blogartikel

7min. Lesezeit

Wie die Ladezeit einer Seite wirklich Ihre Conversion beeinflusst

Kann ein einziger Faktor wie die Seitengeschwindigkeit einen großen Unterschied machen, wenn es um Conversions geht?

Mehr als Sie vielleicht erwartet hätten.

Laut einer Studie von Akamai  kann eine Verzögerung von zwei Sekunden in der Ladezeit die Bounce Rate tatsächlich um mehr als 100% erhöhen.

Richtig gelesen, Ihre Abbruchrate kann sich verdoppeln, was bedeutet, dass Sie eine enorme Anzahl an Besuchern direkt am Anfang verlieren.

How slow website load time can impact your conversions
Das könnte Ihre Webseite sein.

Als wäre das nicht genug, berichtet dieselbe Studie, dass mehr als 40% der Besucher, die eine schlechte Erfahrung mit einer Internetseite gemacht haben, ihren Freunden oder Familienmitgliedern davon erzählen würden.

Kurz gesagt, die langsame Ladezeit wirkt sich nicht nur auf Ihre eingehenden Besucher aus, sondern hindert auch zukünftige Besucher möglicherweise daran, auf Ihrer Website einzukaufen.

Das Hauptproblem in Bezug auf die Ladezeit ist, dass den meisten Marketern die Wichtigkeit der Verbesserung der Ladezeit um ein paar Millisekunden nicht bewusst ist: es ist einfach nicht greifbar genug.

Infolgedessen wird die Ladezeit häufig von den meisten Online-Retailern in ihren jährlichen Prioritäten übersehen, da sie sich auf andere “greifbare” Verbesserungen, wie das Design, SEO, Social Media, bezahlte Werbung, etc. konzentrieren.  

Und das ist ein Fehler. Studien und Daten von Industriegiganten und Experten haben alle gezeigt, dass die Ladezeit einer Seite direkten Einfluss auf die Conversion, Seitenaufrufe, SEO und direkte Einnahmen hat.

Um Ihnen zu helfen, die Auswirkungen der Seitenladezeit auf die Conversion zu ermitteln und zu quantifizieren, haben wir einige zusätzliche Erkenntnisse zusammengestellt, die Ihnen helfen sollen, die Auswirkungen auf die Verbesserung der Seitengeschwindigkeit besser zu verstehen.

Lesen Sie weiter, es lohnt sich.

Ladezeit beeinflusst die User Experience

Haben wir schon erwähnt, dass Online Shopper lange Ladezeiten hassen?

Falls nicht, hier ein interessanter Fakt: laut Stress-Testerspezialist Dotcom-Monitor werden “75% aller User abbrechen, wenn die Ladezeit der Seite die 3-Sekunden-Marke überschreitet.“

Neben der Bounce Rate spielt außerdem die Ladezeit eine Rolle, wenn es um Kundenzufriedenheit geht: Aberdeen weist darauf hin, dass eine zusätzliche Sekunde Ladezeit zu einer um 16% niedrigeren Kundenzufriedenheit führt. Das ist einfach verrückt.

Eine verlängerte Ladezeit von nur ein paar Sekunden endet in unglaublich negativen Ergebnissen hinsichtlich Ihrer Fähigkeit, Ihre Besucher zu motivieren und sich für einen guten Kundenservice einzusetzen, während etwa 45% aller Online-Käufer erwarten, dass eine Website innerhalb von 2 Sekunden geladen wird.

Wenn die Seitengeschwindigkeit beeinflusst, wie Kunden mit Ihrer Webseite interagieren, hat es auch einen direkten Einfluss auf die Kaufwahrscheinlichkeit.

Wie die Website-Geschwindigkeit Ihren Umsatz direkt beeinflusst

Wenn Ihre Seite von Geschwindigkeitsprobleme geplagt ist, gibt es keinen Zweifel, dass Sie zahlreiche potenzielle Kunden auf Ihrer Webseite verlieren sowie viele Verkäufe.

Und zu diesem Punkt sollten wir nicht vergessen, was wir über unzufriedene Kunden gesagt haben: 40% von diesen würde nicht zögern, von ihren Online Shopping Erfahrungen zu erzählen.

In Bezug auf dieselben unzufriedenen Kunden merkt HubSpot an, dass 80% von ihnen mit geringerer Wahrscheinlichkeit wieder auf derselben Website einkaufen: dies ist ein enormer Verlust an potenziellen wiederkehrenden Besuchern.

Und im E-Commerce braucht man wiederkehrende Besucher: es ist ein Schlüsselelement des Customer Lifetime Values, da sie laut Business Insider bis zu 48% aller Transaktionen ausmachen.

Um zu ermitteln, wie wichtig die Seitengeschwindigkeit in Bezug auf die Conversions ist, hat Walmart eine beeindruckende Analyse hinsichtlich des Online-Umsatzes und des Verhaltens der Kunden bei verschiedenen Seitenladezeiten erstellt.

Sharp decline in conversion rate as average site load time increases from 1 to 4 seconds.

Hier sind die wichtigsten Erkenntnisse: Sie stellten fest,  dass die “Conversion Rate deutlich abnahm, sobald die durchschnittliche Ladezeit der Website von 1 auf 4 Sekunden anstieg.”

Während die Conversion Rate zwischen 5 und 8 Sekunden Ladezeit konstant bleibt; beachten Sie wie groß der Unterschied für die User ist, die Ladezeiten von unter 3.5 Sekunden hatten.

Natürlich können nicht alle Webseiten mit dem Umsatzvolumen von Walmart übereinstimmen, und das ist vollkommen in Ordnung.

Es gibt immer noch große finanzielle Vorteile, die sich aus der Verbesserungen der Seitengeschwindigkeit ergeben; unabhängig von Ihrem Umsatz.

Website-Geschwindigkeit beeinflusst Ihre Online Sichtbarkeit (SEO)

Infosnack aus der kleinen Welt des SEO: die Geschwindigkeit von mobilen Seiten wurde ab Juli 2018 zu einem offiziellen Ranking-Faktor in den Suchergebnissen (Quelle: Search Engine Journal).

Da mehr als 50% des weltweiten Traffics in 2018 ĂĽber Mobiltelefone generiert wurde, ist es einfach zu verstehen, wie wichtig die mobile Ladezeit einer Seite fĂĽr alle Online-Unternehmen geworden ist.

Statistic: Percentage of all global web pages served to mobile phones from 2009 to 2018 | Statista
Mehr Statistiken auf Statista

Google ist sich des rasanten Anstiegs des mobilen Datenverkehrs bewusst und hat seinen Mobile-First-Index 2017 eingefĂĽhrt. Dies bedeutet, dass die Suchmaschine Websites jetzt in erster Linie nach mobilen Leistungsfaktoren und nicht nach der Desktop-Leistung rankt.

Mobile page speed now directly affects SEO game
Quelle: Moz

Einfach ausgedrückt bedeutet dies, dass die Geschwindigkeit Ihrer mobilen Seite jetzt direkt Ihr SEO-Spiel beeinflusst: dies könnte Ihren Rankings schädigen.

Was ist die perfekte Ladezeit?

In Bezug auf die perfekte Ladezeit meint Google, dass 53% der mobilen Besucher eine Seite wieder verlassen, wenn diese länger als 3 Sekunden zum Laden braucht: das sollten Sie anstreben.

Hinter dem Vorhang ist die hässliche Wahrheit eher besorgniserregend: Google weist darauf hin, dass die durchschnittliche Ladezeit einer mobilen Landingpage im Bereich von 20 Sekunden liegt: Millionen von Websites sind weit von der idealen Ladezeit entfernt.

3 kostenlose Tools, um Ihre Website Geschwindigkeit zu messen

Wenn Sie bis hierhin mitgelesen haben, wollen Sie vermutlich einen schnellen Ăśberblick ĂĽber Ihre Website Geschwindigkeit und das ist absolut in Ordnung.

Hier finden Sie 3 kostenlose Tools, die Ihnen dabei helfen, die Stolpersteine ​​zu ermitteln, die die Ladegeschwindigkeit Ihrer Website einschränken, um Ihre Seitengeschwindigkeit zu verbessern:

  1. Google PageSpeed Insights
  2. GT Metrix
  3. PingDom

Diese 3 Tools sind kostenlos und benutzerfreundlich: geben Sie einfach Ihre URL ein und schon erhalten Sie eine schnelle Analyse.

Wenn Sie nach weiteren Insights über die Website Geschwindigkeit suchen, schauen Sie doch mal bei Google’s PageSpeed Rules vorbei, sodass Sie direkt etwas unternehmen können.

Hat Ihnen dieser Artikel gefallen? Dann teilen Sie ihn gerne mit anderen und schauen Sie auch bei unseren anderen Artikeln zum Thema Website Optimierung vorbei.

Blogartikel

14min. Lesezeit

6 starke kognitive Verzerrungen im Marketing fĂĽr mehr Umsatz

Die menschliche Psychologie ist ein komplexes, tiefgehendes Thema, das selbst bei den heutigen wissenschaftlichen Bemühungen immer noch ein Rätsel bleibt. Auch wenn die meisten Menschen sich selbst als rational bezeichnen, die Wahrheit sieht anders aus: die meisten Menschen handeln nicht rational.

Quelle: Unsplash

„Warum?“ fragen Sie sich vielleicht.

Weil das menschliche Verhalten auch Emotionen, GefĂĽhle, soziale Interaktionen und natĂĽrliche Instinkte zum Ăśberleben, Leben und Gedeihen voraussetzt.

Im Laufe unseres Lebens sammeln wir Wissen, Erinnerungen und Erfahrungen, die uns helfen, Informationen zu verarbeiten und Einschätzungen sowie Entscheidungen zu treffen. Selbstverständlich verändert sich unser Verhalten, wenn wir älter werden und uns in unserer Gesellschaft entfalten – es ist eine Never-Ending Story.  

Wir sind deutlich komplizierter als Computer oder Maschinen. Und das ist ok so.

Es liegt in der Natur des Menschen tief sozial zu sein: wir neigen dazu, mit, von und fĂĽr andere Menschen zu leben. Darum tendieren wir, kognitive Verzerrungen fĂĽr unsere Entscheidungsfindung zu nutzen.

In diesem Artikel werden Sie lernen, dass die meisten kognitiven Verzerrungen entweder auf der Wahrnehmung oder Kognition basieren – unsere Fähigkeit, Dinge zu erleben und Informationen zu verarbeiten.

But first things first, lassen Sie uns mit einer kurzen Definition beginnen:

Was sind kognitive Verzerrungen?

Definition: Kognitive Verzerrungen sind psychologische Abweichungen von der Rationalität, die durch Verzerrungen verursacht werden, die unser Gehirn formuliert, wenn es um Urteil, Wahrnehmung, Gedächtnis und Entscheidungsfindungen geht.

Obwohl ihre Klassifizierung nach wie vor Kontroversen und Diskussionen unterliegt, werden sie von Wikipedia wie folgt klassifiziert:

  • Decision-making, belief and behavioral bias
  • Social biases
  • Memory biases

Lassen Sie uns ohne weitere Umschweife nun darĂĽber sprechen, wie kognitive Verzerrungen im Marketing zur Steigerung von Umsatz und Gewinn eingesetzt werden.

Der Illusion of Truth Effekt

Was ist das?

Der illusorische Wahrheitseffekt beschreibt die Tendenz, Aussagen und Informationen, die zuvor bereits gehört worden, als wahr anzusehen.

Quelle: Foto von Laurent Naville auf Unsplash

Unabhängig von der Gültigkeit einer Aussage, stimmen Personen dieser eher zu, nachdem sie sie mehrmals gesehen oder gehört haben.

Da die Wiederholung ein GefĂĽhl der Vertrautheit erzeugt, neigen Menschen eher dazu, vertrauten Aussagen zu glauben – solchen, die sie regelmäßig wahrnehmen oder hören.

Wie wird das im Marketing angewendet?

Der illusorische Wahrheitseffekt ist in verschiedenen Bereichen anwendbar, wie zum Beispiel in der Politik, im Marketing und in der Werbung.

Unternehmen nutzen den Illusion-of-Truth-Bias zu ihrem Vorteil, indem sie einfach zu verarbeitende Nachrichten erstellen und sie immer wieder wiederholen.

Ein bekannter Slogan. Quelle

Um diese kognitiven Verzerrungen auf reale Szenarien anzuwenden, nutzen Marketer diverse Techniken wie Slogans, wiederholte Anzeigen und Retargeting, um einen “Loop-Effekt” im Kopf der Kunden zu erzeugen.

Vertrauen kommt von Vertrautheit – eine wiederholte Werbebotschaft wird langsam zur Wahrheit oder zu einer allgemein anerkannten Aussage.

Der In-Group Bias

Was ist das?

Der In-Group Bias beschreibt die Tendenz, Mitglieder einer Gruppe gegenĂĽber AuĂźenseitern zu bevorzugen.

Dieser kognitive Bias, der tief in der Sozialpsychologie verwurzelt ist, drängt Mitglieder einer Gruppe dazu, andere Personen, die ebenfalls als Mitglieder dieser Gruppe wahrgenommen werden, bevorzugt zu behandeln.

Folglich können Mitglieder der Gruppe Verhaltensmerkmale entwickeln, die sich auf die Ressourcenzuteilung, die Kommunikation und die Wahrnehmung auswirken können.

Quelle: Foto von rawpixel auf Unsplash

Wie wird das im Marketing angewendet?

Zu einer sozialen Gruppe zu gehören ist ein soziales Bedürfnis, das zwei menschlichen Belangen entspricht: unserem Selbstwertgefühl und der Wahrnehmung unserer sozialen Identität.

Bei der Verwendung im Marketing kann der In-Group Bias ein starkes Tool sein, um den Vertrieb, den Gewinn, die Markenbekanntheit und Markenloyalität zu erhöhen.

“Hey, hast du das neue iPhone XS?” Quelle: Reuters and Business Insider

Das Gefühl der Zugehörigkeit zu einer Gruppe zu erzeugen ist ein extrem wirkungsvolles Tool für Unternehmen, dass sowohl für B2B als auch B2C Unternehmen genutzt werden kann.

Wenn richtig umgesetzt, werden Mitglieder Ihrer Community geneigter dazu sein:

  • Mehr und unbewusster auszugeben – Die Forschung hat gezeigt, dass der In-Group Bias die Ressourcenverteilung beeinflusst: Personen fĂĽhlen sich besser, wenn sie ihr Geld fĂĽr Produkte oder Dienstleistungen ausgeben, die sie mit anderen Menschen verbinden. Sie sind auch weniger zögerlich, fĂĽr diese Geld auszugeben.
  • Anderen von Ihrem Geschäft/ Produkt/ Dienstleistung zu erzählen – Es sind keine besonderen Neuigkeiten – Menschen neigen dazu, mit ihren positiven Erfahrungen zu prahlen, und Gruppenerfahrungen bringen normalerweise positive GefĂĽhle mit sich.

Siehe Fortnites Beispiel des In-Group-Bias.

Es gibt eine Menge Videospiele, die sich stark auf den In-Group-Bias verlassen haben, um die durchschnittlichen Ausgaben pro Nutzer und den Gesamtumsatz zu steigern.

Quelle

Das Spiel “Fortnite” von Epic Games erzielte im April 2018 einen unglaublichen Durchschnittswert von 58 US-Dollar pro Nutzer, der in einem einzigen Monat fast 300 Mio. US-Dollar einbrachte.

Ihr Geheimnis?

Eine riesige Community, die von einer enormen Anzahl von YouTube- und Twitch-Streamern unterstützt wird und eine echte Leidenschaft für das Spiel auslöste. Das hat viele neue Spieler angezogen und dazu gebracht, echtes Geld für In-Game Einkäufe auszugeben, die jeder sehen kann, nämlich die Fortnite-Community.

Der Authority Bias

Was ist das?

Der Authority Bias – bekannt durch Stanley Milgrams Experiment (1961) – besagt, dass Menschen dazu tendieren, der Meinung einer autoritären oder als Spezialist eingeschätzten Person einen höheren Wert zuzuschreiben.

Zudem hat der Autoritätsbias ebenfalls gezeigt, dass sich Menschen tendenziell stärker von den Informationen einer autoritären Figur beeinflussen lassen, unabhängig vom tatsächlichen Inhalt der Information.

Wie wird das im Marketing angewendet?

Obwohl auch Politiker diesen Bias nutzen, wird er von Marketern als Waffe genutzt, um potenzielle Kunden zu ĂĽberzeugen.

Das bekannteste Beispiel fĂĽr den Authority Bias kann in der Werbung gefunden werden: Wie oft haben Sie einen Arzt oder Zahnarzt gesehen, der Sie davon ĂĽberzeugen wollte, dass dies das richtige Produkt fĂĽr Ihre Gesundheit ist?

Quelle

Sie haben es erraten, der Authority Bias schlägt erneut zu.

Diese Technik ist weit verbreitet in der Werbung und in Marketing Kampagnen – denken Sie nur an die zahlreichen “Experten” und “Promis”, die in der Werbung eingesetzt werden.

Stripes nutzt Case Studies von autoritären Marken. Quelle

Wenn Sie im B2B Business arbeiten, denken Sie daran, dass Autorität viele Formen annehmen kann: Sie können sich autoritäre Publikationen zum Ziel setzen oder Case Studies von renommierten Unternehmen nutzen, um Ihre Markenwahrnehmung zu verbessern.

Der Anchoring Bias

Was ist das?

Der Anchoring Bias beeinflusst den Entscheidungsprozess und ist bekannt fĂĽr seine Auswirkungen auf die Preisverhandlungen.

Es ist die Tendenz einer Person, die erste Information zu bevorzugen, die sie erhalten, wenn sie Entscheidungen treffen – auch bekannt als Anker – vor allen nachfolgenden Informationen.

Quelle: UnSplash

Ein Anker ist im Wesentlichen ein Startpunkt, von dem alle weiteren Diskussionen, Entscheidungen und Verhandlungen ausgehen. Es kann sich um einen Bereich, einen Preis oder jegliche Art von Information handeln. Preise sind jedoch das am häufigsten genannte Beispiel für diesen Bias.

Wie wird das im Marketing angewendet?

Bei der Festlegung von Preisen oder bei der Bearbeitung neuer Angebote und Designs, können clevere Marketer anhand des Ankerbias feststellen, ob ihre Ideen mit den Erwartungen der Kunden übereinstimmen oder nicht.

Diese Technik kann tolle Ergebnisse erbringen, da die große Mehrheit der Konsumenten vielen Werbeanzeigen und “Ankern” ausgesetzt ist. Es könnte also an der Zeit sein, Ihren eigenen Anker zu erstellen.

Xiaomis Beispiel des Anker Bias

Ende 2018 brachte Xiaomi das Pocophone F1 auf den Markt: ein Aushängeschild, ein erschwingliches Smartphone, das Preis-Benchmarks für einen ganzen Markt neu definierte.

Quelle: Google

Als es herauskam, bezeichneten Bewertungen und technikaffine Influencer das neue Smartphone von Xiaomi als „Schnäppchen des Jahres“.

Quelle YouTube

Dank des Pocophone F1 nutzte Xiaomi den Ankerbias, um einen neuen „Anker“ für den Smartphone-Markt der mittleren Preisklasse festzulegen: Die Kunden erwarten jetzt nahezu ausschließliche Spezifikationen zu einem erschwinglichen Preis, auch von anderen Herstellern.

Der Hyperbolic Discounting Bias (oder Present-Bias)

Was ist das?

Der Hyperbolic-Discounting Bias – auch bekannt als Present-Bias – ist eine kognitive Verzerrung, die dazu fĂĽhrt, dass Menschen sofortige Auszahlungen gegenĂĽber späteren Auszahlungen bevorzugen.

Wenn man zwei positiven Ergebnissen ausgesetzt ist, entwickelt der Mensch kurzfristige Präferenzen und wählt sehr wahrscheinlich dasjenige aus, das früher eintreten wird.

Infolgedessen neigen Menschen dazu, inkonsistente Entscheidungen zu treffen, die ihr zukĂĽnftiges Selbst bereuen wĂĽrde, da sie zum Zeitpunkt des Entscheidungsprozesses eine Tendenz zum aktuellen Moment haben.

Wie wird das im Marketing angewendet?

Marketers haben lange Zeit den Present-Bias genutzt, um mit den BedĂĽrfnissen und WĂĽnschen der Verbraucher zu spielen.

Weil wir die Gegenwart bevorzugen, können clevere Marketer sofortige Freuden und direkte Bedürfnisse bewerben, sodass wir jetzt kaufen.

Beispielsweise ist die Bezahlung mit Kreditkarten eine häufige Folge des Hyperbolic Discounting Bias: viele Menschen würden sich lieber dafür verschulden, um einen Fernseher jetzt zu kaufen (und Zinsen zahlen) statt zu warten bis sie über genug Geld verfügen.

Eine 24-monatige Finanzierung kann eine verlockende Option sein, einen Fernseher jetzt zu kaufen.

Um den Present-Bias effektiv zu nutzen, betonen Marketer zwei Hauptmerkmale:

  • Die greifbaren Vorteile (Was ist jetzt fĂĽr mich drin?)
  • Die Benutzerfreundlichkeit (wie leicht und wie schnell ist es?)
Quelle: BuildFire

BuildFire ist ein Online Tool, mit dem Sie Ihre eigene mobile Anwendung entwickeln können, ohne den üblichen Aufwand: Es sind weder Codierungen erforderlich, noch müssen Entwickler eingestellt werden.

Das gesamte Exemplar der Website konzentriert sich auf den Hyperbolic Discounting Bias: Sie können Ihre App jetzt verwenden, ohne zu viel Geld auszugeben und ohne lange warten zu müssen.

Quelle: BuildFire

Das Ziel von BuildFire ist es, auf der gesamten Website sofortige Gewinne und massive Einsparungen zu demonstrieren, damit Sie jetzt handeln.

Der Observer-Expectancy Effekt

Was ist das?

Der Beobachter-Erwartungseffekt ist eine kognitive Verzerrung, die durch die Tendenz eines Forschers definiert wird, ein Experiment aufgrund seiner eigenen kognitiven Verzerrung unbewusst zu beeinflussen.

Der Erwartungseffekt hängt mit dem Bestätigungsfehler zusammen – zum Beispiel die Tendenz, Informationen zu suchen und zu bevorzugen, die bereits mit unseren Ăśberzeugungen ĂĽbereinstimmen, fĂĽhrt dazu, dass Marketingexperten und Forscher in ihren eigenen Experimenten Vorurteile setzen.

Wie wird das im Marketing angewendet?

Marketing (und in diesem Zusammenhang digitales Marketing) erfordert Forschung und Experimente, um höheren Umsatz zu erreichen und die Conversions zu steigern.

Als Marketer entwickeln wir Annahmen und Hypothesen, die auf unserem Wissen und unseren vergangenen Erfahrungen basieren.

Viele Marketingfachleute wissen jedoch nicht, dass ihre eigenen Annahmen ihre Experimente verzerren oder verfälschen können. Wir versuchen oft einen bestimmten Punkt zu beweisen und beeinflussen unsere Tests dabei.

Auf diese Weise führen Marketer oft inhärent voreingenommene Experimente durch: Sie versuchen sich selbst zu beweisen, dass sie richtig liegen, anstatt ein tatsächliches Experiment durchzuführen.

Hier kommt A/B Testing ins Spiel.

Durch die korrekte Verwendung von A/B-Tests können Markter statistisch relevante Experimente mit beliebigen Stichproben und fairer Zuordnung durchfĂĽhren. Einfach ausgedrĂĽckt: A/B-Tests können ein leistungsfähiges Mittel sein, um die Observer-Expectancy zu Ihrem Vorteil zu nutzen. Sie können Ihre Annahmen statistisch ĂĽberprĂĽfen und Ihren Umsatz drastisch steigern – oder sich als falsch herausstellen und mit Ihrer nächsten Annahme fortfahren.

Ein A/B testing Beispiel

Quelle: How Long Should Your A/B Tests Last?

Schauen Sie sich die Grafik oben an.

Zunächst könnte man denken, dass die Variation (=die blaue Linie) die Kontrollversion (=grüne Linie) übertroffen hätte. Im Laufe der Zeit stellte sich jedoch heraus, dass die Variation und die Kontrollversion tatsächlich die gleiche Leistung zeigten. Ohne diesen 18-tägigen A/B-Test hätte ein Marketer die ersten Ergebnisse leicht für einen eindrucksvollen Anstieg der Conversions halten können, obwohl der Test ihn langfristig als falsch erwiesen hat.

Das war’s fĂĽr unsere erste EinfĂĽhrung in kognitive Verzerrungen im Marketing.

Hat Ihnen dieser Artikel gefallen? Dann teilen Sie ihn gerne mit Anderen!

Blogartikel

1min. Lesezeit

„Above the Fold“ vs. „Below the Fold“: Zählt das heute immer noch?

„Above the fold“ bleibt ein wichtiger Bestandteil im Design von Webseiten, auch wenn dieser Begriff mit jedem Jahr komplexer wird. Webseiten, die ihren Benutzern eine gute Experience bieten wollen, sollten dieses Konzept immer noch verstehen und berĂĽcksichtigen, auch wenn es nicht mehr als so entscheidend gilt, wie es einmal war.

Was ist „above the fold“?

Das Konzept „above the fold“ reicht Jahrhunderte zurĂĽck bis hin zu den Anfängen der Druckerei. Zeitungen wurden gefaltet, sobald sie im Zeitungskiosk ankamen, da sie auf groĂźen Blättern gedruckt wurden. Somit war nur die obere Hälfte der Zeitung fĂĽr Passanten direkt zu sehen.

Die Zeitungsindustrie verstand schnell, dass sie Schlagzeilen, Inhalte und Bilder auf der oberen Hälfte der Titelseite präsentieren mussten, um Aufmerksamkeit zu erregen. Dieses Grundprinzip gilt auch für digitale Inhalte.

Webseiten haben natĂĽrlich keinen fĂĽhlbaren Knick wie Zeitungen, der „fold“ bezieht sich hier auf die Scrollbarkeit.

Alles was nicht unmittelbar sichtbar ist und scrolling benötig, wird als „below the fold“ gesehen. Leider ist die digitale Version von „above the fold“ nicht ganz so einfach zu definieren wie die gedruckte Version.

Dimensionen

Für eine Webseite sollte demnächst über deren Dimensionen und wie diese auf den Leser wirken nachgedacht werden. Nicht alle Screens sind gleich. Zusätzlich wird jede Seite durch die weite Verbreitung von Tablets und Smartphones in sehr verschiedenen Ausführungen angezeigt. Weitere Themen sind hier Bildschirmauflösungen und Browser Plug-Ins.

Die Dimensionen von Smartphones sollten hierbei besonders berĂĽcksichtigt und durchdacht werden, vor allem da deren Nutzung seit 2016 die von Desktops ĂĽbertrifft. Smartphones, genauso wie ihre Screens, werden in verschiedensten Formen und Größen produziert; im Gegensatz zur einheitlichen Zeitung ist der „fold“ hier ein sehr viel schlechter definierbares Konzept.

Online Tools zur Definition von „above the fold“ Platzierung

Es gibt viele kostenlose Online-Tools die Sie benutzen können, um Ihre Webseite visuell zu testen und einzelne Aspekte an verschiedenen Stellen bezogen auf den „fold“ zu platzieren. Sie sind sehr hilfreich um eine greifbare Idee des Layouts zu erhalten, zeigen aber nur eine oberflächliche Präsentation der Webseite und keine ausfĂĽhrliche Analyse. Daher wird empfohlen, eine vollständige Websiteoptimierung durchzufĂĽhren.

Best Practices

Auch wenn es keine festen Regeln fĂĽr „above the fold“-Platzierung gibt, können ein paar Best Practices als hilfreiche Guidelines dienen. Manche davon basieren auf gesundem Menschenverstand, wie zum Beispiel die Platzierung des interessantesten Inhaltes „above the fold“. Andere Empfehlungen beziehen sich auf die bereits genannten Dimensionen wie zum Beispiel die standardisierte 1.000 Pixel breite/ 600 Pixel hohe „fold“-Größe bei 1,024/768px Screens. Die meisten Bildschirmgrößen sind heute allerdings größer, daher ist eine entsprechende Anpassung Ihrer Webseite wichtig.

Man sollte auch im Hinterkopf behalten, dass Best Practices nicht in Stein gemeiĂźelt sind. Webseiten wurden lange wie die Titelseite einer Zeitung designt, was zu einer Art Schablone wurde und dazu gefĂĽhrt hat, dass die meisten Seiten gleich aussehen. Neuentwicklungen wie vertikales Scrolling (oder Klicken) bedeuten, dass das Konzept von „above the fold“ sprichwörtlich auf den Kopf gestellt wird und sich das Nutzererlebnis sehr viel natĂĽrlicher anfĂĽhlt.

Manche Webseiten haben das „above the fold“ Konzept komplett aufgegeben und Seiten designt, die ĂĽberhaupt keinen Inhalt unterhalb des „folds“ haben, und somit das Problem komplett gelöst. Diese „kompakten“ Designs sind ästhetisch fĂĽr das Auge und passen fĂĽr alle Bildschirmgrößen.

https://designmodo.com/scrolling-web-design/

Einer der größten Fehler von Webseiten ist, wenn sie einen „False Bottom“, also ein falsches Ende der Seite anzeigen. Dabei bietet eine Seite mehr Informationen, die durch Scrolling erreicht werden können; dass diese Informationen existieren ist fĂĽr den Besucher aber nicht sichtbar. Das ist der Worst Case. Ein „fold“ muss kein Hindernis sein, er sollte natĂĽrlich flieĂźen und den Besucher einnehmen.

Call To Actions „above“ oder „below the fold“?

Eine der Mythen im „above the fold“-Design ist die Best Practice, einen Call to Action (CTA) immer so zu platzieren, dass er sofort sichtbar ist. Dies ist, wie vieles rund um dieses Thema, eine Vereinfachung des Konzepts. Wo ein CTA platziert werden sollte hängt von mehreren Faktoren ab, entscheidend zum Beispiel von:

  • Ăśberzeugten Besuchern
  • Unsicheren Besuchern, die Ihr Produkt kennen – oder wenn die Proposition einfach ist
  • Unsicheren Besuchern, denen eine komplexe Proposition gezeigt wird

Ăśberzeugte Besucher sind diejenigen, die sehr wahrscheinlich auf den CTA reagieren, da sie schon vor dem Besuch der Webseite ihre Entscheidung zum groĂźen Teil bereits getroffen haben. Hier haben bekannte Marken Vorteile, ein ĂĽberzeugter Besucher braucht wenig Informationen ĂĽber ein Produkt oder einen Service. In diesen Fällen hat die Platzierung eines CTAs ĂĽber dem „fold“ eher praktische GrĂĽnde.

Im Fall von unsicheren Besuchern, die den CTA einfach verstehen oder etwas Vorwissen ĂĽber das Produkt oder den Service mitbringen, ist die Platzierung des CTAs ĂĽber dem „fold“ aus den oben bereits erwähnten GrĂĽnden im allgemeinen Best Practice, auch wenn die informativen Inhalte hier auch wichtig sind.

FĂĽr unsichere Besucher, die mit einer komplexen Proposition konfrontiert werden, wie einem Produkt oder Service, das fĂĽr sie nicht offensichtlich vorteilhaft ist, ist die Platzierung des CTAs ĂĽber dem „fold“ nicht ausreichend. Sie benötigen eine tiefergehende Erklärung, warum sie dem Call to Action folgen sollen. Hier kann die Positionierung zu Beginn aufdringlich wirken.

Einfach gesagt sollte der CTA dort platziert werden, wo der Besucher am ehesten ĂĽberredet werden kann, die gewĂĽnschte Aktion durchzufĂĽhren.

Platzierung von Werbung

Es sollte immer klar sein, dass der GroĂźteil der Aufmerksamkeit „above the fold“ gerichtet sein wird, egal wie taktisch Sie Ihre Webseite designen. Sollte man daher, um Werbeeinahmen zu erhöhen, diesen Bereich mit Werbung pflastern? Die Antwort ist nein. Google Algorithmen bestrafen dieses Verhalten schwer, Sie könnten damit das Ranking Ihrer Webseite stark beschädigen, wenn Sie nicht vorsichtig sind. Zusätzlich können Sie so wichtige Informationen nicht nur „below the fold“ schieben, sondern potentiell auch ĂĽber die Geduld des Besuchers hinaus.

Die Platzierung von Werbung ist eine komplexe Balance, welches Wissen ĂĽber Bounce Rates, sowie Analysen von Engagements und Nutzerverhalten erfordert. Diese Entscheidungen werden am besten getroffen, wenn man die richtigen Daten zur Hand hat.

Warum „above the fold“ wichtig ist

An diesem Punkt sollte klar geworden sein, dass das „above the fold“-Design wichtig und unverzichtbar, gleichzeitig aber auch komplex ist. Daher sollte man Ratschlägen, die von Absoluten sprechen, misstrauisch gegenĂĽber treten. Man kann sicherlich sagen, dass die heutigen Nutzergewohnheiten sich stark von denen aus der Anfangszeit des Internets unterscheiden. In den 1990ern lasen die meisten „Surfer“ selten unterhalb der „fold“, durch langsame Verbindungsgeschwindigkeiten und sich langsam aufbauenden Webseiten. Heutzutage benutzen User viel eher das Scroll-Rad ihrer Maus.

Dies fĂĽhrt glĂĽcklicherweise dazu, dass vollgestopften Seiten, bei denen die Informationen ĂĽber dem „fold“ gehäuft werden, aussterben. Heutzutage sind minimalistische, elegante Designs, die dem Besucher erlauben selber zu entdecken, was die Seite zu bieten hat, viel häufiger.

Eine kĂĽrzlich durchgefĂĽhrte Google-Studie hat gezeigt, dass Werbung, die „above the fold“ liegt, eine Sichtbarkeit von 73% erreicht, während die „below the fold“ nur 44% erreicht. Hier sollte allerdings berĂĽcksichtigt werden, dass Inhalt, der den Besucher abholt, diese LĂĽcke stark verkleinert, und Werbung hierfĂĽr ein Hindernis sein kann. Wie bei diesem Thema bereits ĂĽblich, sind Kontext und Balance die wichtigsten Faktoren, die es zu beachten gilt.

 

Blogartikel

min. Lesezeit

Wie die Erstellung von Personas helfen kann, Ihre Webseite zu personalisieren

Personas sind eines der wichtigsten Marketinginstrumente, die ein Unternehmen in der gegenwärtigen Zeit hat. Es ist umfassend genug, sodass es nicht diverse Ressourcen benötigt, wie sie für die Personalisierung erforderlich sind. Trotzdem ist es spezifisch genug, um Designteams zu informieren und die Aufmerksamkeit und Loyalität der Kunden zu gewinnen. Es benötigt kreatives Denken, konkrete Daten und ein tiefes Verständnis von Kundenmerkmalen, Anforderungen und Erwartungen.

Was ist eine Persona

Eine Buyer-Persona ist eine umfangreiche, fiktive Figur, die ein Unternehmen aus Daten erstellt und die sich auf die Bedürfnisse, Wünsche, Merkmale und Ziele seiner Kunden beziehen. Obwohl eine Persona keine echte Person ist, basiert sie auf realen Eigenschaften der Kundenbasis eines Unternehmens und kann abhängig von der durchgeführten Untersuchung auch potenzielle Kunden umfassen.

Personas schränken im Wesentlichen die Parameter ein und verstärken den Fokus der Geschäftspraktiken auf die spezifischen sowie umfassenden Bedürfnisse ihrer Kunden. Dies geschieht, indem Hauptgruppen gebildet werden, die die Hauptnutzer einer Webseite und deren Bedürfnisse repräsentieren.

Persona vs. Kognitive Stile

Es besteht eine gewisse Verwirrung zwischen der Definition eines kognitiven Stils und der einer Persona. Dies wird weiter verwirrt durch die Tatsache, dass nur wenige Definitionen des kognitiven Stils miteinander vereinbar sind und dass zwischen diesem Konzept und dem von Personas einige Ăśberschneidungen bestehen.

Wie zuvor beschrieben, sind Personas umfangreiche, fiktive Figuren, die helfen, die Parameter für verschiedene Aspekte eines Unternehmens und dessen Zielgruppe oder Kundenbasis zu definieren. Kognitive Stile hingegen sind Denkstile, ein Persönlichkeitsmerkmal, wenn man so will, das beschreibt, wie eine Person bestimmte Informationen wahrnimmt. Als solches ist es deutlich komplexer und individueller. Im Gegensatz zu Personas sind kognitive Stile fest verdrahtet und daher unveränderlich. In der Praxis hat eine Person wenig mit kognitiven Stilen zu tun, jedoch können kognitive Stile die Erstellung einer Persona, neben anderen Daten, beeinflussen.

Vorteile durch das Erstellen von Personas

Personas zu erstellen hat viele Vorteile, wenn das richtige Forschungsniveau durchgefĂĽhrt wurde.
In gewisser Weise sind Buyer-Personas eine Methode der Vereinfachung.

Wenn ein Unternehmen einmal die umfangreichen Bedürfnisse und Erwartungen seiner Kunden verstanden hat, kann es dementsprechend handeln. Durch diese Einschränkung der Parameter kann die Aufmerksamkeit auf relevante Bereiche mit spezifischen Ideen gerichtet werden.

Beispielsweise kann das Design einer Webseite von Wireframe bis zum Farbschema mit den richtigen Daten verfeinert werden, um das gesamte Designteam darüber zu informieren, was erforderlich ist. Währenddessen können neue Ideen unter Berücksichtigung der Kundenbedürfnisse verfolgt werden, anstatt Ideen zu implementieren, die auf Vermutungen und einem reinen Bauchgefühl basieren.

Arten von Personas

Buyer-Personas werden normalerweise in verschiedene Arten unterteilt und hängen stark von den Zielen des Unternehmens ab, das sie erstellt. Es gibt einige Überschneidungen bei Personas, jedoch gibt es vier am häufigsten definierte Personas:

  • Goal Personas
  • Role Personas
  • Engaging Personas
  • Fictional Personas

Goal Personas

Eine der einfachsten, jedoch wichtigsten Personas, ist die zielorientierte Persona. Diese sagt ĂĽberwiegend vorher, was der Kunde in einem Produkt oder einer Dienstleistung sucht. Die zielorientierte Persona wurde zu einem bestimmten Grad bereits auf Grundlage von Daten definiert. Die Persona selbst (die Art der Persona, die von der Gruppe definiert wurde), das Szenario (welches im Wesentlichen die Erzählung der Interaktion beschreibt – wo, wie und warum) und das Ziel selbst, das die Motivation und BedĂĽrfnisse der Persona darstellt.

Role Personas

Die Persona, die von den vier Rollen am stärksten von Daten abhängt, ist die Rollen Persona. Es gibt einige Überschneidungen mit der Ziel Persona, da sie sehr verhaltensorientiert ist, jedoch aus einer anderen Perspektive betrachtet. In gewisser Hinsicht ist die rollenbasierte Persona eine empathischere Sichtweise, wenn sie die Rolle des Nutzers betrachtet und nicht dessen Wünsche und Probleme, mit denen er konfrontiert wird. Was benötigt zum Beispiel die Rolle der Persona? Wie genau wird das Produkt genutzt und in welcher Umgebung? Was sind die Belastungen und die Anforderung der Personarolle im Geschäftsalltag? Diese Persona benötigt sowohl qualitative als auch quantitative Daten und muss daher sehr spezifisch sein. In diesem Sinne kann es sich auch auf die Personalisierung auswirken. Mehr dazu später.

Engaging Personas

Eine der Gefahren beim Erstellen von Personas ist die Tendenz, diese in einen Stereotyp zu verwandeln. Ein Stereotyp ist die Verwendung von Annahmen, um Personen oder sogar Gruppen basierend auf vorherigen Ideen und nicht auf Daten, in gewisse Cluster zu stecken. Genau das Gegenteil von dem, was Personas sind. Anspruchsvolle Personas stellen grob gesagt, einen Mix aus der rollen- und zielbasierten Persona dar und werden von den Designer dazu genutzt, die Persona zu vervollständigen, um einen runden Charakter zu bilden. Die einnehmende Persona ist die einfühlsamste der Personas. Sie wird durch die Beschreibung der Gefühle und Hintergründe erstellt, während Geschichten geschaffen werden, die den Designern helfen, Ideen zu formulieren, die die Kunden auf einer tieferen Ebene ansprechen.

Fictional Personas

Zwar sind alle Personas in dem Sinne fiktiv, dass sie Charaktere sind, die erstellt wurden, um Hauptgruppen zu repräsentieren, sie basieren jedoch auf konkreten Daten. Fiktive Personas hingegen werden anhand des UX-Designs erstellt und basieren auf ihren Erfahrungen mit Kunden. Von fiktiven Personas wird grundsätzlich angenommen, dass sie auf einer fundamentalen Ebene fehlerhaft sind, da bei ihrer Erstellung diverse Annahmen mit einbezogen werden. Allerdings kann durch die Einbeziehung des Designteams in den Entscheidungsprozess eine gewisse Weisheit erreicht werden, sodass diese wahrscheinlich nicht in den Daten auftauchen.

Wie werden Personas erstellt?

Es ist eine Sache zu verstehen, wie Personas funktionieren, jedoch eine völlig Andere zu verstehen, wie Personas erstellt werden. Wie bei allem, was zu Beginn komplex erscheint, ist es wichtig, das Ganze Schritt für Schritt anzugehen.

Wo fängt man an?

Kunden-Personas sollten ganz zu Beginn eines Projektes erstellt werden. Dies erfordert etwas Planung, aber wie bei der vielfach verwendeten Analogie eines Hausbaus, sollte als erstes das Fundament gebaut werden, nicht das Dach.

Wie es generell zu Beginn bei der Planung eines Projektes ist, ist die Definition der Ziele wichtig. Dadurch wird wiederum definiert, welche Art und wie viele Personas benötigt werden. Jedes Projekt ist einzigartig, aber die eine feste Regel in Bezug auf Personas ist die Einbeziehung der Hauptgruppen für die Internetseite. Außerdem sollte bedacht werden, dass Personas keine wirklichen Individuen sind, sondern fiktiv erstellte Individuen, die diese Hauptgruppen repräsentieren.

Von hier an dreht sich alles um Forschung. Finden Sie heraus:

  • Wie verhalten sich Ihre Kunden?
  • Wer sind diese?
  • Warum nutzen sie Ihre Webseite?
  • Was sind ihre Erwartungen?

Woraus besteht eine Kunden-Persona?

Jede Kunden-Persona besteht aus verschiedenen Eigenschaften, die bis zu einem gewissen Grad von dem Unternehmen, den Zielen des Projekts und dem Zweck der Webseite abhängen. Es gibt jedoch einige bewährte Elemente, die beim Erstellen von Personas allgegenwärtig bleiben.

Als erstes gibt es die Persona Gruppe, die die Arbeitsrolle enthalten kann, wie zuvor beschrieben. Dazu gehören Verantwortlichkeiten und Probleme, mit denen eine Person möglicherweise im Alltag konfrontiert wird. Ein weiterer wichtiger Faktor wird die Demographie sein. Diese beinhaltet das Alter, Nationalität, Geschlecht, Identität und den Familienstand. Ziele sind eine wichtige Säule bei der Erstellung von Personas, da sie die zuvor genannten inhärenten und statusbasierten Merkmale verfeinern und weiter personalisieren, sodass Sie eine genauere Persona erstellen können. Zuletzt kann auch die Umwelt ein großer Faktor sein, insbesondere wenn die Dienstleistung international ist.

Best Practices für das Erstellen von Käufer Personas

Auch wenn jedes Projekt unterschiedlich sein mag, gibt es einige Anwendungstipps, die für fast jedes Projekt relevant sind. Zunächst einmal, Personas sind fiktiv. Diese jedoch so real wie möglich und dadurch so verständlich wie möglich zu gestalten, bedeutet, dass sie dem Designteam dabei helfen werden, sich bei der Entwicklung der Webseite an der Persona zu orientieren, für die sie die Website erstellen.

In der Regel ist es am besten, drei bis fünf Personas (manchmal bis zu sieben) pro Projekt zu erstellen, da diese Anzahl das Spektrum an Eigenschaften enthält, das erforderlich ist, um tatsächliche und potenzielle Kunden zu repräsentieren.

Einer der häufigsten Fehler bei der Erstellung von Personas besteht darin, in die Stereotypisierung überzugehen. Das ist zu einem gewissen Grad auch nachvollziehbar, da versucht wird, eher mit allgemeinen als mit individuellen Merkmalen zu arbeiten. Wie zuvor bereits erwähnt sind Stereotype Annahmen, die gedankenlos sind und auf Tendenzen beruhen, sowohl implizit als auch explizit. Generalisierungen sind jedoch nicht explizit Stereotype und werden bei Personas durch konkrete Daten gebildet.

Beispiele

Jede Persona sollte einen Namen erhalten, der zu ihr passt. Sie können auch ein typisches Profilbild hinzufügen, das die Persona im weitesten Sinne darstellt.

Die Persona sollte vollständig und glaubwürdig sein, das bedeutet jedoch nicht, dass sie komplexe psychologische Profile entwickeln müssen. Personas reichen von ziemlich umfangreich bis sehr detailliert, sollten jedoch niemals über das Verständnis Ihres Teams oder das Verständnis Ihrer Kunden hinausgehen. Vermeiden Sie es daher, zu persönlich zu werden.

User persona

Achten Sie auf die Verwendung des Profilbildes, um ein GefĂĽhl fĂĽr den Charakter zu erzeugen.

 

Buyer persona example

Der detaillierte Abschnitt über das Kaufverhalten unterstützt E-Commerce-Experten bei der Erstellung präziser, sowie detaillierterer Informationen, um auf einer tieferen Ebene zu informieren.

 

Buyer persona example for retail

Personas können einem Unternehmen helfen, sich auf Gruppen zu beziehen, die nicht unbedingt ihre eigenen sind. Auf diese Weise kann ein Unternehmen über Millennial Kunden informiert werden, unabhängig davon, ob sie zu derselben Generation gehören oder nicht.

Wie verwende ich Personas

Nachdem Sie Käufer Personas erstellt haben ist der nächste Schritt, diese zu implementieren. Dies beinhaltet die Vermeidung einiger Fallstricke, die das gesamte Projekt entgleisen oder zumindest die Bemühungen zu einer Zeit- und Ressourcenverschwendung machen können.

Die erste Hürde tritt häufig auf, bevor das Projekt in Gang gesetzt wurde. Für einige gibt es ein inhärentes Misstrauen gegenüber Personas, in der Regel von Stakeholdern oder dem Management, die der Meinung sind, dass Menschen nicht durch die breiten Grundzüge definiert werden können, die zur Erstellung von Personas gehören. Dies ist an sich ein Missverständnis: Personas sollen nicht wie bei Personalisierungstechniken als Individuen erscheinen, sondern sind hilfreiche Parameter, auf die sich Ideen fokussieren können. Eine Möglichkeit, um dies vermeiden, ist die Darstellung der riesigen Datenmenge, die in die Erstellung der einzelnen Persona und in die Denkprozesse, aus denen sie entstehen, einfließt.

Fundamentale Missverständnisse darüber, was eine Persona ist und wie sie implementiert werden sollte, ist für das UX-Designteam besonders giftig. Eine der schlimmsten Fehler bei der Implementierung von Personas ist der Versuch, eine zuvor erfolgreiche Persona für ein neues Projekt zu verwenden. Dies ist genauso als würde man versuchen, einen quadratischen Stift in ein rundes Loch zu stecken, es funktioniert einfach nicht. Personas mögen umfangreich und repräsentativ sein, aber sie sind auch einzigartig.

Personas in der Web-Personalisierung

Wie bereits erwähnt, sind Personas keine Personalisierung. Obwohl es einige Überschneidungen gibt und ihre Ziele ähnlich sind, wird bei genauerer Betrachtung jedoch klar, dass die beiden gegensätzlich sind. Allerdings können Personas ein äußerst hilfreicher erster Schritt zum Verständnis der komplexen Welt der Personalisierung sein und, was noch wichtiger ist, ein erster Schritt in diese Richtung.

Wie können Personas für die Personalisierung genutzt werden?

Da es sich bei der Personalisierung um ein mehrstufiges Konzept handelt, ist zu Starten oft ein produktiver Ansatz auf dem Weg zur vollständigen Implementierung. Personas sind eine tolle Möglichkeit dafür, da sie die Vorgehensweise spezifizieren, ohne auf die komplexen Details der Personalisierung einzugehen, wie beispielsweise sehr kleine Daten, Datenschutzbestimmungen und Content.

An dieser Stelle wäre es wohl hilfreich, die Unterschiede zwischen Personas und Segmentierung festzustellen. Die Personalisierung der Zielgruppensegmentierung ist ein weiterer Schritt auf dem Weg zur Personalisierung. Es ist spezifischer als eine Person und dadurch komplexer und detailgetreuer bei der Verwendung von Daten. Beispielsweise kann eine Persona verschiedene Eigenschaften und Bedürfnisse einer Gruppe beschreiben (möchte Informationen über vegane Lebensmittelprodukte) während die Segmentierung diese Gruppe weiter unterteilt (möchte Informationen über biologische oder glutenfreie vegane Produkte).

Der Lebenszyklus einer Persona

Buyer Personas sind nicht das Gerüst des Hauses, sie sind die Dekoration, und als solche müssen sie sich mit der Zeit ändern. Viele Dinge können den Lebenszyklus einer Persona beeinflussen. Änderungen in Technologie, Mode, Wirtschaft und Demografie können Änderungen der Persona Profile erforderlich machen. Daher ist es wichtig, stets auf dem Laufenden über jegliche Änderungen zu sein, die erforderlich werden könnten.

Das persona-basierte Konzept der Mass Customization

Die „Mass Customization“ hat in den letzten Jahren enorm zugenommen und bietet Kunden die Möglichkeit, Produkte an ihre BedĂĽrfnisse und ihren Geschmack anzupassen, und ist besonders im Modeeinzelhandel beliebt. Es wächst jedoch als Konzept, da immer mehr Menschen nach Personalisierung suchen, als Ausdruck von Individualität.

Personas sind eines der wichtigsten Instrumente, um Mass Customization Plattformen zu erstellen, da sie spezifisch genug sind, um zu informieren und gleichzeitig umfassend genug, um ein Gefühl der Individualität zu bewahren. Personas können erstellt werden, um die Parameter einer Mass Customization Plattform einzugrenzen, damit diese für den Hersteller handhabbar sind, während sie gleichzeitig die Auswahl bieten, die sich die Kunden im Jahr 2018 wünschen.

Blogartikel

8min. Lesezeit

Umsatz pro Besucher: Definition, Formel & Best Practice

Umsatz pro Besucher (Revenue per Visitor = RPV) ist ein extrem effektiver Weg zu messen, wie Ihre Online-Umsätze performen. Unter den zahlreichen Business-Metriken ist er einer der umfassendsten, da eine große Zahl von Blindspots abgedeckt werden, die in vielen anderen Daten-Metriken stecken.

Was bedeutet Umsatz pro Besucher?

Umsatz pro Besucher ist eine Möglichkeit, die durchschnittlichen Einnahmen pro Besucher Ihrer Webseite genau zu bewerten.

Die Berechnung erfolgt in dem die gesamten Einnahmen durch die Anzahl der Besucher in einer bestimmten Zeitspanne geteilt wird. Wenn zum Beispiel Ihre Einnahmen von Januar bis März 20.000€ betragen und sie in dieser Zeit 5.000 Besucher angelockt haben, wäre der RPV 4€. Der RPV funktioniert anders als die Conversionrate (CVR), auch wenn es eine ähnliche Metrik ist, die teilweise dieselben Daten benutzt. Wir werden sehen, dass die CVR nicht so genau ist wie der RPV, und dadurch ein Business in eine Sackgasse führen und sowohl Website-Design als auch Marketingkampagnen beeinflussen kann.

Warum werden Unique Visitors benutzt?

In der Kalkulation des Umsatzes pro Besucher wird nicht die Gesamtzahl der Besucher auf Ihrer Webseite verwendet. Stattdessen werden nur Unique Visitors gezählt, wobei jedes Individuum als ein einzelner Besucher zählt. Anders gesagt werden Besucher gezählt, nicht Besuche. Der Grund liegt darin, dass fast alle Besucher, die zum ersten Mal auf eine Seite kommen, nämlich mehr als 99%, keinen Kauf tätigen werden. Typischerweise vergleichen Nutzer zunächst die Preise und Angebote auf einer anderen Seite oder wollen über ihre Kaufentscheidung noch einmal nachdenken, vor allem wenn diese teuer ist.

Dies kann Ergebnisse stark verdrehen und zu falsch-negative Daten über den pro Besucher erzielten Umsatz führen. Auf der anderen Seite kann es sein, dass Sie durch wiederkehrende Besucher viele Einnahmen generieren, diesen Trend dokumentieren wollen und daher alle Besucher benutzen. Dies hängt auch davon ab, welches Produkt Sie verkaufen und ob Sie sowohl individuelle Gewohnheiten als auch den Umsatz tracken wollen.

Warum sollte ich Umsatz pro Besucher benutzen?

Der RPV ist für diejenigen, die Online-Verkäufe messen wollen, als Metrik sehr viel genauer und aufschlussreicher als die Conversionrate (CVR).

Tatsächlich haben viele Metriken, die im E-Commerce benutzt werden, große Blindspots die zu falschen Entscheidungen durch akkurate, aber unvollständige Daten führen können.

Einfach gesagt trackt die Conversionrate die Prozentzahl der Besucher Ihrer Webseite, die einen Kauf tätigen. Wenn das Produkt oder die Produkte, die Sie verkaufen, den gleichen Preis haben, würde dies ein ganzheitliches Bild über die Performance Ihres Unternehmens liefern. Die meisten E-Commerce Plattformen verkaufen jedoch Produkte von unterschiedlichem Wert. Eine Conversionrate von 3% für einen Fidget Spinner von 2€ zum Beispiel ist ziemlich schlecht; für ein Sofa mit einem Wert von 1000€ ist sie sehr erstrebenswert. Was Sie also brauchen ist eine Metrik, die den durchschnittlichen Bestellwert (Average Order Value = AOV) in Betracht zieht.

Der durchschnittliche Bestellwert ist die durchschnittliche Einnahme, die pro Besucher gemacht wurden. Der bereits erwähnte Fidget Spinner hat einen AOV von nur 6 Cent, das Sofa jedoch einen von 30€. Warum wird also nicht diese Metrik benutzt, um zu berechnen, wie viel ein Unternehmen pro Besucher verdient? Nur weil die Conversionrate einen eingebauten Blindspot hat, heißt das nicht, dass sie eine Metrik ohne Wert ist. Woher wollen Sie wissen, ob Ihre Webseite ihr Potential voll ausschöpft, wenn Sie nur den AOV beachten? Zusätzlich beeinflusst eine niedrige Conversionrate direkt das Ranking Ihrer Webseite. Je tiefer das Ranking desto weniger wahrscheinlich ist es, dass Kunden Sie finden werden. Die Antwort hierauf? Man kombiniere beide Metriken. So entstand der RPV.

Wie man den Umsatz pro Besucher verbessert

Es gibt viele Methoden und Ideen, die dabei helfen, den durchschnittlichen Umsatz pro Besucher zu verbessern; jedoch passt nicht jeder dieser Tipps automatisch zu jeder Situation. Tatsächlich ist ein niedriger RPV nicht immer ein Zeichen für eine schlecht performende Seite. Viel Traffic, der niedrigere Verkäufe und somit einen niedrigen RPV generiert zum Beispiel, kann zu mehr Verkäufen über längere Zeit führen. Daher ist es oft Good Practice, jede Metrik proportional zu anderen Daten zu sehen.

Trotzdem besteht wenig Zweifel an der Stärke und den Erkenntnissen, die der Umsatz pro Besucher bietet. Dazu gehören:

  • Upsells
  • Empfehlungen
  • Bonus-Programme
  • Warenkorberinnerungen
  • Live Chat
  • Optimierung

Upselling

Upsells sind eine Methode, bei der Upgrades oder zusätzliche Produkte zusätzlich zum ursprünglichen Kauf vorgeschlagen werden, und ist seit Anbeginn von Handlungsbeziehungen eine bewährte Methode im Verkauf. Ein Verkäufer im Bereich Technik würde zum Beispiel vorschlagen, 50€ zusätzlich für einen schnelleren Prozessor auszugeben, wodurch eine rasche Überalterung des Laptops in der nahen Zukunft vermieden werden könnte. Oder vielleicht beinhaltet das nächst-höhere Modell, dass nur 70€ mehr kostet, ein kostenloses Upgrade zum neusten Betriebssystem.

Upsells sind ein Balance-Akt, bei dem es wichtig ist dem Kunden das Gefühl zu geben, dass sie etwas Wertvolles erhalten oder es vielleicht dumm wäre, nicht ein wenig mehr auszugeben. Laut einer Studie von Predictive Intent erhöhen Upsells im E-Commerce Business Verkäufe um mehr als 4% und ist 20-mal so effektiv wie nicht passende Empfehlungen.

Empfehlungen

Trotz unserer vorherigen Aussagen sind Empfehlungen ein sehr effektiver Weg um den Umsatz zu erhöhen. Es gibt wenig Zweifel, dass das einfache Suggerieren von anderen Artikeln den Wert des gesamten Warenkorbs erhöht. In welchem Umfang hängt von der Effektivität des Recommendation-Engines ab. Dies kann ein Knackpunkt für kleine Unternehmen mit wenig oder keinen Daten über ihre Kunden sein, denn je mehr Informationen Sie haben, desto besser funktionieren Empfehlungen; ein bisschen gesunder Menschenverstand kann hier allerdings schon Wunder wirken.

Passende Empfehlungen, die zum aktuellen Kauf passen führen zum Beispiel eher zu höheren Gesamtkaufpreisen. Wenn jemand einen Laptop kauft wird das Vorschlagen einer kabellosen Maus oder eines externen Laufwerks wahrscheinlich bessere Ergebnisse erzielen als Stereozubehör.

Bonusprogramme

Es ist schwierig genug, Kunden zu finden; wenn Sie ihre Aufmerksamkeit endlich haben ist es wesentlich eine gute Kauferfahrung und Anreize fĂĽr eine Wiederkehr zu bieten. Bonusprogramme sind dafĂĽr besonders geeignet.

Ähnlich wie Supermarkt Treuepunkte regen diese Systeme Kunden dazu an, auf eine E-Commerce Webseite zurück zu kehren anstatt zu Konkurrenz zu gehen, indem man eine Rückkehr lohnenswert macht. Treuepunkte sind dabei nur eine Methode um Loyalität zu fördern. Exklusive Angebote für wiederkehrende Besucher haben sich als sehr effektiv erwiesen, wenn sie richtig angewandt werden. Das kann besonders in der Weihnachtszeit nützlich sein, wenn Unternehmen am ehesten neue Kunden gewinnen können.

Warenkorberinnerungen

Der Umsatz pro Besucher kann durch diejenigen, die den Kauf mittendrin abbrechen stark verringert werden. Manche Schätzungen zu Warenkorbabbrüchen liegen bei fast 70%. Es gibt viele Gründe, warum dies passieren kann; einige, wie ein zu langer Checkout-Prozess, können durch ein Re-Design von Teilen der Webseite gelöst werden. Was auch immer der Grund ist, es ist möglich einige dieser Fehlschläge in Erfolge umzuwandeln.

Einfache Apps und Email-Kampagnen können diese leicht ablenkbaren User in Großkunden verwandeln; diese Lösungen sind außerdem sehr kosteneffektiv. Das Aufsetzen solcher Apps und Kampagnen ist in der Regel mit geringem Aufwand verbunden und kann zu loyalen Kunden führen, die regelmäßig kaufen.

Live Chat

Abhängig von der Größe eines Unternehmens kann ein Live-Chat Feature den Umsatz in überraschender Weise erhöhen. Zunächst haben Kunden mehr Vertrauen in Webseiten, die eine einfach zu bedienende Kundenservice-Plattform bieten; ein Live-Chat ist hier die praktischste online Ressource.

Weiterhin suchen Kunden nach Absicherung oder mehr Informationen über ein Produkt, vor allem bei größeren Anschaffungen. Diese Absicherung macht es nicht nur wahrscheinlicher, dass ein Verkauf stattfindet, sondern auch, dass Rücksendungen und unbefriedigende Erfahrungen stark reduziert werden.

Außerdem können Sie durch Upsells oder besondere Angebote, die dem Kunden persönlich angeboten werden, zusätzliche Umsätze generieren. Vergessen Sie nicht, auch Ihre Chat-Lösung A/B zu testen. Die Ergebnisse werden Sie überraschen!

Optimierung

Conversion Optimierung ist der Schlüssel zu Best Pratices im E-Commerce und der genauste und datenorientierteste Aspekt für das Verständnis einer gut performenden Webseite. Hierzu gehören zum Beispiel Heatmaps, anhand derer Unternehmen sehen können, mit welchem Teil des Seiteninhalts am meisten interagiert wird oder das Testen von verschiedenen Versionen einer Webseite um festzustellen, welches Setup am Besten funktioniert. Das versteht man unter A/B-Testing.

Optimierung stellt Daten, die über simple Metriken hinausgehen und erlaubt es einem Unternehmen, die Daten auf einem höheren Level zu analysieren und einen Kontext für anderweitig kalte, zusammenhanglose Zahlen zu bieten.

Umsätze im Jahresvergleich kalkulieren

Der Umsatz einer Webseite über ein Jahr ist vergleichsweise einfach zu errechnen. Der Umsatz von Unternehmen A im Jahr 2014 war zum Beispiel 200€ und 2015 250€. Einfach 200€ von 250€ abziehen, übrig bleiben 50€. Danach wird der Gesamtgewinn durch die Ursprungszahl von 2014 geteilt (50 geteilt durch 200), was 0,25 ergibt. Zum Schluss muss diese Zahl mit 100 multipliziert werden, was Ihnen ein Wachstum von 25% gibt.

Für Jahresübergreifende Kalkulationen müssen Sie Excel verwenden, da diese Berechnung, wie Sie sich vorstellen können, nicht ganz so simpel ist. Diese Methode funktioniert für alle Wachstumsberechnungen von mehr als einem Jahr

Jahr Einnahmen
2014 200€
2015 250€
2016  350€

Um das Gesamtwachstum von 2014 bis 2016 zu berechnen, benutzen Sie einfach die oben genannte Formel; allerdings benötigt eine jahresübergreifende Berechnung drei Schritte. Benutzen Sie zunächst die Endjahreszahlen von 2016 und teilen Sie diese dann durch die jährlichen Zahlen von 2014 (350 geteilt durch 200 = 1,75)

Blogartikel

9min. Lesezeit

Wie eine Customer Journey Map die User Experience verbessert

Eine Customer Journey Map ist eine visuelle Darstellung der Interaktion eines Kunden mit einem Unternehmen oder einer Website. Sie wird verwendet, um zu definieren, welche Teile dieses Prozesses nicht reibungslos funktionieren, um so das Erlebnis für den Kunden zu verbessern. Bei richtiger Anwendung kann es zu Kundenbindung, positiver Mundpropaganda und einem effizienteren Geschäftsmodell führen.

Customer Journey Definition

Der Begriff Customer Journey bezeichnet die Reise eines (potenziellen) Kunden über verschiedene Kontaktpunkte, d.h. vom ersten Kontakt bis zum Kauf eines Produktes oder einer vergleichbaren, vorab definierten Handlung wie z.B. eine Anfrage, Registrierung oder Bestellung. Dabei werden alle Touchpoints (Berührungspunkte) des Kunden mit der Marke, dem Produkt oder der Dienstleistung, die er bis zur Conversion hatte, berücksichtigt. Zur besseren Übersicht kann die Customer Journey in Form einer Customer Journey Map visualisiert werden.

Was ist eine Customer Journey Map?

Die Customer Journey Map ist ein (meist) visuelles Werkzeug, das Unternehmen hilft, zu verstehen, was ein Kunde durchlebt, wenn er ein Produkt oder eine Dienstleistung von ihnen kauft. Es beschreibt in klaren, prägnanten und visuellen Begriffen die Reise, die jeder Kunde wahrscheinlich durch Käuferpersönlichkeiten und Benutzerdaten erleben wird.

Käuferpersönlichkeiten bilden das Herzstück einer Customer Journey Map und sind umfassende Darstellungen, die als fiktive Charaktere dargestellt werden und auf konkreten Daten und Kundenfeedback basieren. In der Regel erstellt jedes Projekt zwischen drei und sieben Käuferpersönlichkeiten, von denen jede ihre eigene Customer Journey Map benötigt.

Der Zweck der Customer Journey Map besteht darin, so klar wie möglich zu verstehen, was ein Kunde bei der Nutzung Ihrer Website oder Dienstleistung erwartet. Es wird Ihnen auch helfen, die Elemente zu verbessern, die nicht optimal funktionieren, nicht einfach zu navigieren sind und Ihnen zeigen, wie Sie das gesamte Kundenerlebnis verbessern können.

Jede Persona und damit auch die Customer Journey Map selbst sind nicht als perfekte Darstellung der tatsächlichen Interaktionen gedacht. Vielmehr handelt es sich um Mapping der Erfahrung aus der Perspektive jeder Persona. Es ist jedoch zu beachten, dass komplexere Informationen auf der Map möglicherweise auch Text erfordern.

Die Map selbst hebt „Touchpoints“ hervor, die spezifische Phasen der Interaktion des Kunden mit einem Unternehmen sind. Jeder dieser BerĂĽhrungspunkte – zum Beispiel die Suche nach einem Produkt, die Recherche eines Contents, der Kauf des Produkts, das Warten auf die Lieferung und die RĂĽckgabe bei Unzufriedenheit – kann aus Kundensicht als negativ, neutral oder positiv bewertet werden.

Customer Journey Maps erfordern verschiedene Forschungstechniken, die auf Daten, Kundenfeedback und kreatives Denken setzen. Daher sind keine Maps gleich und jede ist von vielen verschiedenen Faktoren abhängig, die nicht pauschal vereinfacht oder stereotypisiert werden können.

Customer Journey

Wem nutzt eine Customer Journey Map?

Es gibt viele GrĂĽnde, warum eine Costumer Journey Map fĂĽr ein Unternehmen nĂĽtzlich sein kann. Das Marketing ist heute stark auf den Einzelnen ausgerichtet, die Personalisierung gewinnt in fast allen Bereichen an Bedeutung.

Das bedeutet, dass die Kundenzufriedenheit für ein Unternehmen wichtiger denn je ist und an Loyalität in einem Ausmaß gebunden ist, das es bisher nicht gegeben hat. Die Kunden sind anspruchsvoller, wissen um ihre Möglichkeiten und sind bereit, sich zu informieren.

Durch die Zuordnung jedes der zuvor genannten Berührungspunkte kann eine gut gestaltetes Template für die Customer Journey Map alle Probleme aufzeigen, die Kunden im Prozess der Interaktion mit einem Unternehmen haben könnten. Sie kann auch dazu beitragen, eine Beziehung zu einer Organisation, einem Produkt, einer Dienstleistung oder einer Marke aufzubauen. Dies kann über mehrere Kanäle und über längere Phasen erfolgen.

Sobald eine Template für eine Customer Journey Map erstellt wurde, kann das gesamte Unternehmen den Kunden an der Spitze des Entscheidungsprozesses halten. Mit dem Fokus auf den Kunden und seine Benutzererfahrung (UX) können alle Schwachstellen und Hürden innerhalb der Berührungspunkte der Timeline ausgebügelt werden.

ZusammenfĂĽhrung aller Aspekte des Unternehmens

Ein weiterer Nutzen der Customer Journey Map ist die ZusammenfĂĽhrung aller Abteilungen eines Unternehmens mit Fokus auf das Kundenerlebnis. Zunächst einmal können alle Abteilungen beauftragt werden, jene Fragen zu definieren, mit denen Kunden konfrontiert werden, wenn sie mit ihnen zu tun haben. Das ist durchaus „nicht mal eben erledigt“, da viele Abteilungen möglicherweise nicht an den Umgang mit Kunden gewöhnt sind. Doch die Entscheidungen, die sie treffen, können einen signifikanten Einfluss auf die UX haben. Durch die Schaffung eines allgemeinen Verständnisses, wie sich jeder Touchpoint auf die UX im gesamten Unternehmen auswirkt, können Entscheidungen aus einer empathischeren Perspektive getroffen werden.

Traditionelles Marketing endet am Point of Purchase, aber das Kundenerlebnis hört nicht unbedingt dort auf. Ein Beispiel: vielleicht war der Kauf nicht zur vollen Zufriedenheit des Kunden und er möchte die Ware zurückgeben. Abteilungen, die nicht an Touchpoints vor dem Kauf beteiligt sind, spielen nun eine zentrale Rolle. Wie einfach ist es für den Kunden, die Rückgabeinformationen auf einer Website zu finden? Wenn sie Informationen über die Lieferung oder die Abholzeiten benötigen, wie hoch ist die Wahrscheinlichkeit, dass sie eine Antwort erhalten, die sie zufrieden stellt? Das erfordert Voraussicht und eine Richtlinie, die die Kundenzufriedenheit in den Mittelpunkt von Design und Organisation stellt.

So erstellen Sie eine Customer Journey Map

Templates für Customer Journeys erscheinen auf den ersten Blick komplex, aber es gibt einige bewährte Methoden, die den Prozess erheblich vereinfachen können.

Darunter:

  • Personas bilden
  • Definition von BerĂĽhrungspunkten
  • Ausrichtung der Ziele auf jeden BerĂĽhrungspunkt
  • Entscheiden wo diese Ziele liegen und wo sie nicht erreicht werden
  • Priorisierung von Ă„nderungen

Personas bilden

Personas zu bauen ist an sich eine Methode, auf die wir an dieser Stelle nicht näher eingehen werden, aber im Großen und Ganzen ist dies sicherlich der zeitaufwändigste Teil des Prozesses. Sie erfordert detaillierte Forschung, einschließlich qualitativer und quantitativer Daten, und ist die Grundlage für den gesamten Prozess. Eine Persona ist ein hochgradig relativer und abgerundeter fiktiver Charakter, verallgemeinert aber nicht stereotyp.

Definition von BerĂĽhrungspunkten

Alle Beispiele für die Darstellung von Customer Journeys sind einzigartig. Denn jeder Sektor, jede Branche, jedes Geschäftsfeld und jede Website ist bis zu einem gewissen Grad einzigartig. Daher ist es unwahrscheinlich, dass Berührungspunkte auf einer Map gleichermaßen für eine andere Map funktionieren. Tatsächlich muss jedes Unternehmen seine Käuferpersönlichkeiten und Kundenkarten anpassen, wenn sich sein Geschäft wandelt. Auch geringe Änderungen können tiefgreifende Auswirkungen auf die Vorlage für die Customer Journey Map haben.

Wie bereits beschrieben, sind Touchpoints Orte auf der Map, an denen der Kunde mit Ihrem Unternehmen oder Ihrer Website interagiert. Diese sollten sorgfältig überdacht werden und alle Aspekte des Unternehmens einbeziehen. Bei der UX kann es stets sein, dass Sie von dem Input scheinbar unbeteiligter Abteilungen überrascht werden.

Ausrichtung der Ziele auf jeden BerĂĽhrungspunkt

Je nach Art der Map wird dies oft als der schwierigste Teil des gesamten Prozesses angesehen. Die Definition basiert auf den zuvor beschriebenen Daten und muss auf die zuvor definierten Touchpoints abgebildet werden.

Der Hauptgrund für die Komplexität ist, dass die Kundenziele bei der Gestaltung von Websites weitgehend übersehen werden. Aufmerksamkeit erregende Elemente, Upselling und Website-Engagement werden über die Benutzerfreundlichkeit und Effizienz einer Website gestellt. Die richtige Balance zu finden, ist entscheidend für die Stärke einer Customer Journey.

Entscheiden wo diese Ziele liegen und wo sie nicht erreicht werden

Da Sie nun Ihre Daten, das Template für die Customer Journey Map, Touchpoints und Ziele haben, ist es an der Zeit, alles zusammenzufassen und genau zu definieren, wo die UX die Erwartungen erfüllt und wo die Dinge verbessert werden können. Es ist wichtig zu beachten, dass das Mapping von Stärken fast so wichtig ist wie die Definition von Schwachstellen. Einige Elemente der Customer Journey können auf andere Bereiche ausgedehnt werden.

Priorisierung von Änderungen

Sie werden nun sicherlich mehr als einen „toten Winkel“ in Ihrer Customer Journey festgestellt haben. An dieser Stelle ist es wichtig, zu priorisieren, auf welche BerĂĽhrungspunkte zuerst reagiert werden soll. Gelegentlich wird das ganz offensichtlich sein, z.B. sollte ein schwacher Check-Out-Prozess, bei dem Kunden ihre Warenkörbe mit einer höheren Rate als normal verlassen, priorisiert werden. Doch nicht alle Schwachstellen werden so einfach zu definieren oder priorisieren sein.

Eine der besten Möglichkeiten, um zu definieren, welche Teile einer Website geändert werden müssen, ist die Kosteneffizienz einer Seite. Das Optimieren der wichtigsten Aspekte der Website, basierend auf konkreten Daten, A/B-Tests und anderen Methoden, kann zu sofortigen Ergebnissen führen.

Best Practices

Jede Website ist anders, doch es gibt ein paar allgemeingültige Aussagen, die auf alle zutreffen. Bei den Customer Journeys geht es um Vereinfachung, und das Gleiche gilt für die Maps selbst. Der Sinn der visuellen Gestaltung einer Karte besteht darin, dass es leicht ist, Themen zu verstehen, die leicht hervorgehoben und umgesetzt werden können. Diese Karten sind keine komplexen Collagen, sie können sogar kaum mehr sein als farbcodierte, lineare Linien mit Punkten als Berührungspunkt. Wie auch immer Sie die Karte aufbauen, sie sollte leicht verständlich sein.

Customer Journey Map Beispiele

Die Vorlagen für Customer Journeys sind vielfältig, einige erscheinen wie Kunstwerke, andere sind ganz simpel, aber solange sie klar und prägnant sind, können sie in den verschiedensten Gestaltungsformen nützlich sein.

Customer Journey Map Beispiele

Diese Customer Journey Map fĂĽr die Wohltätigkeitsorganisation „The Samaritans“ konzentriert sich auf den Zweck der Wohltätigkeitsorganisation selbst.

Beachten Sie, dass der Text sehr visuell ist und es daher leicht macht, sich auf das Bild der Karte selbst zu beziehen.

Weiteres Beispiel customer journey

Dies ist ein Beispiel für eine Map, die den Eindruck einer Reise vermittelt und nicht einer linearen UX. Das verstärkt die Ansichtsweise, dass eine Customer Experience selten einfach als eine Reise von A nach B zu definieren ist.

Digital Experience

Blogartikel

11min. Lesezeit

15 kostenlose Bootstrap Landingpage Templates

2018: Landingpages sind überall! Es fällt schwer im Web auch nur einen Schritt zu tun, ohne auf einer auffälligen Webseite zu landen, die nach Ihrer Email-Adresse, einer Anmeldung oder Ihren Kontaktinformationen fragt.

Die Wahrheit ist: das Landingpage-Format funktioniert und bleibt einer der besten Wege, um qualifizierte Leads zu generieren.

Es ist allerdings nicht so einfach sich durch den Dschungel von Lösungen zu kämpfen, die anbieten, Landingpages einfach und schnell zu erstellen.

Zur Erinnerung, eine Landingpage ist eine Seite Ihrer Webseite, auf der Ihre Nutzer ‚landen‘ und die so designt wurde, dass sie fĂĽr einen bestimmten Zweck konvertiert: fĂĽr einen erfolgreichen Verkauf, um eine E-Mail Adresse zu erhalten, fĂĽr eine Registrierung, um ein Video anzuschauen, usw.
Landingpages sind zu einem wichtigen Tool zur schnellen Generierung von Verkäufen geworden, besonders zu einem Zeitpunkt an dem A/B-Testing essentiell ist, um seine Ideen und Konzepte schnell anhand der Besucherreaktionen zu testen.

Wir wollen Ihnen Zeit sparen und präsentieren hier eine Auswahl von 15 Bootstrap-Templates zur schnellen und einfachen Erstellung von Landingpages.

Als Bonus sind diese Bootstrap-Templates kostenlos.

Sollten Sie ein CMS verwenden, haben wir fĂĽr Sie auch eine Auswahl an WordPress Landingpage-Templates und andere Beispiele zum Landinpage-Design.

REGNA

One page bootstrap landing page template

Regna ist ein Bootstrap-basiertes Landinpage-Template, das klar und einfach anpassbar ist.
Als einfach nutzbare One-Page-Seite ist es ideal fĂĽr alle Arten von Agenturen und Business Services.
Wir mögen vor allem das vorgefertigte Menü, dass schnell an ihr Business angepasst werden kann.

Insgesamt ist die Präsentation klar und direkt, was vor allem für die Firmen perfekt ist, die eine leicht zugängliche Seite haben wollen, die die Präsentation von Services, Kunden, Team etc. direkt auf den Punkt bringt.

Das Browsing ist geschmeidig und komplett responsive auf allen Geräten.

Zur Vorschau von Regna

Zum Download von Regna

SAILOR

Corporate bootstrap landing page template

Sailor ist das perfekte Bootstrap-Template fĂĽr Firmenkunden Landingpages.

Das Design lässt sich einfach anpassen und hat viele Features wie zum Beispiel Transition-Animationen, voreingebaute Farbpaletten usw.

Dieses komplett responsive Template ist ideal um Ihre Firma, Ihr Kundenportfolio, Ihre Geschichte usw. vorzustellen.

To preview Sailor

To download Sailor

Bell

Quick start your bootstrap landing page template

Bell ist das ultimative rundum-sorglos Paket, damit Sie schnell Ihre neue Landingpage erstellen können.

Es ist einfach zu beherrschen, 100% Smartphone-freundlich und passt sich an fast alle Arten von Projekten (auĂźer E-Commerce) an, wie zum Beispiel Agenturen, Immobilien, Industrie, Bauwesen, Finance, Consulting, Haushaltsservice usw.

Das Design ist modern und elegant, und die Übergänge und Scroll-Animationen sind genau abgestimmt. Zusammengefasst ist es ein Must-Have!

Zur Vorschau von Bell

Zum Download von Bell

MediLab

Bootstrap landing page template for medical industry

MediLab ist ein Muss für Firmen des medizinischen Sektors, Kliniken und allen Bereichen, die mit Gesundheit und Medizin zusammenhängen.

Dieses einfach anpassbare Bootstrap-Template ist 100% responsive und enthält alle Funktionalitäten, die der medizinische Sektor braucht: Terminvergabe, Anzeige von Patienten-Testimonials, Kartenanzeige, Öffnungszeiten etc.

Zur Vorschau von MediLab

Zum Download von MediLab

Laura

Bootstrap landing page template for photographs

Laura ist ein Template, dass vor allem fĂĽr Photographen, Webdesigner, Startups und Firmen, die visuell durch Story-Telling auf ihrer Landingpage kommunizieren wollen, interessant ist.

Das Bootstrap-Template ist einfach zu erlernen, anpassbar und mobil-freundlich, egal auf welchem Gerät.

Wir mögen vor allem die (anpassbare) Farbauswahl und die geschmeidige Navigation, die es einfach macht, auf der Landingpage zu browsen und das Leistungsversprechen klar herüberzubringen.

Zur Vorschau von Laura

Zum Download Laura

Maundy

Coming soon bootstrap landing page template

Maundy ist ein Landingpage-Template das speziell fĂĽr „Coming Soon“-Seiten designt wurde.

Damit ist es perfekt für die Fälle, wo Sie an einem Produkt arbeiten (zum Beispiel einer Crowdfunding Kampagne), aber gleichzeitig immer noch eine Landingpage haben wollen, die E-Mail Adressen oder Registrierungen sammelt.

Das klare, einfache und elegante Template hat das perfekte Countdown-Feature um ein bevorstehendes Event oder die Veröffentlichung Ihres zukünftigen Services/Produktes anzukündigen.

Zur Vorschau von Maundy

Zum Download von Maundy

Bethany

Modern bootstrap landing page template

Bethany ist ein einfach zu bedienendes, modernes und minimalistisches Bootstrap-Template.

Es ist ideal fĂĽr Webdesigner, kreative Agenturen, und Berufszweige, die mit Gestaltung, Photographie oder Entwicklung zu tun haben.

Es ist 100% responsive und integriert interne Templates um Formen, Buttons oder eine maĂźgeschneiderte Navigation zu erstellen.

Zur Vorschau von Bethany

Zum Download von Bethany

Instant

Bootstrap landing page template for freelances

Instant ist das perfekte Bootstrap WordPress-Theme fĂĽr Freelancer.

Es enthält drei einfachen und eleganten Seiten, die es Ihnen ermöglichen, schnell eine Homepage, eine Kontakt- oder Informationsseite und eine Portfolioseite zu erstellen, um Ihre Erzeugnisse zu präsentieren.

Es ist einfach anpassbar und erlaubt es Freelancer eine Seite zu haben, die ihre Aktivitäten vorstellt.

Zur Vorschau von Instant

Zum Download von Instant

Stylish Portfolio

Bootstrap landing page template for portfolio

Stylish Portfolio ist ein ultra-modernes Template und designt, um Ihre Kreationen zu präsentieren.

Dieses geschmeidige und klare Landingpage-Template ist ideal fĂĽr Agenturen und Freelancer aller Arten (Web, Photographie, Design, usw.)

Es ist 100% responsive, hat ein durch jQuery verbessertes Scroll-Feature und sein Footer enthält ein Google Maps Modul das ideal ist, um Ihren Kunden Ihren Standort anzuzeigen.

Zur Vorschau von Stylish Portfolio

Zum Download von Stylish Portfolio

New Age

Bootstrap landing page template for mobile app

New Age ist das perfekte Bootstrap-Template fĂĽr alle Entwickler mobiler Apps.

Es ist gezielt designt, um die Features einer App zu präsentieren; das Template ist 100% mobil-freundlich und das Browsing ist geschmeidig und intuitiv.

Es enthält fertige „App Store“ und „Play Store“ Buttons sowie CTAs, die Ihre Nutzer zum Download Ihrer App anregen.

Das glatte, moderne Design kann einfach an Ihre App-Farben angepasst werden, Logo und Features können schnell hinzugefügt werden.

Zusammengefasst ist dieses Template ein Muss fĂĽr jedes mobil-basierte Business.

Zur Vorschau von New Age

Zum Download von New Age

Clean Blog

Bootstrap landing page template for blogging

Clean Blog ist ein Template, dass mit Bootstrap 4 erstellt wurde.

Es hat einfach anpassbare Elemente und ist 100% responsive und ist somit perfekt, um einen Blog zu starten.

Das Template ist einfach nutz- und veränderbar und ist die perfekte Unterstützung für Blogger, die eine verlässliche und höchst anpassbare Basis für den Start ihres Blogs wollen.

Es enthält ein Kontaktformular in PHP mit einer Bestätigungsfunktion und einem Footer mit schon integrierten Links zu sozialen Netzwerken.

Zur Vorschau von Clean Blog

Zum Download von Clean Blog

Butterfly

Bootstrap landing page template for SaaS startup

Butterfly ist ein allumfassendes Template für Startups und Firmen, die Software oder SaaS-Lösungen anbieten.

Neben seiner glatten und professionellen Navigation enthält das Template Unterseiten von Services sowie eine Präsenttion des Portfolios, des Teams und Kundenfeedbacks auf einer einzigen Seite.

Es enthält vorgefertigte Kontaktformulare und hervorstechende CTA-Designs, um zukünftige Kunden anzulocken.
Das moderne und elegante Design macht die Vorstellung Ihres Angebots glasklar und präzise.

Zur Vorschau von Clean Blog

Zum Download von Clean Blog

Tempo

Bootstrap landing page template example

Tempo ist ein einfaches aber effektives Landinpage-Template.

Es ist einfach anpassbar und enthält verschiedene Farb-Schema und alle anderen Features, die man von einer effektiven Landingpage erwartet, die Ihre Lösung, Services und Kunden präsentiert und selbstverständlich auch die Möglichkeit bietet, mit Prospects in Kontakt zu treten.

Durch seine komplette Responsivität passt es sich gut an Tablets und mobile Geräte an und enthält zusätzlich fortgeschrittene Features wie Image-Slider usw.

Zur Vorschau von Butterfly

Zum Download von Butterfly

Company

Bootstrap landing page template for SMBs

Company ist ein universelles Template, das perfekt zu kleinen und mittleren Unternehmen aus allen Branchen passt.

Es ist einfach zu bedienen, 100% responsive und erlaubt es Ihnen, Ihre Dienstleistungen einfach und wirkungsvoll zu präsentieren.

Es ist eine gute Wahl für das Handwerk, Juristen oder persönliche Services.

Es enthält fortgeschrittene Kontakt-Features und erlaubt es Ihnen, einen integrierten Blog und eine News-Seite zu erstellen, was perfekt für die Akquise neuer Kunden ist, oder um über Ihre Marke zu sprechen.

Zur Vorschau von Company

Zum Download von Company

Delicious

Bootstrap landing page template for restaurant

Wir können diesen Artikel nicht beenden ohne eine verlässliche und einfach aufsetzbare Lösung für Restaurant Besitzer vorzustellen!

Delicious ist das perfekte Template fĂĽr Restaurants, Bars, und Catering & Wein-Businesses.

Es funktioniert mit HTML5, CSS 3 und BootStrap 3 und beinhaltet fortgeschrittene Features, um dynamische Effekte zu erstellen.

Kreativ und modern stellt das elegante Design die Atmosphäre Ihres Restaurants nach und zeigt Ihre Speisekarte.

Eine kostenpflichtige Option (9€ lebenslang) erlaubt es Ihnen, ein Reservierungsmodul zu integrieren, dass einwandfrei mit PHP/Ajax funktioniert.

Zur Vorschau von Delicious

Zum Download von Delicious

Haben Sie Ihr ideales Landingpage-Template gefunden? Lassen Sie es uns in den Kommentaren wissen. Und vergessen Sie nicht, egal welches Template Sie auswählen, es ist essentiell dieses zu testen um zu sehen, ob es Ihre Conversions positiv beeinflusst.

Wenn Sie A/B-Testing noch nicht kennen, können Sie auch unser entsprechendes Whitepaper herunterladen.

Werfen Sie einen Blick hinter die Kulissen! Wie Erkenntnisse aus der Psychologie Ihre Conversion Rates steigern, erfahren Sie in diesem E-Book.

Blogartikel

10min. Lesezeit

5 kluge Beispiele: Knappheit & Dringlichkeit im Marketing fĂĽr mehr Conversions

Wir haben es alle schon einmal erlebt.

Der Muttertag steht an und da möchte man natürlich rechtzeitig das passende Geschenk besorgen. 

Leider weiĂź man jedes Jahr auf’s Neue nicht so genau, wo man ein gutes Geschenk bestellen kann.

Sie surfen also durch einige Webseiten und stoĂźen auf diesen wunderbaren BlumenstrauĂź.

Sie scrollen nach unten und sehen die Botschaft: „Muttertag: Jetzt bestellen fĂĽr pĂĽnktliche Lieferung.“

Und genau das ist es: Sie wissen, dass Sie jetzt bestellen müssen, damit der schöne Strauß Ihre Mutter rechtzeitig am Muttertag erreicht.

Dieser Druck, den Sie dabei verspĂĽren?

Das nennt man im Marketing Dringlichkeit.

Dringlichkeit wird vielfach in Marketing-Kampagenen eingesetzt, um Conversions zu steigernKnappheit und Dringlichkeit finden in vielen Marketingkampagnen Anwendung, um das Engagement der User zu steigern und Conversions zu erhöhen: Es funkioniert einfach.

Schauen Sie sich nur Black Friday an: Laut TechCrunch hat allein dieses Ereignis im November 2017 mehr als 5 Milliarden Dollar an Online-Verkäufen eingebracht.

Im Grunde genommen drängen uns dringende Situationen zum schnellen Handeln, und Knappheit löst Angst aus, was auch dazu führt, dass wir schnell reagieren. Erfahren Sie mehr über die Kaufangst.

In die richtigen Hände gelegt, können diese Methoden E-Commerce- und Online-Unternehmen dabei helfen, ihre Umsätze zu steigern und den Umsatz zu steigern.

Bevor wir uns mit den besten Praktiken befassen, lassen Sie uns einen kurzen Blick auf die Psychologie hinter Knappheit und Dringlichkeit werfen.

Die Psychologie hinter der Dringlichkeit verstehen

Die Dringlichkeit ist ein psychologischer Auslöser, der tief in unserem Gehirn verwurzelt ist: Er bezieht sich auf die menschliche Verlustabneigung oder das sogenannte Fear-of-Missing-Out (FOMO).

Wissenschaftlich gesehen ist Dringlichkeit ein zeitbasiertes Konzept, das uns zu schnellem Handeln veranlasst.

Ă„hnlich wie das Knappheitsprinzip ist FOMO eine Art soziale Angst, die durch den „Wunsch definiert ist, ständig mit dem verbunden zu bleiben, was andere tun“ (Quelle).

Wenn etwas (ein Angebot, ein Rabatt…) ausläuft, prĂĽfen wir automatisch, ob wir bereit sind, diese Gelegenheit verstreichen zu lassen – aus Angst, dass wir sie verpassen.

Die Psychologie hinter der Knappheit verstehen

Ähnlich wie bei der Dringlichkeit ist die Knappheit ein psychologischer Auslöser, der die Quantität nutzt, um uns schnell handeln zu lassen.

Knappheit bedeutet laut wissenschaftlicher Literatur einfach, dass wir einen höheren Wert auf Objekte legen, die knapp oder selten sind (Quelle).

Ebenso löst Knappheit auch unseren FOMO-Instinkt aus: Wenn etwas ausläuft, würden wir auch die Vor- und Nachteile eines Kaufs berücksichtigen, bevor es zu spät ist.

Interestingly, scarcity plays all kinds of roles in our lives: a 2009 study consisted in showing pictures of a man to a cohort of women in a dating perspective. Half of the cohort was told that the man was taken and the other half that we has single.

Interessanterweise spielt Knappheit alle möglichen Rollen in unserem Leben: In einer Studie aus dem Jahr 2009 hat man einer weiblichen Testgruppe Bilder eines Mannes gezeigt. Der Hälfte der Frauen wurde gesagt, dass der Mann single sei und der anderen Hälfte, dass er in einer festen Beziehung sei.

Die Ergebnisse waren ĂĽberaus interessant: Die Single-Frauen hatten mehr Interesse an dem bereits vergebenem Mann.

Nun, da wir die psychologische Grundlage fĂĽr Dringlichkeit und Knappheit abgedeckt haben, finden Sie hier die besten Praktiken, um sie im Marketing konkret anzuwenden.

Best Practices fĂĽr Dringlichkeit und Knappheit im Marketing

Knappheit und Dringlichkeit sind zweifellos mächtige Techniken, um die Conversion zu erhöhen.

Sie sollten jedoch mit Vorsicht verwendet werden, da aufdringliche Methoden schnell zu einem Risiko für Ihre Markentreue werden können.

„Fake“ Knappheit und Dringlichkeit vermeiden

Dringlichkeit zu schaffen ist gut, Missbrauch ist schlecht.

Einige Anbieter geben wirklich alles und bieten das ganze Jahr über Sale-Angebote an, was das Gefühl vermittelt, dass alles zu jeder Zeit ein Schnäppchen ist und keine wirkliche Knappheit/Dringlichkeit herrscht.

Diese Methode funktioniert jedoch nicht.

Aktuellen Untersuchungen zufolge schneiden Knappheitstaktiken nicht gut ab, wenn sie als manipulativ wahrgenommen werden.

"Fake" Dringlichkeit funktioniert nicht
Es sieht aus, als sei hier alles im Angebot

Wenn alles im Angebot ist, merken Ihre Kunden, dass nichts wirklich echt ist und Sie werden bald an GlaubwĂĽrdigkeit verlieren.

Als Faustregel gilt: Zeigen Sie nur echte Angebote an und missbrauchen Sie sie nicht: Ab und zu ein Sonderangebot ist viel effektiver.

Die richtige Wortwahl einsetzen

Wir sind ständig mit Verkaufs- und Werbeangeboten konfrontiert: Es ist schwer, gefälschte Verkäufe von echten Schnäppchen zu unterscheiden.

Um nicht zu aufdringlich zu klingen, versuchen Sie, nicht zu viele blinkende Banner zu verwenden und echte Schnäppchen mit ansprechenden Worten hervorzuheben.

Ihre Besucher sollten auf den ersten Blick ein echtes Schnäppchen erkennen können.

Starker Call to Action verwenden

Ähnlich wie bei der Wortwahl sollte Ihr Call to Action einen echten Nutzen darstellen und die Dringlichkeit/Knappheit betonen.

So ist es beispielsweise üblich, den Restbestand anzugeben, um den Knappheitstrieb auszulösen.

Nutzen Sie Dringlichkeits- oder Knappheitsbotschaften in Ihren CTAs
Quelle: Walmart

Personalisierte Botschaften

Die Erstellung personalisierter Botschaften ist ein wichtiger Trend im digitalen Marketing im Jahr 2018.

Ob im B2C oder B2B, die Personalisierung bringt groĂźe Vorteile und insgesamt bessere Conversions.

Weil es so effizient ist, könnte das Hinzufügen von Hinweisen auf Knappheit und Dringlichkeit zu Ihren personalisierten Nachrichten Ihre Umsätze drastisch steigern.

Hier sind ein paar Tipps, die Sie verwenden können, um personalisierte Nachrichten mit Knappheitsbotschaften zu einzusetzen:

  • Zusätzliche personalisierte Produktvorschläge
  • Dynamische Texteingabe
  • E-Mail-Kampagnen mit Marketing-Automatisierung
  • Kontextbezogenes Targeting

Möchten Sie mehr über diese erfahren? Mehr zu unseren Marketingkampagnen und Personalisierungslösungen, um Ihren Zielgruppen starke Botschaften zu vermitteln.

5 Beispiele aus der Praxis fĂĽr Knappheit und Dringlichkeitstaktiken zur Steigerung der Conversions

Booking.com

Wie Booking.com Dringlichkeits-Marketing einsetzt Wie Booking.com Dringlichkeits-Marketing einsetzt

Booking.com ist gut darin, bei seinen Besuchern ein Gefühl der Dringlichkeit auszulösen: Es wird angegeben, wie oft ein bestimmtes Hotel innerhalb von 12 oder 24 Stunden gebucht wurde.

Als Besucher wird Ihnen die Popularität eines bestimmten Hotels suggeriert: Das lässt User schneller handeln.

AuĂźerdem zeigt Booking.com clevere Botschaften an, um die Dringlichkeit zu verstärken („Verpassen Sie das nicht“ oder „Hohe Nachfrage!“)

Mit Hilfe von Knappheitsmethoden kann Booking.com den internen Wettbewerb stärken, um seinen Kunden einen besseren Service zu bieten.

OnePlus

OnePlus ist ein Smartphone-Unternehmen, das innerhalb weniger Monate berĂĽhmt wurde, indem es ausschlieĂźlich auf Knappheit setzte.

Einfach ausgedrĂĽckt, kam OnePlus auf eine brillante Idee: ein Smartphone zu entwickeln, das man nur kaufen konnte, wenn man eingeladen war.

Das ist richtig, Sie konnten es nicht in irgendeinem Geschäft kaufen und Sie konnten es nur auf deren Website bestellen.

Durch die Schaffung eines Gefühls der Exklusivität, löste OnePlus eine massive “Angst etwas zu verpassen” aus, die sich innerhalb der Technik-Community stark ausgebreitet hatte.

Ihre mutige Marketingkampagne basierte grundsätzlich und größtenteils auf dem “Knappheitsprinzip” und führte zu einem enormen Verkauf von 1 Millionen Einheiten und insgesamt 25 Millionen Webseitenbesucher.

Sushi Shop

Sushi Shop

In der Lieferservice-Branche ist es eine große Herausforderung, verspätete Auslieferungen zu vermeiden. Denn der durchschnittliche Arbeitnehmer legt meistens nur eine halbe Stunde für die Mittagspause ein (Quelle).

Marketer bei SushiShop (französischer Marktführer im Bereich Sushi-Lieferservice) wollten das Dringlichkeits-Marketing ausprobieren, um zu sehen, ob es in ihrer Branche, positive Ergebnisse einbringen könnte.

Vor diesem Hintergrund haben wir (AB Tasty) der Marke geholfen, eine “Stressmarketing-Taktik” einzuführen, die auf dem Dringlichkeitsprinzip basiert.

Wir haben einen „Sticky Banner“ in ihrer mobilen App implementiert, um Kunden währen der Mittagszeit zur Vorbestellung aufzufordern: Die Idee dahinter war, dass durch die Vorbestellung eine rechtzeitige und pĂĽnktliche Auslieferung gewährleistet werden konnte.

Die Resultate waren sehr positiv: Es führte zu einem 3%-Anstieg der Bestellbestätigungen.

Amazon.com

Quelle: Amazon

Als größtes E-Commerce Unternehmen der Welt ist Amazon eine offensichtliche Wahl, wenn es um Beispiele zum Einsatz von “Dringlichkeit” und “Knappheit” geht.

Zusätzlich zu einer nahezu perfekten Produktseite und Produktübersichtsseite hat Amazon eine “Today´s Deals” Rubrik, in der limitierte Angebote angezeigt werden.

Ihre Produktliste zeigt geschickt Ersparnisse an, um den Preisunterschied hervorzuheben.

Quelle: Amazon

Zu guter Letzt sind einige Produkte nur in begrenzter Menge verfügbar. In diesem Fall wurden 33% bereits beansprucht.

Dadurch schafft Amazon ein echtes GefĂĽhl von Knappheit und Dringlichkeit, ohne dabei zu aufdringlich zu sein.

Basecamp

Basecamp ist eine berĂĽhmte Kommunikations- und Projektmanagement-Software, die dafĂĽr bekannt ist, das Team-Leben zu erleichtern.

Neben seiner raffinierten visuellen Identität, verwendet Basecamp clevere “Dringlichkeits-Taktiken”, die einem das Gefühl geben, etwas zu verpassen, wenn man Basecamp nicht verwendet.

Dringlichkeits-Marketing im Beispiel bei Basecamp

Sie geben reelle Zahlen aus Kundenstatistiken preis, die das Gefühl wecken, auch selbst davon profitieren zu können.

Zusätzlich geben sie an, wie viele Unternehmen sich seit letzter Woche angemeldet haben.

Social proof Beispiel von Basecamp

Auf der Seite “Echte Ergebnisse” zeigt Basecamp eine riesige Anzahl von Kundenbewertungen an: So viele, als wĂĽrde die ganze Welt es nutzen: das triggert definitiv Ihren „FOMO“.

So weit zum Thema Knappheit und Dringlichkeits-Taktiken.

Wenn Sie mehr über digitales Marketing erfahren wollen, haben wir vor kurzem auch Beiträge über Warenkorb-Optimierung und E-Commerce-Produktseiten herausgebracht.

Blogartikel

10min. Lesezeit

Der ultimative Ratgeber fĂĽr perfekte ProduktĂĽbersichtsseiten 2018

In der Welt des Online-Shoppings wissen die meisten E-Marketer, dass Produktseiten eine wichtige Rolle in der Kaufentscheidung spielen – sie sind die wichtigste Verbindung zwischen Produkt und Nutzer.

Literatur zum E-Commerce bietet unzählige “Tipps zur Optimierung der Produktseiten”, allerdings wird nur wenig über Produktübersichtsseiten gesagt.

Das finden wir sehr schade. 

Tatsächlich spielen Produktübersichtsseiten eine große Rolle in der Käufer-Journey und der darauf folgenden, gefürchteten Conversionrate.

Was genau ist eine ProduktĂĽbersichtsseite aber eigentlich?

Kurz zusammengefasst sind ProduktĂĽbersichtsseiten das Resultat entweder von Kategorieseiten oder von Suchergebnissen.

Sie spielen ein groĂźe Rolle als eine Art ‚Katalog‘, da sie alle Produkte einer Kategorie oder eines Filterergebnisses anzeigen.

Beispiel fĂĽr ProduktĂĽbersichtsseiten fĂĽr E-Commerce Websites
Quelle: Etsy

Wenn sie richtige erstellt werden, können Übersichtsseiten einen großen Einfluss auf die UX des Nutzers haben: diese hängt von verschiedenen Faktoren ab wie zum Beispiel dem Leistungsversprechen, den Produkteigenschaften, sowie der allgemeinen Qualität der gebotenen Information.

Hier sind nun die 10 Best Practices die Sie befolgen sollten, um leistungsfähige Produktübersichtsseiten zu erstellen, die auch konvertieren.

Die 10 wichtigsten Methoden, um die perfekte ProduktĂĽbersichtsseite zu erstellen

1. KĂĽmmern Sie sich um Ihre Header

Header spielen die „Titel“-Rolle jeder Kategorie- und Ăśbersichtsseite.

Im Grunde sind sie der größte Hinweis auf den Inhalt der Seite und sollten dementsprechend behandelt werden.

KĂĽmmern Sie sich um Ihre Header
Quelle: Ulta

Beauty-Spezialist Ulta setzt auf hervorstechende Visuals, um die Sichtbarkeit des Headers zu erhöhen: dies ist eine gute Lösung um Header zu vermeiden, die nur aus Text bestehen und somit auf den ersten Blick unattraktiv wirken.

Vergessen Sie auch nie, Ihre Keywords in Ihren <h1> Tags zu verwenden: diese sind Teil der SEO-Strategie Ihrer Seite und helfen Ihnen, in Suchergebnissen höher zu erscheinen.

Denken Sie dran: die Header Ihrer Kategorieseiten sollten in erster Linie informativ und hilfreich fĂĽr Ihre Kunden sein.

Hinweis: Header können auch als Werbefläche benutzt werden um besondere Produkte, spezielle Angebote und Rabatte anzuzeigen.

2. Raster- vs. Listenansicht

Es gibt leider keine einfache Lösung in der Wahl zwischen Raster- und Listenansichten.

Es kommt in der Tat auf die Art von Produkten an, die Sie verkaufen, und welche Experience Sie bieten wollen.

Hier sind einige Tipps um Ihnen bei der richtigen Wahhl zu helfen:

Listenansicht:

Besser geeignet für Produkte, die ausführliche Informationen und Angaben benötigen, um den Kunden beim Vergleich technischer Daten ähnlicher Produkte zu helfen.

Passt gut bei technischen Produkten. Beispiele sind: Verkauf von Fernsehern, Computern, Elektronikgeräte, DVDs, Hardware…

Profis in Sachn Listenansicht fĂĽr ProduktĂĽbersichtsseiten
Quelle: Wine.com

Wine.com verkauft teure Weine und Champagner, daher ist es wichtig, dass der Besucher sich Zeit nimmt, die Marken und „Grands Crus“ zu bewerten, bevor er eine Kaufentscheidung trifft: achten Sie darauf, wie zusätzlicher horizontalen Raum genutzt wird, um Bewertungen anzuzeigen.

Rasteransicht:

Rasteransichten werden meistens für Produkte verwandt, bei denen die Details nicht so wichtig sind, die sich auf Bilder verlassen und schnell verglichen werden können. Hier geht mehr um eine visuelle Erfahrung.

Rasteransicht-Profis fĂĽr Listenseiten
Quelle: Amazon

Amazon.com nutzt die Rasteransicht, um Produkte in der Geschenkideen-Kategorie anzuzeigen. Zusätzlich dienen Tags zur Klassifizierung von Bestsellern, um Besucher zum Klick auf populäre Produkte zu bewegen.

3. Wie viele Produkte pro Seite und Reihe?

Wenn Sie sich fĂĽr eine Rasteransicht entscheiden, kommen Sie zweifellos irgendwann zu der Frage „Wie viele Produkte sollte ich pro Reihe anzeigen?“.

Das ist eine gute Frage.

Wie bei der Wahl zwischen Listen- und Rasteransicht, gibt es auch hier keine Antwort, die allen gerecht wird.

Tatsächlich hängt die Anzahl der angezeigten Produkte pro Reihe von 3 Hauptfaktoren ab:

1. Bildergröße

Wenn Sie groĂźe, high-resolution Bilder zeigen, werden Sie zweifellos Probleme haben, mehr als 4-5 Produkte in eine Reihe zu quetschen.

2. Anzahl der Produkte

Die Zahl der angezeigten Produkte pro Reihe hängt auch von der Gesamtzahl der Produkte in jeder Kategorie ab.

Wenn Sie nur 12 Produkte anzuzeigen haben, ist es sehr viel ĂĽbersichtlicher, diese in einem 4×3 anstelle eines 2×6 Raster anzuzeigen, da Ihre Besucher den Eindruck haben könnten, dass dieses sonst nicht ausgefĂĽllt ist.

3. Informationsumfang

Wenn es zur Produktbeschreibung kommt, sind nicht alle Produkte gleich. Einige brauchen von vorneherein mehr Information als andere: je mehr Fläche sie brauchen, desto weniger Produkte werden Sie anzeigen.

Ideale Anzahl an angezeigter Produkte auf einer E-Commerce Produktlistenseite
Quelle: canadagoose.com

Canada Goose verkauft teure Outerwear und benutzt daher eine Struktur, die 2 Produkte pro Reihe anzeigt, um die Visuals hervorzuheben und der User Experience ein „Premium“-Feeling zu verleihen.

4. Produkt-Thumbnails

Produkt-Thumbnails sind wichtig, vor allem in Branchen, die von Visuals dominiert werden, wie zum Beispiel Beauty, Kleidung oder Reisen.

Tatsächlich sollten Ihre Thumbnails ähnlich attraktive Bilder beinhalten und eine Harmonie bilden.

Die Größe hängt hier von Ihrem Markenimage und Ihrer Branche ab: Fashion und Bekleidung wählen hier in der Regel größere Visuals.

Produkt pro Ăśbersichtsseite im E-Commerce
Quelle: Asos

Alle Produkt-Thumbnails auf Asos.com werden vor einem grauen Hintergrund angezeigt um so den Kontrast zu erhöhen und die Produkte hervorzuheben.

5. Intuitive Navigation

Egal wie tief eine Seite reicht, die Navigation spielt immer eine entscheidende Rolle in der User Experience – das sollte auch für Ihre Produktübersichtsseiten gelten.

Da einige Produkte komplexe Beschreibungen haben und ausführlicher Sortierungsoptionen brauchen, sollten Sie auf die Performance Ihrer Webseite achten, damit die Sortierung gut funktioniert und die Kunden das perfekte Produkt finden können.

Vielfältige Suchfunktionen für einfach zu navigierende Kategorieseiten
Quelle: Revzilla

RevZilla schafft es hervorragend, seine Kunden durch den schier endlosen Prozess des Findens eines passenden Motorradhelmes zu leiten.

Sie nutzen die linke Spalte, um den Kunden dabei zu helfen, die Produkte nach verschiedenen Kriterien zu bewerten und zu sortieren (Facettensuche):

  • Farbe
  • Art
  • Form
  • Kategorie
  • Größe
  • Geschlecht

Bonuspunkt: RevZilla bietet Besuchern die Möglichkeit, nur die Produkte anzuzeigen, die eine „Videobewertung“ haben: ein groĂźes Leistungsversprechen im Vergleich zu den Konkurrenten.

6. Welche Informationen sollte ich anzeigen?

Es gibt unzählige Möglichkeiten, wie Sie Informationen auf Ihren Produktübersichts- und Kategorieseiten anzeigen können.

Vereinfacht gesagt mĂĽssen Sie Informationen geben, die dem Besucher effektiv helfen und ihn davon ĂĽberzeugen, zu kaufen.

Um Ihnen die Auswahl zu erleichtern ist hier eine Liste mit Informationen, die Sie auf der Produktübersichtsseite anzeigen können:

  • Sterne-Bewertung
  • Rabatte
  • Farboptionen
  • VerfĂĽgbarkeit
  • Bestseller
  • Zum Warenkorb hinzufĂĽgen
  • Neu/Gebraucht
  • Kurze Beschreibung
Welche Informationen zeigt man auf einer ProduktĂĽbersichtsseite
Quelle: BestBuy

Quelle: BestBuy

BestBuy schafft es sehr schön, nützliche Informationen auf ihren Produktübersichtsseiten zu bieten. Neben Bildern und Preisen, fügten Sie auch folgendes hinzu: Sterne-Bewertung, Rabatte und einen Warenkorbbutton mit einem cleveren Farbschema.

7. Das 1×1 der Produktsortierung

Sortierungsoptionen haben einen einzigen Zweck: die Zahl der Produkte zu verringern, um die Conversionen zu erhöhen.

Trotzdem sollten Ihre Sortieroptionen auf den BedĂĽrfnissen und Erwartungen des Publikums an Ihre Produkte basieren.

Vereinfacht sollten Sie sich die folgenden Fragen stellen:

Wonach suchen meine Kunden? Was sind ihre BedĂĽrfnisse?
Wenn Sie diese beiden Fragen klar beantworten können, finden Sie die optimalen Sortieroptionen einfach.

Wie man Produkte auf eine Ăśbersichtsseite sortiert
Quelle: watchshop.com

Quelle: watchshop.com

WatchShop weiß, dass es viele Arten und Formen von Uhren gibt, und erstellte daher verschiedenste Sortierungsoptionen, um den Anforderungen der Besucher nachzukommen, u. A. nach Wasserdichte, Art des Bandes, Farbe des Gehäuses, Bewegungstyp usw.

Das System ist darauf ausgelegt, die Erwartungen der Kunden zu erfüllen – und schafft dies zweifellos.

8. Sollten Sie Quick-View nutzen?

Quick View ist einen E-Commerce Funktion, die es Besuchern erlaubt, eine verkleinerte Version der gewĂĽnschten Produktseite zu generieren. Es ist eine Art Mini-Produktseite, die normalerweise einen Warenkorbbutton beinhalte.

Leider herrscht wenig Einigkeit über den Sinn dieser Funktion und E-Commerce- Experten führen endlose Diskussionen, um dieses Thema zu lösen, bislang ohne Erfolg.

Eine kĂĽrzlich hierzu durchgefĂĽhrte Studie von Baymard hat jedoch herausgefunden, dass Quick View im Bezug auf Nutzerinteraktion und Conversionrates eher schadet als hilft: dies kommt daher, dass einige Nutzern die Quick View mit der eigentlichen Produktseite verwechseln.

9. Einige Anmerkungen zu SEO auf ProduktĂĽbersichtsseiten

Für die meisten E-Commerce-Player ist SEO ein sehr wichtiger Aspekt. Tatsächlich ist Suchmaschinen-Traffic laut einer SmartInsights Studie für 30-40% allen E-Commerce Traffics verantwortlich.

Mit der Wichtigkeit von Suchmaschinen-Traffic im Hinterkopf, ist hier ein weiterer interessanter Fakt: ProduktĂĽbersichtsseiten sind fĂĽr 50% des E-Commerce-Traffics verantwortlich.

Es gibt zwei HauptgrĂĽnde, warum ProduktĂĽbersichtsseiten fĂĽr SEO so wichtig sind:

A. Sie enthalten viele Keywords

Weil sie die Namen, Marken, Preise, AusfĂĽhrungen und Beschreibungen von Produkten enthalten, sind auf Kategorieseiten meistens viele Keywords zu finden, wodurch sie schnell viele Keywords in Suchmaschinen bedienen.

B. Sie werden am meisten verlinkt

Allgemein will man, dass die Kunden ihren Kaufprozess auf den ProduktĂĽbersichtsseiten beginnen (oder alternative, direkt auf der Produktseite), deshalb konzentrieren sich SEO-Profis eher auf diese Seiten. DarĂĽber hinaus linken Produkte innerhalb einer Kategorie generell auf eben jene Kategorie zurĂĽck, wodurch sich ein starkes internes Verlinkungsbild ergibt.

10. ProduktĂĽbersichtsseiten A/B Testen

Es ist kein Gemeheimnis, dass Conversionrate Optimierung nur durch Testing funktioniert. Das Erfolgsrezept ändert sich für die Produktübersichtsseiten nicht: Sie müssen sie A/B testen.

Vielleicht fragen Sie sich: „Wie mache ich das?“. GlĂĽcklicherweise sind wir A/B-Testing Spezialisten.

Eine gute Produktübersichtsseite zu erstellen ist nicht einfach: Sie müssen herausfinden, welche Elemente funktionieren und welche nicht, um so nach und nach Ihre Conversions zu erhöhen und Ihren Kunden eine insgesamt bessere UX zu bieten.

Hat Ihnen dieser Artikel gefallen? Teilen Sie ihn gerne und lesen Sie auch unser weiterfĂĽhrenden Artikel ĂĽber die Optimierung Ihrer Website, rund um den E-Commerce und digitales Marketing.

Oder suchen Sie nach Möglichkeiten, um die Performance Ihres E-Commerce-Warenkorbs zu verbessern? Schauen Sie doch mal in unseren neuesten Artikel zu diesem Thema.

AB Tasty ist eine All-in-One Software für Personalisierung und A/B testing. Dazu gehören innovative Features, mit denen Sie als Marketer selbstständig die Performance Ihrer Website verbessern können.

Buchen Sie eine Webdemo

Blogartikel

12min. Lesezeit

10 Best Practices zur Warenkorb-Optimierung

Es ist unklar, wie viele User tatsächlich ihren Kauf im Warenkorb abbrechen. Manche Studien sagen es sind 80%, andere sprechen eher von 65%.

In Wahrheit weiĂź niemand die genaue Abbruchrate, da diese von Branche zu Branche unterschiedlich ist.

Um dies ein für alle Mal zu klären, lies sich das Baymard Insitute eine großartige Analyse einfallen, die 37 verschiedene Studien zum Warenkorbabbruch bewertete.

Dabei fanden sie folgendes heraus: Stand 2017 ist die durchschnittliche Abbruchrate im Warenkorb ca. 70%. Für erfahrene E-Marketer mag das nicht überraschend sein, aber die Realität ist, dass 7 von 10 Nutzern ihren Kauf abbrechen, nachdem sie Produkte in ihren Warenkorb gelegt haben, selbst auf Ihrer Webseite.

Mit diesem Wissen im Hinterkopf, ist die Umsetzung von Good Practices zur Senkung der Abbruchrate im Warenkorb eine absolute Priorität für jede E-Commerce Webseite die versucht, Conversionen und Umsatz zu erhöhen.

Bevor wir mit unseren Best Practices im Warenkorb beginnen, wollten wir Sie daran erinnern, dass Ihre Conversion Rate auch von anderen interessanten Variablen abhängt.

10 Best Practices fĂĽr Ihre Warenkorbseiten

Starten wir zunächst mit den Grundlagen.

Ihr Warenkorb sollte:

  • Klar
  • Simpel
  • Schnell

Diese einfache 3-Schritt Formel (CSF = clear, fast, simple) ist der Grundpfeiler jeder erfolgreichen Warenkorbseite.

Lassen Sie uns diese drei Elemente näher betrachten.

Klar

„Klar“ bedeutet, dass ihre Warenkorbseite nicht kompliziert oder unordentlich ist. Idealerweise sollten die wichtigen Informationen alle auf einer einzigen Seite angezeigt werden, ohne das weit gescrollt werden muss oder man auf eine weitere Seite geleitet wird.

Simpel

„Simpel“ bedeutet, dass Ihre Warenkorbseite alle Informationen mit Hilfe verständlicher, glasklarer Sprache und Design darstellt, die Missverständnissen vorbeugen. Sie sollten auch verwirrende Strukturen und fragwĂĽrdige Farben vermeiden.

Schnell

Je mehr Zeit Besucher auf Ihrer Warenkorbseite verbringen, desto wahrscheinlicher werden sie diese auch wieder verlassen. Wenn Sie die ersten beiden wichtigen Elemente (simpel + klar) auf Ihrer Seite anwenden, sollte der daraus entstehende Warenkorb auch schnell sein, da die User nur die minimal benötigte Zeit zur Prüfung der Bestellung verwenden, bevor sie kaufen.

Mit diesen drei entscheidenden Elementen im Hinterkopf ist es Zeit in unsere 10 Best Practices fĂĽr E-Commerce Warenkorbseiten einzutauchen.

1. Detaillierte Produktzusammenfassung

Wenige Augenblicke bevor Ihre Besucher zur Kasse gehen, landen sie auf Ihrer Warenkorbseite, die eine einzige Mission hat: Ihre Kunden zum finalen Kauf zu leiten.
Für die meisten E-Commerce Käufer dient die Warenkorbseite dazu, ihre Bestellung zu überprüfen.

Um ihnen dabei zu helfen ist es Ihre Aufgabe, alle relevanten Informationen ĂĽber das Produkt klar darzustellen.

Vergessen Sie hierbei nicht, folgenden Punkte einzubeziehen:

  • Foto (sehen Sie auch Punkt 3)
  • Der genaue Name (besonders wichtig, wenn Sie ähnlich Produkte verkaufen)
  • Leistungsbeschreibung (z.B. Kapazität, Speicherplatz, Features…)
  • Größe (besonders wichtig bei Fashion, Kleidung und so weiter)
  • Farbe (einer der HauptgrĂĽnde fĂĽr ProduktrĂĽcksendungen)

Wenn diese Elemente Ihren Kunden klar dargestellt werden, können diese ihre Bestellung vor dem Kauf schnell überprüfen: dies wird den Anteil derer, die den Warenkorb wegen unklarer Information abbrechen, verringern.

Detailed product summary on shopping cart page

Auf der Warenkorbseite des britische Modeunternehmens ASOS ist die ĂśberprĂĽfung der Bestellung klar und einfach: wir wissen genau, welches Produkt wir kaufen, genauso wie die Farbe und Anzahl.

Extra Bonuspunkte fĂĽr den „Save for later“-Button (siehe Punkt 8).

2. Klares, nutzerfreundliches Farbschema

Viele Studien beschäftigen sich mit der Psychologie hinter der Nutzung von Farben.

Es gibt natürlich nicht die eine Antwort oder Farbe, die für jede Webseite passt und alle Probleme bezogen auf Abbruchraten löst: jede Branche benutzt mehr oder weniger ein Farbschema für seine Checkout-Buttons (siehe Quelle).
Sicher ist jedoch, dass Besucher in Bezug auf die User Experience Harmonie und klares Design lieben.

Wenn Sie Ihren Warenkorb aufbauen, denken Sie daran, dass er zum allgemeinen Farbkonzept passen und Vertrauen erwecken sollte.

Clean color code on shopping cart page

Der berĂĽhmt Schuhmacher Jimmy Choo benutzt ein elegantes und gleichzeitig effizientes, schwarz-weiĂźes Farbschema, um die Information auf der Warenkorbseite klar darzustellen.

Achten Sie darauf, dass der Checkout-Button sich als einziger schwarzer Button wirkungsvoll hervorhebt, wodurch sofort klar wird, dass er geklickt werden soll.

3. Genaue und klare Thumbnail-Bilder

Es gibt nichts nervigeres als ein kleines, lächerliches Thumbnail, dass es kaum möglich macht, das Produkt zu erkennen.

Geben Sie den Usern bei der Überprüfung ihrer Bestellung die Möglichkeit die Produkte in einer passenden Größe und Auflösung zu sehen. Zusätzlich ermöglicht ein Bild in ansprechender Größe mobilen Nutzen eine bessere mobile UX zu haben.

Bright thumbnail pictures on shopping cart page

Apple macht es den Kunden auf der Warenkorbseite sehr einfach die ausgewählten Produkte zu unterscheiden: man weiß direkt, dass es das richtige ist.

Apple benutzt ein helles und klares Bild; wir sind somit absolut sicher, dass wir die richtige Farbe im Korb haben.

4. Clevere Informationshierarchie & konkurrenzlose CTAs

Eine Informationshierarchie ist die Struktur, die benutzt wird, um Information nach Wichtigkeit geordnet anzuzeigen.

Während des Designs der Warenkorbseiten sollten Sie auf die Logik hinter Buttons, Spalten und Titeln achten, da diese die Wahrnehmung des Nutzers stark beeinflussen.
Einfach gesagt sollte jede mögliche Konfusion vermieden werden, indem alles einfach und klar gehalten wird.
Sie können viele verschiedene Farben benutzen (die idealerweise zu Ihrer Webseite passen), wir raten aber nicht mehr als 3-4 Farben auf einmal zu verwenden.

Farben helfen in der Tat dabei, die Aufmerksamkeit der Nutzer zu erwecken, nutzen Sie sie deshalb weise:

  • Heben Sie wichtige Informationen hervor
  • Nutzen Sie eine ausgeprägte Farbe, um den CTA zu differenzieren
  • Nutzen Sie Linien und Spalten, um Ihre Seite zu strukturieren

Shopping cart page with clear information hierarchy

Zappos, ein amerikanischer Schuhhändler, schafft es hervorragend, das Shopping-Erlebnis klar und effizient darzustellen.

Der Warenkorb ist da keine Ausnahme und leitet die Kunden geschickt durch die Kauf-Journey: wir mögen das ordentliche Layout, dass durch ein einfaches 3-schrittiges Farbschema (Orange = sehr wichtig; Blau = wichtig; Grau = Sekundär) hervorgehoben wird.

5. Zahlungsmöglichkeiten, die unsere Nutzer lieben

Verschieden Zahlungsmöglichkeiten anzubieten ist ein Muss im heutigen, super-kompetitiven E-Commerce Bereich.
Dies hilft nicht nur beim Erreichen von mehr Conversions, es bestärkt auch Besucher, die an eine bestimmte Zahlungsmöglichkeit gewöhnt sind.
Dieser Punkt ist in der Tat so wichtig, dass Control schätzt, dass 50% der regelmäßigen Käufer ihren Kauf abbrechen würden, wenn ihre bevorzugte Zahlungsweise nicht angeboten wird.
Wenn ihr Laden international ausgerichtet ist sollten Sie daran denken, dass Zahlungsmethoden von Land zu Land unterschiedlich sind: was in den USA bevorzug benutzt wird ist nicht zwangsläufig die selbe Methode. die in Europa oder Asien erwünscht ist.

Zuletzt sollten Sie versuchen Ihre Besucher über deren IP-Standort umzuleiten, um ihnen so eine personalisierte Experience mit der passenden Währung und ihrer beliebtesten Zahlungsmethode zu geben.

Wenn Sie nicht wissen, welche Zahlungsmöglichkeit Sie als erstes einführen sollen, schauen Sie sich die Statista Studie zu bevorzugten globalen Zahlungsmöglichkeiten an.

Various payment options on shopping cart page

Der international Sportbekleidungshersteller Adidas bietet 6 verschieden Zahlungsarten an, inclusive PayPal, VISA und Apple Pay: dies ist fĂĽr groĂźe und globale Shops zwingend notwendig.

6. Vertrauenserweckende Elemente und Siegel

Eine kĂĽrzlich durch Econsultancy durchgefĂĽhrte Studie hat ergeben, dass GĂĽtesiegel der wichtigste Faktor dafĂĽr sind, dass Kunden einer Webseite vertrauen.

Sie sind sogar wichtiger als Kundenempfehlungen oder ein vertrauenserweckendes Design:

Trust seals importance

Wenn Sie nicht genau wissen, welches Siegel Sie benutzen sollen und wissen wollen, welches die effektivsten Vertrauens-Siegel sind kommt hier Ihre Antwort.

Baymard fĂĽhrte 2013 eine tiefgehende Studie zu diesem Thema durch, die 2016 aktualisiert wurde:

Common trust seals

7. Telefon-, Chat- oder Email-Hilfe

Wenn wir noch einmal die Studie von Econsultancy ĂĽber die wichtigsten Faktoren in der Gewinnung von Kundenvertrauen anschauen fällt auf, dass „das Anzeigen einer eindeutigen Kontaktnummer und Adresse“ als zweitwichtigster Aspekt dicht auf den Gewinner folgt.

Ihre Besucher wollen das Gefühl haben, dass tatsächlich Menschen hinter der Webseite stecken – das nennt man Kundenservice.

Auch wenn Live-Chats oder Telefonservice direkt auf der Warenkorbseite fĂĽr
E-Marketer eher neue Optionen sind, ist es doch eine gute Möglichkeit, Konversionen zu erhöhen, das Vertrauen der Besucher zu gewinnen und Ihre Markenidentität zu steigern. Am Ende des Tages ist die Wiedererkennung der Marke was wir wollen, oder nicht?

Wenn es darum geht zwischen einem Live-Chat und Telefonservice zu wählen sollten Sie daran denken, dass Millenials Live Chats bevorzugen; dies wurde auch in einer Studie von Software Adivce belegt:

Live chat and assistance option on shopping cart page

Live chat integration on shopping cart

Victoria’s Secret setzt bei der Hervorhebung der CTAs auf auffällige Farben.

Sie bieten clever eine Live-Chat Option auf der Warenkorbseite selber an, um mögliche Hemmschwellen beim Kauf zu überbrücken: das ist ein smarter Weg, um abschließende Fragen zu beantworten.

8. Weiter einkaufen Option

Hier reicht es schnell anzumerken, dass ein „Weiter einkaufen“-Button eine gute Möglichkeit ist einen Weg anzubieten den Warenkorb zu verlassen, aber auf der Webseite selber zu bleiben.

Darüber hinaus nutzen einige online Shopper den Warenkorb tatsächlich als Wunschliste: sie speichern Produkte hier lediglich ab, um bei zukünftigen Einkäufen auf sie zurück zu kommen.

9. Eindeutige und detaillierte Informationen ĂĽber Versandkosten und RĂĽcksendung

Was meine Sie, was ist der häufigste Grund für Warenkorbabbrüche in den USA?

Versteckte Versandkosten.

Es ist Fakt, dass online Käufer versteckte Kosten und last-minute Versandkosten verabscheuen, wie auch eine Studie zu dem Thema von Statista zeigt:

Main reasons for shopping cart abandonment

Mit diesem Wissen wird es Zeit, dass E-Commerce Webseiten ihre Versandkosten und Rücksendebestimmungen durchschaubarer gestalten: dies ist ein entscheidender Faktor in der Erhöhung der Conversions und bei der Gewinnung von Kundenvertrauen.

Einfach gesagt sollten Sie danach streben, klare Informationen ĂĽber Versandkosten zu geben: dies kann schon auf der Produktseite erfolgen, um WarenkorbabbrĂĽche zu verringern.

10. Produktempfehlungen

Passende Produkte per Cross-Selling anzubieten ist nichts Neues im E-Commerce.

Produktempfehlungen im Warenkorb anzuzeigen ist jedoch etwas Neues, dass Sie ausprobieren sollten.
Wir raten Ihnen aber auf jeden Fall dazu, ihre Conversionrate nach der Einrichtung zu beobachten, da Produktempfehlungen nicht unbedingt die E-Commerce Conversions, jedoch den durchschnittlichen Bestellwert erhöhen.

Complementary products displayed on shopping cart page

Hat Ihnen dieser Artikel gefallen? Teilen Sie ihn und schauen Sie sich auch unsere anderen Artikel ĂĽber die Optimierung Ihrer Webseite, E-Commerce und digitalem Marketing in unserem Blog an!

Sie möchten Ihre E-Commerce Produktseiten optimieren? Hier geht’s zu unserem neuesten Expertenartikel zu diesem Thema.

AB Tasty ist eine All-In-One Lösung zur Conversion Optimierung. Damit Unternehmen die Besucher ihrer Website in Kunden verwandeln, geben wir eine Komplettlösung an die Hand, die alles bietet, was eine starke Website Optimierung benötigt: A/B Testing & Multivariates Testing, Personalisierung, einen Marketplace mit Plugin- und Widgetvorlagen zur Steigerung des User Engagements, starke Insights mit Session Recording und Heatmaps, smartes Reporting und APP-Optimierung.

Unverbindliche Produktdemo anfragen