1. 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-Main
Wiesbaden, November 2012
Silke Berz, http://blog.paulinepauline.de/, @paulinepauline
Creative Director UX bei http://triplesense.de/

2. Usabilitytests
http://www.carlynporter.com/

3. A/B Split Testing
http://www.smashingmagazine.com/2010/06/24/the-ultimate-guide-to-a-b-testing/

4. 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.

5. 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.

6. Los geht‘s!

7. Landingpages

8. 1
Call-to-action links oder rechts?
Eyetracking im Usability-Test:
Wird ein Call-to-Action auf der rechten oder auf der linken Seite stärker wahrgenommen?
Quelle: http://www.konversionskraft.de/landing-page-optimierung/landingpage-optimierung-tipp-5-call-to-action-links-oder-rechts.html

9. 1
Call-to-action links oder rechts?
Eyetracking im Usability-Test:
Wird ein Call-to-Action auf der rechten oder auf der linken Seite stärker wahrgenommen?
Quelle: http://www.konversionskraft.de/landing-page-optimierung/landingpage-optimierung-tipp-5-call-to-action-links-oder-rechts.html

10. 2
Bildkomposition mit Call-to-action
Eyetracking im Usability-Test:
Welche Anordnung der Call to Actions funktioniert besser?
http://www.konversionskraft.de/landing-page-optimierung/landing-page-optimierung-tipp-3.html

11. 2
Bildkomposition mit Call-to-action
Eyetracking im Usability-Test:
Welche Anordnung der Call to Actions funktioniert besser?
http://www.konversionskraft.de/landing-page-optimierung/landing-page-optimierung-tipp-3.html

12. 3
Textgestaltung als Konversionsverstärker
A/B-Test:
Welche Kombination von Headline, Anlauf und Zusatztext führte zu mehr Registrierungen?
Variante A Variante B
http://visualwebsiteoptimizer.com/split-testing-blog/split-testing-increases-signups/

13. 3
Textgestaltung als Konversionsverstärker
A/B-Test:
Welche Kombination von Headline, Anlauf und Zusatztext führte zu mehr Registrierungen?
+91%
Variante A Variante B
http://visualwebsiteoptimizer.com/split-testing-blog/split-testing-increases-signups/

14. 4
Die optimale Länge einer Landingpage
A/B-Test: Welche Version führte zu mehr Registrierungen?
Version 4:
Seite ohne Screenshots +
FAQ
Version 2:
nur FAQs zur Anwendung
Version 3:
nur Screenshots der
Anwendung
Version 1:
Langversion mit FAQ +
Screenshots

15. 4
Die optimale Länge einer Landingpage

16. 4
Die optimale Länge einer Landingpage

17. 4
Die optimale Länge einer Landingpage

18. 4
Die optimale Länge einer Landingpage
A/B-Test: Welche Version führte zu mehr Registrierungen?
Version 4:
Seite ohne Screenshots +
FAQ
Version 2:
nur FAQs zur Anwendung
Version 3:
nur Screenshots der
Anwendung
Version 1:
Langversion mit FAQ +
Screenshots

19. 4
Die optimale Länge einer Landingpage
+56%
A/B-Test: Welche Version führte zu mehr Registrierungen? +62% -3%
Version 4:
Seite ohne Screenshots +
FAQ
Version 2:
nur FAQs zur Anwendung
Version 3:
nur Screenshots der
Anwendung
Version 1:
Langversion mit FAQ +
Screenshots

20. 5
Angebot von Free Trial
A/B-Test: Welche Variante führt zu mehr Abschlüssen der kostenpflichten Version?
Quelle: https://whichtestwon.com

21. 5
Angebot von Free Trial
A/B-Test: Welche Variante führt zu mehr Abschlüssen der kostenpflichten Version?
+ 158%
Die Zahl neu eröffneter kostenpflichtiger Account blieb gleich, aber
die Zahl der kostenlosen Accounts stieg stark an, was zu einer
Quelle: https://whichtestwon.com höheren Zahl an Upgrads in der Zukunft führen wird.

22. 6
Videos zum Abschlussunterstützung
A/B-Test: Welche Version steigerte die Registrierungen?
Quelle: http://whichtestwon.com/google-website-optimizer-test-results

23. 6
Videos zum Abschlussunterstützung
A/B-Test: Welche Version steigerte die Registrierungen?
- 30%
Quelle: http://whichtestwon.com/google-website-optimizer-test-results

