Welcher Test gewinnt?
Wie gut kannst du einschätzen, welche Variante im Usability-Test oder A/B Test
gewinnt?
Ein kleines Quiz für das Barcamp Rhein-MainWiesbaden, November 2012
Silke Berz, http://blog.paulinepauline.de/, @paulinepaulineCreative Director UX bei http://triplesense.de/
Usabilitytests
http://www.carlynporter.com/
A/B Split Testing
http://www.smashingmagazine.com/2010/06/24/the-ultimate-guide-to-a-b-testing/
So funktioniert das Quiz
In welcher welcher Variante werden mehr Produkt verkauft?
Anleitung:- Das Quiz enthält 19 Testergebnisse aus Usability- und A/B-Tests.- Zuerst werden jeweils die getesteten Varianten gezeigt.- Merke dir die Variante, die deiner Meinung nach gewonnen hat.- Dann wird das Ergebnis gezeigt.- Hast du richtig getippt, notiere dir einen Punkt.- Am Ende der 19 Testergebnisse erhältst du eine Auswertung deines Ergebnisses.
So funktioniert das Quiz
In welcher welcher Variante werden mehr Produkt verkauft?
31% CR
12% CR
Anleitung:- Das Quiz enthält 19 Testergebnisse aus Usability- und A/B-Tests.- Zuerst werden jeweils die getesteten Varianten gezeigt.- Merke dir die Variante, die deiner Meinung nach gewonnen hat.- Dann wird das Ergebnis gezeigt.- Hast du richtig getippt, notiere dir einen Punkt.- Am Ende der 19 Testergebnisse erhältst du eine Auswertung deines Ergebnisses.
Los geht‘s!
Landingpages
Call-to-action links oder rechts?
Quelle: http://www.konversionskraft.de/landing-page-optimierung/landingpage-optimierung-tipp-5-call-to-action-links-oder-rechts.html
Eyetracking im Usability-Test:
Wird ein Call-to-Action auf der rechten oder auf der linken Seite stärker wahrgenommen?
1
Call-to-action links oder rechts?
Quelle: http://www.konversionskraft.de/landing-page-optimierung/landingpage-optimierung-tipp-5-call-to-action-links-oder-rechts.html
Eyetracking im Usability-Test:
Wird ein Call-to-Action auf der rechten oder auf der linken Seite stärker wahrgenommen?
1
Bildkomposition mit Call-to-action
http://www.konversionskraft.de/landing-page-optimierung/landing-page-optimierung-tipp-3.html
Eyetracking im Usability-Test:
Welche Anordnung der Call to Actions funktioniert besser?
2
Bildkomposition mit Call-to-action
http://www.konversionskraft.de/landing-page-optimierung/landing-page-optimierung-tipp-3.html
Eyetracking im Usability-Test:
Welche Anordnung der Call to Actions funktioniert besser?
2
Textgestaltung als Konversionsverstärker
Variante A Variante B
http://visualwebsiteoptimizer.com/split-testing-blog/split-testing-increases-signups/
A/B-Test:
Welche Kombination von Headline, Anlauf und Zusatztext führte zu mehr Registrierungen?
3
Textgestaltung als Konversionsverstärker
Variante A Variante B
+91%
http://visualwebsiteoptimizer.com/split-testing-blog/split-testing-increases-signups/
A/B-Test:
Welche Kombination von Headline, Anlauf und Zusatztext führte zu mehr Registrierungen?
3
Die optimale Länge einer Landingpage
A/B-Test: Welche Version führte zu mehr Registrierungen?
Version 3:nur Screenshots der Anwendung
Version 2:nur FAQs zur Anwendung
Version 1:Langversion mit FAQ + Screenshots
Version 4:Seite ohne Screenshots + FAQ
4
Die optimale Länge einer Landingpage4
Die optimale Länge einer Landingpage4
Die optimale Länge einer Landingpage4
Die optimale Länge einer Landingpage
Version 3:nur Screenshots der Anwendung
Version 2:nur FAQs zur Anwendung
Version 1:Langversion mit FAQ + Screenshots
Version 4:Seite ohne Screenshots + FAQ
A/B-Test: Welche Version führte zu mehr Registrierungen?
4
A/B-Test: Welche Version führte zu mehr Registrierungen?
Die optimale Länge einer Landingpage
Version 3:nur Screenshots der Anwendung
Version 2:nur FAQs zur Anwendung
Version 1:Langversion mit FAQ + Screenshots
Version 4:Seite ohne Screenshots + FAQ
+62%
+56% -3%
4
Angebot von Free Trial
Quelle: https://whichtestwon.com
A/B-Test: Welche Variante führt zu mehr Abschlüssen der kostenpflichten Version?
5
A/B-Test: Welche Variante führt zu mehr Abschlüssen der kostenpflichten Version?
Angebot von Free Trial
Quelle: https://whichtestwon.com
+ 158%
Die Zahl neu eröffneter kostenpflichtiger Account blieb gleich, aber die Zahl der kostenlosen Accounts stieg stark an, was zu einer höheren Zahl an Upgrads in der Zukunft führen wird.
5
Videos zum Abschlussunterstützung
Quelle: http://whichtestwon.com/google-website-optimizer-test-results
A/B-Test: Welche Version steigerte die Registrierungen?
6
A/B-Test: Welche Version steigerte die Registrierungen?
Videos zum Abschlussunterstützung
Quelle: http://whichtestwon.com/google-website-optimizer-test-results
- 30%
6
Landingpage mit Registrierungsformular
Quelle: http://www.abtests.com/test/258001/landing-for-vendio
A/B-Test: Welche Variante führt zu mehr Registrierungen?
7
A/B-Test: Welche Variante führt zu mehr Registrierungen?
Landingpage mit Registrierungsformular
Quelle: http://www.abtests.com/test/258001/landing-for-vendio
+ 60%
7
Bühnen
Themenbühnen 1/2
Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html
Eyetracking im Usability-Test: Welches Element zieht die meiste Aufmerksamkeit auf sich?
8
Themenbühnen 1/2
B
CD
E
Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html
A
Eyetracking im Usability-Test: Welches Element zieht die meiste Aufmerksamkeit auf sich?
8
Themenbühnen 1/2
Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html
Eyetracking im Usability-Test: Welches Element zieht die meiste Aufmerksamkeit auf sich?
8
Themenbühnen 1/2
A
BC
D
E
Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html
Eyetracking im Usability-Test: Welches Element zieht die meiste Aufmerksamkeit auf sich?
8
Themenbühnen 2/2
Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html
Eyetracking im Usability-Test: Welches Element zieht die meiste Aufmerksamkeit auf sich?
9
Themenbühnen 2/2
A
B
C D
EF
G
Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html
Eyetracking im Usability-Test: Welches Element zieht die meiste Aufmerksamkeit auf sich?
9
Themenbühnen 2/2
Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html
Eyetracking im Usability-Test: Welches Element zieht die meiste Aufmerksamkeit auf sich?
9
Themenbühnen 2/2
A
B
C D
EF
G
Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html
Welches Element zieht wahrscheinlich die meiste Aufmerksamkeit auf sich?
9
A/B-Test: Welche Variante führte zu mehr Bestellungen?
Footer
Quelle: http://whichtestwon.com/
12
A/B-Test: Welche Variante führte zu mehr Bestellungen?
Footer
Quelle: http://whichtestwon.com/
12
+ 24%
Formulare
Formulargestaltung
Quelle: http://www.lukew.com/ff/entry.asp?1007
A/B-Test: Welche Version steigerte die Conversion des Formulars?
13
A/B-Test: Welche Version steigerte die Conversion des Formulars?
Formulargestaltung
Quelle: http://www.lukew.com/ff/entry.asp?1007
+ 25 - 40%
13
Multi-Step vs. Single Page Checkout
Quelle: http://www.getelastic.com/single-vs-two-page-checkout/ A/B Test
A/B-Test: Welche Version steigerte die Conversion des Checkouts?
14
Multi-Step vs. Single Page Checkout
Quelle: http://www.getelastic.com/single-vs-two-page-checkout/ A/B Test
+ 21%
A/B-Test: Welche Version steigerte die Conversion des Checkouts?
14
Produktseiten und Listen
Farben für Call to Action-Buttons
Quelle: 11 Konversionskiller und wie sie vermieden werden, Thorsten Hubert, 2011
Variante mit grünem Button:
Eye-Tracking im Usability-Test: Welche Variante lenkt die Aufmerksamkeit besser?
16
Variante mit rotem Button:
Farben für Call to Action-Buttons
Variante mit grünem Button: Variante mit rotem Button:
Quelle: 11 Konversionskiller und wie sie vermieden werden, Thorsten Hubert, 2011
Eye-Tracking im Usability-Test: Welche Variante lenkt die Aufmerksamkeit besser?
16
Produkt Detailseiten - Shop
Klassische Produktseite
Aufgeräumt und clean
Wirkt elitär durch Hintergrund und Ausleuchtung
Emotionen: Rebellion, Individualismus
A/B-Test: Welche Variante steigert die Conversion am meisten?
17
Quelle: http://whichtestwon.com/archives/16905 http://www.konversionkraft.de/
A/B-Test: Welche Variante steigert die Conversion am meisten?
Produkt Detailseiten - Shop
Quelle: http://whichtestwon.com/archives/16905 http://www.konversionkraft.de/
Klassische Produktseite
Aufgeräumt und clean
Wirkt elitär durch Hintergrund und Ausleuchtung
Emotionen: Rebellion, Individualismus
45.9% 59.1% 82.1% 63.2%
17
A/B-Test: Welche Variante führt zu mehr Verkäufen?
Filter
Quelle: https://whichtestwon.com
18
A/B-Test: Welche Variante führt zu mehr Verkäufen?
Filter
Quelle: https://whichtestwon.com
+ 27%
18
Produktlisten im E-Commerce
Quelle: https://whichtestwon.com
A/B-Test: Welche Variante führt zu mehr Verkäufen?
19
A/B-Test: Welche Variante führt zu mehr Verkäufen?
Produktlisten im E-Commerce
Quelle: https://whichtestwon.com
+ 35%
19
A/B-Test: Welche Variante führt zu mehr Vertragsabschlüssen?
Preisberechnung
Quelle: http://visualwebsiteoptimizer.com/split-testing-blog/saas-pricing-ab-test/
20
A/B-Test: Welche Variante führt zu mehr Vertragsabschlüssen?
Preisberechnung
Quelle: http://visualwebsiteoptimizer.com/split-testing-blog/saas-pricing-ab-test/
+ 114%
20
A/B-Test: Welche Variante führt zu mehr Vertragsabschlüssen?
Anordnung der Produkte
Quelle: http://visualwebsiteoptimizer.com/split-testing-blog/pricing-page-testing
21
A/B-Test: Welche Variante führt zu mehr Vertragsabschlüssen?
Anordnung der Produkte
Quelle: http://visualwebsiteoptimizer.com/split-testing-blog/pricing-page-testing
+ 5% mehr Umsatz pro Kunde (Durchschnitt)
+ 9% mehr Abschlüsse
21
A/B-Test: Welche Variante führte zu mehr Software Downloads?
Design
Quelle: http://www.conversionskills.com/
22
A/B-Test: Welche Variante führte zu mehr Software Downloads?
Design22
+ 162%
Quelle: http://www.conversionskills.com/
Und jetzt:
Wie viele Punkte habt ihr erreicht?
? ? ?
Ergebnis
19 – 10 Punkte 09 – 5 Punkte 5 – 0 Punkte
Ergebnis
? ?Du bist der TypKonzepter / Designer
Du hast das Zeug zum hervor-ragenden Konzepter oder Designer (wenn du es nicht schon bist). Du bist ein Mensch gewordenes Testlabor – irgend eine höhere Macht lässt deine Entwürfe in jedem Test gewinnen.
;-)
19 – 10 Punkte 09 – 5 Punkte 5 – 0 Punkte
Ergebnis
?Du bist der TypProjektmanager
Du hast manchmal merkwürdige Vorstellungen, wie sich die Nutzer im Web verhalten, und lässt dich nur ungern eines besseren belehren. Aber hin und wieder liegst du auch mal richtig mit deinen Vermutungen.
;-)
Du bist der TypKonzepter / Designer
Du hast das Zeug zum hervor-ragenden Konzepter oder Designer (wenn du es nicht schon bist). Du bist ein Mensch gewordenes Testlabor – irgend eine höhere Macht lässt deine Entwürfe in jedem Test gewinnen.
;-)
19 – 10 Punkte 09 – 5 Punkte 5 – 0 Punkte
Ergebnis
Du bist der TypProgrammierer
Du hast nur ein paar Zufallstreffer gelandet, was dir aber nix ausmacht, denn die eigentliche Musik spielt hinter diesem ganzen überbewerteten Schischi.
;-)
Du bist der TypProjektmanager
Du hast manchmal merkwürdige Vorstellungen, wie sich die Nutzer im Web verhalten, und lässt dich nur ungern eines besseren belehren. Aber hin und wieder liegst du auch mal richtig mit deinen Vermutungen.
;-)
Du bist der TypKonzepter / Designer
Du hast das Zeug zum hervor-ragenden Konzepter oder Designer (wenn du es nicht schon bist). Du bist ein Mensch gewordenes Testlabor – irgend eine höhere Macht lässt deine Entwürfe in jedem Test gewinnen.
;-)
19 – 10 Punkte 09 – 5 Punkte 5 – 0 Punkte
Quellen
http://whichtestwon.com/
http://www.konversionskraft.de/
Google Bildersuche nach „heatmap“ oder „A/B test“
http://visualwebsiteoptimizer.com/
Vielen Dank
Silke Berz @paulinepauline