5 A/B Tests für mehr Conversions Online

48
5 A/B Tests für mehr Conversions online Fabian Liebig Optimizely @Optimizely

description

Inhalt: Wie schaffe ich es online, meine Besucher in Kunden zu verwandeln? Fabian Liebig von Optimizely wird Ihnen anhand von 5 konkreten A/B Tests zeigen, wie Sie Ihre Webseite kinderleicht optimieren können. Von allen Besuchern einer Webseite wandern im Durchschnitt 98% ab, ohne Kunden zu werden. Um Besucherverhalten zu verstehen und zu optimieren, helfen kontinuierliche Tests und Experimente. Wir möchten Ihnen zeigen, wie man diese erstellt und so auf Basis von Daten Nutzererfahrungen und Conversions verbessert. Sie lernen: - Warum A/B Tests so wichtig sind - Wie Sie Hypothesen für A/B Tests richtig erstellen - Welche Seitenelemente optimiert werden können - Wie Sie 5 konkrete A/B Tests aufsetzen Testen und optimieren Sie Ihre Webseite mit Optimizely kostenlos: https://www.optimizely.de Inspirationen rund um Conversion Optimierung finden Sie hier: http://blog.optimizely.de/

Transcript of 5 A/B Tests für mehr Conversions Online

Page 1: 5 A/B Tests für mehr Conversions Online

5 A/B Tests für mehr Conversions online

Fabian Liebig !

Optimizely

@Optimizely

Page 2: 5 A/B Tests für mehr Conversions Online

FABIAN LIEBIGMarketing Manager DACH

[email protected]

@Optimizely

Page 3: 5 A/B Tests für mehr Conversions Online

AGENDA

1. Kurze Einführung - Optimizely & A/B Tests 2. Test 1 - Testen der Navigation 3. Test 2 - Testen von Bildern 4. Test 3 - Mobiles Testen 5. Test 4 - Personalisieren mit Cookies 6. Test 5 - Personalisieren durch Geo-Location 7. Case Studies 8. Q&A

Page 4: 5 A/B Tests für mehr Conversions Online

Dan Pete

2006: Dan Siroker und Pete Koomen— Product Manager bei Google

2008: Dan — Obama Campaign!

2008 - 2010: Carrotsticks, Spreadly, und Y Combinator.

2010: Gründung von Optimizely

2012 (Okt.): 100,000th Experiment, over!1 Billion pages. #1 Website Optimization Platform

2013: $28M für Internationalisierung

100K

$28M

Unsere Geschichte

8000+ Glückliche Kunden

$57M 2014: $57M für weitere Expansion

Page 5: 5 A/B Tests für mehr Conversions Online

WAS IST EIN A/B TEST?

@Optimizely

Page 6: 5 A/B Tests für mehr Conversions Online

ENTSCHEIDUNGEN AUF DATEN

@Optimizely

Page 7: 5 A/B Tests für mehr Conversions Online

DER OPTIMIERUNGSZYKLUS

Ergebnisse!

Analyse!

Hypothesen!

Priorisierung!

A/B Test!

@Optimizely

Page 8: 5 A/B Tests für mehr Conversions Online

ZIELE EINER HYPOTHESE

• Fokus auf die richtigen Ziele und KPIs • Fokus auf die richtigen Elemente • Daten führen zu klarer Entscheidung Keine Hypothese —> Keine Learnings!

!

!

Page 9: 5 A/B Tests für mehr Conversions Online

DIE PERFEKTE HYPOTHESE

!

!

!

Wenn [gezielte Veränderung] dann [erwarteter Effekt; KPI] weil [tiefer liegendes Prinzip]. !!

Wenn Empfehlungen von unten nach oben links verschoben werden !

dann steigen Pageviews pro Besuch !

weil sie mehr Aufmerksamkeit bekommen und Nutzer eher relevanten Content finden.!

Page 10: 5 A/B Tests für mehr Conversions Online

Testen der Navigation

Test 1

@Optimizely

Page 11: 5 A/B Tests für mehr Conversions Online

HYPOTHESE!!