24. 7
Landingpage mit Registrierungsformular
A/B-Test: Welche Variante führt zu mehr Registrierungen?
Quelle: http://www.abtests.com/test/258001/landing-for-vendio

25. 7
Landingpage mit Registrierungsformular
+ 60%
A/B-Test: Welche Variante führt zu mehr Registrierungen?
Quelle: http://www.abtests.com/test/258001/landing-for-vendio

26. Bühnen

27. 8
Themenbühnen 1/2
Eyetracking im Usability-Test: Welches Element zieht die meiste Aufmerksamkeit auf sich?
Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html

28. 8
Themenbühnen 1/2
Eyetracking im Usability-Test: Welches Element zieht die meiste Aufmerksamkeit auf sich?
A
D
C
B
E
Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html

29. 8
Themenbühnen 1/2
Eyetracking im Usability-Test: Welches Element zieht die meiste Aufmerksamkeit auf sich?
Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html

30. 8
Themenbühnen 1/2
Eyetracking im Usability-Test: Welches Element zieht die meiste Aufmerksamkeit auf sich?
A
D
C
B
E
Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html

31. 9
Themenbühnen 2/2
Eyetracking im Usability-Test: Welches Element zieht die meiste Aufmerksamkeit auf sich?
Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html

32. 9
Themenbühnen 2/2
Eyetracking im Usability-Test: Welches Element zieht die meiste Aufmerksamkeit auf sich?
A
B
C D
F
G
E
Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html

33. 9
Themenbühnen 2/2
Eyetracking im Usability-Test: Welches Element zieht die meiste Aufmerksamkeit auf sich?
Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html

34. 9
Themenbühnen 2/2
Welches Element zieht wahrscheinlich die meiste Aufmerksamkeit auf sich?
A
B
C D
F
G
E
Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html

35. 12
Footer
A/B-Test: Welche Variante führte zu mehr Bestellungen?
Quelle: http://whichtestwon.com/

36. 12
Footer
A/B-Test: Welche Variante führte zu mehr Bestellungen?
+ 24%
Quelle: http://whichtestwon.com/

37. Formulare

38. 13
Formulargestaltung
A/B-Test: Welche Version steigerte die Conversion des Formulars?
Quelle: http://www.lukew.com/ff/entry.asp?1007

39. 13
Formulargestaltung
+ 25 -
A/B-Test: Welche Version steigerte die Conversion des Formulars?
40%
Quelle: http://www.lukew.com/ff/entry.asp?1007

40. 14
Multi-Step vs. Single Page Checkout
A/B-Test:
Welche Version
steigerte die
Conversion des
Checkouts?
Quelle: http://www.getelastic.com/single-vs-two-page-checkout/ A/B Test

41. 14
Multi-Step vs. Single Page Checkout
+ 21%
A/B-Test:
Welche Version
steigerte die
Conversion des
Checkouts?
Quelle: http://www.getelastic.com/single-vs-two-page-checkout/ A/B Test

42. Produktseiten und Listen

43. 16
Farben für Call to Action-Buttons
Eye-Tracking im Usability-Test: Welche Variante lenkt die Aufmerksamkeit besser?
Variante mit grünem Button: Variante mit rotem Button:
Quelle: 11 Konversionskiller und wie sie vermieden werden, Thorsten Hubert, 2011

44. 16
Farben für Call to Action-Buttons
Eye-Tracking im Usability-Test: Welche Variante lenkt die Aufmerksamkeit besser?
Variante mit grünem Button: Variante mit rotem Button:
Quelle: 11 Konversionskiller und wie sie vermieden werden, Thorsten Hubert, 2011

45. 17
Produkt Detailseiten - Shop
A/B-Test: Welche Variante steigert die Conversion am meisten?
Klassische Aufgeräumt und Wirkt elitär durch Emotionen:
Produktseite clean Hintergrund und Rebellion,
Ausleuchtung Individualismus
Quelle: http://whichtestwon.com/archives/16905 http://www.konversionkraft.de/

46. 17
Produkt Detailseiten - Shop
A/B-Test: Welche Variante steigert die Conversion am meisten?
45.9% 59.1% 82.1% 63.2%
Klassische Aufgeräumt und Wirkt elitär durch Emotionen:
Produktseite clean Hintergrund und Rebellion,
Ausleuchtung Individualismus
Quelle: http://whichtestwon.com/archives/16905 http://www.konversionkraft.de/

