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