Wenn wir das “Sale”-Element nach links verschieben und einfärben, dann erhöhen wir die CTR, denn Besucher lesen von links nach rechts und nehmen die Angebote so eher wahr.

Page 12: 5 A/B Tests für mehr Conversions Online

ORIGINAL!!

Page 13: 5 A/B Tests für mehr Conversions Online

Testen von Bildern

Test 2

Page 14: 5 A/B Tests für mehr Conversions Online

HYPOTHESE!!

Wenn wir statt des Produktbildes das Bild einer Person auf der Homepage einsetzen, dann wird sich die Aktivität auf der Webseite erhöhen, weil sich Besucher persönlich angesprochen fühlen.

Page 15: 5 A/B Tests für mehr Conversions Online

ORIGINAL!!

Page 16: 5 A/B Tests für mehr Conversions Online

BILD AUSTAUSCHEN!!

Wir klicken das Bild im Optimizely Editor an, gehen dann auf “Element bearbeiten” und “Bild ändern”, um das blau umrandete Bild zu ändern.

Page 17: 5 A/B Tests für mehr Conversions Online

NEUE VARIANTE - HOMEPAGEBANNER!!

Wir können in Optimizely Bilder sehr einfach austauschen - entweder via Link oder direkt von unserem Computer.

Page 18: 5 A/B Tests für mehr Conversions Online

Mobiles Testen

Test 3

Page 19: 5 A/B Tests für mehr Conversions Online

HYPOTHESE!!

Wenn wir das Promobanner weiter oben platzieren, dann klicken mehr Personen auf die Angebote, denn nicht alle Besucher werden bis nach unten durchscrollen.

Page 20: 5 A/B Tests für mehr Conversions Online

MOBILE VERSION LADEN!!

Wir können die Webseite im Editor unter Editor-Einstellungen die mobile Version der Webseite laden und so die Version z.B. im iPhone Format laden.

Page 21: 5 A/B Tests für mehr Conversions Online

MOBILE VERSION - ORIGINAL!!

Auf der Originalseite sehen wir auf dem iPhone die Suche, das Banner sowie 3 Navigationselemente.

Page 22: 5 A/B Tests für mehr Conversions Online

MOBILE VERSION - VARIANTE B!!

Ein Promobanner, was erst nach längerem Scrollen auf dem iPhone sichtbar war, haben wir mit der Funktion “Neu Ordnen” nach oben gezogen. Wir hoffe, dass sich mehr Leute den Gutschein sichern und einkaufen.

Page 23: 5 A/B Tests für mehr Conversions Online

MOBILE VERSION - ORIGINAL & VARIANTE B!!

Hier die veränderte Version im Vergleich zum Original. Welche Variante wird mehr Klicks generieren?

Vs.

Page 24: 5 A/B Tests für mehr Conversions Online

Personalisieren mit Cookies

Test 4

Page 25: 5 A/B Tests für mehr Conversions Online

HYPOTHESE!!

Wenn wir Personen, die sich noch kein Konto erstellt haben jeweils eine Person des anderen Geschlechts zeigen, dann erhöhen wir die Anzahl der Anmeldungen, denn z.B. eine Frau, die beim ersten Mal nicht konvertiert fühlt sich eher von einem Mann angesprochen.

Page 26: 5 A/B Tests für mehr Conversions Online

ORIGINAL!!

Page 27: 5 A/B Tests für mehr Conversions Online

BILD AUSTAUSCHEN - VARIANTE B!!

Im Editor von Optimizely können wir ein Bild ganz einfach austauschen und eine alternative Variante zur Homepage erstellen.

Page 28: 5 A/B Tests für mehr Conversions Online

BILD AUSGETAUSCHT - VARIANTE B!!

Im Editor von Optimizely können wir ein Bild ganz einfach austauschen - entweder durch ein Bild online oder direkt von unserem Computer. So haben wir eine 2. Variante unserer Homepage erstellt.

Page 29: 5 A/B Tests für mehr Conversions Online

AUDIENCE ANLEGEN - COOKIES!!