47. 18
Filter
A/B-Test: Welche Variante führt zu mehr Verkäufen?
Quelle: https://whichtestwon.com

48. 18
Filter
A/B-Test: Welche Variante führt zu mehr Verkäufen?
+ 27%
Quelle: https://whichtestwon.com

49. 19
Produktlisten im E-Commerce
A/B-Test: Welche Variante führt zu mehr Verkäufen?
Quelle: https://whichtestwon.com

50. 19
Produktlisten im E-Commerce
+ 35%
A/B-Test: Welche Variante führt zu mehr Verkäufen?
Quelle: https://whichtestwon.com

51. 20
Preisberechnung
A/B-Test: Welche Variante führt zu mehr Vertragsabschlüssen?
Quelle: http://visualwebsiteoptimizer.com/split-testing-blog/saas-pricing-ab-test/

52. 20
Preisberechnung
A/B-Test: Welche Variante führt zu mehr Vertragsabschlüssen?
+ 114%
Quelle: http://visualwebsiteoptimizer.com/split-testing-blog/saas-pricing-ab-test/

53. 21
Anordnung der Produkte
A/B-Test: Welche Variante führt zu mehr Vertragsabschlüssen?
Quelle: http://visualwebsiteoptimizer.com/split-testing-blog/pricing-page-testing

54. 21
Anordnung der Produkte
A/B-Test: Welche Variante führt zu mehr Vertragsabschlüssen?
+ 5% mehr Umsatz pro
Kunde (Durchschnitt)
+ 9% mehr Abschlüsse
Quelle: http://visualwebsiteoptimizer.com/split-testing-blog/pricing-page-testing

55. 22
Design
A/B-Test: Welche Variante führte zu mehr Software Downloads?
Quelle: http://www.conversionskills.com/

56. 22
Design
A/B-Test: Welche Variante führte zu mehr Software Downloads?
+ 162%
Quelle: http://www.conversionskills.com/

57. Und jetzt:
Wie viele Punkte habt ihr erreicht?

58. Ergebnis
19 – 10 Punkte 09 – 5 Punkte 5 – 0 Punkte
? ? ?

59. Ergebnis
19 – 10 Punkte 09 – 5 Punkte 5 – 0 Punkte
? ?
Du bist der Typ
Konzepter / 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.
;-)

60. Ergebnis
19 – 10 Punkte 09 – 5 Punkte 5 – 0 Punkte
?
Du bist der Typ Du bist der Typ
Konzepter / Designer Projektmanager
Du hast das Zeug zum hervor- Du hast manchmal merkwürdige
ragenden Konzepter oder Vorstellungen, wie sich die
Designer (wenn du es nicht Nutzer im Web verhalten, und
schon bist). Du bist ein Mensch lässt dich nur ungern eines
gewordenes Testlabor – irgend besseren belehren. Aber hin und
eine höhere Macht lässt deine wieder liegst du auch mal richtig
Entwürfe in jedem Test mit deinen Vermutungen.
gewinnen.
;-)
;-)

61. Ergebnis
19 – 10 Punkte 09 – 5 Punkte 5 – 0 Punkte
Du bist der Typ Du bist der Typ Du bist der Typ
Konzepter / Designer Projektmanager Programmierer
Du hast das Zeug zum hervor- Du hast manchmal merkwürdige Du hast nur ein paar
ragenden Konzepter oder Vorstellungen, wie sich die Zufallstreffer gelandet, was dir
Designer (wenn du es nicht Nutzer im Web verhalten, und aber nix ausmacht, denn die
schon bist). Du bist ein Mensch lässt dich nur ungern eines eigentliche Musik spielt hinter
gewordenes Testlabor – irgend besseren belehren. Aber hin und diesem ganzen überbewerteten
eine höhere Macht lässt deine wieder liegst du auch mal richtig Schischi.
Entwürfe in jedem Test mit deinen Vermutungen.
gewinnen. ;-)
;-)
;-)

62. Quellen
Google Bildersuche nach „heatmap“ oder „A/B test“
http://www.konversionskraft.de/
http://whichtestwon.com/
http://visualwebsiteoptimizer.com/

63. Vielen Dank
Silke Berz
@paulinepauline