Wie können in “Audiences” Besuchergruppen anlegen und somit Variante B, also das Bild mit dem Mann nur den Besuchern zeigen, die wir als Gruppe “nicht angemeldet & Frau” über einen Cookie identifizieren.

Page 30: 5 A/B Tests für mehr Conversions Online

Personalisieren durch Geo-Location

Test 5

Page 31: 5 A/B Tests für mehr Conversions Online

HYPOTHESE!!

Wenn wir die Ansprache auf die Stadt beziehen und Personen aus z.B. Hamburg einen stadtspezifischen Text anzeigen, dann werden mehr Besucher einen Termin bei der Parfümerie in ihrer Nähe buchen, denn die Nutzererfahrung wird so personalisiert.

Page 32: 5 A/B Tests für mehr Conversions Online

ORIGINAL!!

Page 33: 5 A/B Tests für mehr Conversions Online

AUDIENCE ANLEGEN - LOCATION!!

Wir nutzen “Audiences” um die Zielgruppe für dieses Experiment festzulegen. Wir wollen anhand der Geo-location testen, ob ein stadtspezifischer Text mit Besuchern aus Hamburg zu mehr gebuchten Terminen führt.

Page 34: 5 A/B Tests für mehr Conversions Online

NEUE VARIANTE - STADTSPEZIFISCH!!

In Optimizelys visuellem Editor erstellen wir eine 2. Variante, bei der wir den Text spezifisch auf Besucher aus Hamburg anpassen (Siehe rote Pfeile).

Page 35: 5 A/B Tests für mehr Conversions Online

VERGLEICH - ORIGINAL & VARIANTE B!!

Optimizely macht es unglaublich einfach, Texte auf der Webseite zu ändern und gegeneinander zu testen. Welche Variante wird bei den Besuchern besser funktionieren?

Vs.

Page 36: 5 A/B Tests für mehr Conversions Online

Case Study - 21Diamonds

Page 37: 5 A/B Tests für mehr Conversions Online

TESTEN VON BANNERN

21Diamonds wollte herausfinden, welcher Text für Anzeigenbanner am besten funktionieren würde.

Page 38: 5 A/B Tests für mehr Conversions Online

Original Variante

Vs.

2 X höhere CTR

Page 39: 5 A/B Tests für mehr Conversions Online

LESSON LEARNED

Alessio Romito Ehemals 21Diamonds

,,Auch wenn sie bei uns Geschenke aus Liebe kaufen, Rabatte scheinen Besucher

dennoch besser zu motivieren.”

Page 40: 5 A/B Tests für mehr Conversions Online

Case Study - AutoScout24

Page 41: 5 A/B Tests für mehr Conversions Online

FORMULAROPTIMIERUNG

Wie schaffe ich es, die Abbruchrate beim Kontaktformular zu minimieren?

Page 42: 5 A/B Tests für mehr Conversions Online

Original Variante21,6 %

geringere Abbruchrate

Vs.

Page 43: 5 A/B Tests für mehr Conversions Online

LESSON LEARNED

Tobias Kleyer DieProduktmacher

„Je geringer die Nutzerinteraktion mit dem Formular ist, desto geringer ist die

Wahrscheinlichkeit eines Abbruchs. Gibt es also einen vorausgefüllten Standardtext, kann der User die Anfrage einfach mit nur einem

Klick abschließen.”

Page 44: 5 A/B Tests für mehr Conversions Online

Fazit

Page 45: 5 A/B Tests für mehr Conversions Online

PRIORISIERUNG

Kosten/Aufwand

Erw

arte

ter N

utze

n

Page 46: 5 A/B Tests für mehr Conversions Online

Wichtig: Hypothese vor Test aufsetzen

Hypothesen helfen bei der Planung und Auswertung

Tests strukturell planen

Welche Tests haben das größte Potenzial?

Jetzt mit dem Testen beginnen!

!!

TAKEAWAYS

Page 47: 5 A/B Tests für mehr Conversions Online

KONTAKTDATEN

Fabian Liebig !

[email protected] !

optimizely.de !

blog.optimizely.de !

!

!

!

!

@Optimizely

Page 48: 5 A/B Tests für mehr Conversions Online

Danke