Welche Variante gewinnt?                  Wie gut kannst du einschätzen, welche Variante im                        Usabili...
Usabilitytestshttp://www.carlynporter.com/
A/B Split Testinghttp://www.smashingmagazine.com/2010/06/24/the-ultimate-guide-to-a-b-testing/
Los geht‘s!                                   Anleitung:      Das Quiz enthält 18 Testergebnisse aus Usability- und A/B-Te...
Call-to-action links oder rechts?Eyetracking Test:                                                           Der Versuchsa...
Call-to-action links oder rechts?Eyetracking Test:                                                          Der Versuchsau...
Bildkompisition mit Call-to-action Eyetracking Test                                                        Der Versuchsauf...
Bildkompisition mit Call-to-actionEyetracking Test                                                        Der Versuchsaufb...
Textgestaltung als KonversionsverstärkerVariante A                                                        Variante BA/B-Te...
Textgestaltung als Konversionsverstärker                                                                                  ...
Farben für Call to Action-Buttons                                                                         Eye-Tracking-Tes...
Farben für Call to Action-Buttons Zwei Varianten im Test: Original mit Buttons in der CI-Farbe. Modifizierte Version mit C...
Farben für Call to Action-ButtonsVariante mit grünem Button:                                Variante mit rotem Button:Quel...
Die optimale Länge einer LandingpageA/B-Test mit 4 Version einer Landingpage Version 1: Langversion mit FAQ + Screenshots ...
Die optimale Länge einer Landingpage
Die optimale Länge einer Landingpage
Die optimale Länge einer Landingpage
Die optimale Länge einer LandingpageA/B-Test mit 4 Version einer Landingpage                                              ...
Die optimale Länge einer Landingpage                                              +56%                                  +6...
Produktdetailseiten im E-CommerceWelche Produktseite convertiert besser?Quelle: https://whichtestwon.com
Produktdetailseiten im E-CommerceWelche Produktseite convertiert besser?                                          substant...
Angebot von Free TrialQuelle: https://whichtestwon.com
Angebot von Free Trial                                                                                  + 158%            ...
Themenbühnen 1/2Welches Element zieht wahrscheinlich die meiste Aufmerksamkeit auf sich?Quelle: http://www.usability.de/pu...
Themenbühnen 1/2Welches Element zieht wahrscheinlich die meiste Aufmerksamkeit auf sich?       A                          ...
Themenbühnen 1/2Welches Element zieht wahrscheinlich die meiste Aufmerksamkeit auf sich?       A                          ...
Themenbühnen 2/2Welches Element zieht wahrscheinlich die meiste Aufmerksamkeit auf sich?Quelle: http://www.usability.de/pu...
Themenbühnen 2/2Welches Element zieht wahrscheinlich die meiste Aufmerksamkeit auf sich?       A                          ...
Themenbühnen 2/2Welches Element zieht wahrscheinlich die meiste Aufmerksamkeit auf sich?Quelle: http://www.usability.de/pu...
Themenbühnen 2/2Welches Element zieht wahrscheinlich die meiste Aufmerksamkeit auf sich?       A                          ...
Videos zum AbschlussunterstützungWelche Version steigerte die Registrierungen?Quelle: http://whichtestwon.com/google-websi...
Videos zum Abschlussunterstützung                                                                                        -...
FormulareWelche Version steigerte die Conversion?                                                 Ron and his team ran som...
Formulare                                                 + 25 -Welche Version steigerte die Conversion?         40%      ...
Multi-Step vs. Single Page CheckoutQuelle: http://www.getelastic.com/single-vs-two-page-checkout/ A/B Test
Multi-Step vs. Single Page Checkout                                                                             + 21%     ...
Newsletter AnmeldungenWelche Version führte zu mehr Newsletter-Anmeldungen?Quelle: http://whichtestwon.com/archives/16975
Newsletter AnmeldungenWelche Version führte zu mehr Newsletter-Anmeldungen?Quelle: http://whichtestwon.com/archives/16975
Newsletter Magazin                                                 Welche Newsletter-                                     ...
Newsletter Magazin                               + 36%                                                         Welche News...
Newsletter GestaltungWelche Newsletter-Variante steigerte die Klickrate?Quelle: http://whichtestwon.com/archives/16905
Newsletter Gestaltung                                      + 6%Welche Newsletter-Variante steigerte die Klickrate?        ...
Produkt Detailseiten - ShopWelche Detailseiten-Variante steigerte die Conversion?Klassische                      Aufgeräum...
Produkt Detailseiten - ShopWelche Detailseiten-Variante steigerte die Conversion?            45.9%                        ...
Landingpage mit RegistrierungsformularWelches Formular führte zu mehr Registrierungen?Quelle: http://www.abtests.com/test/...
Landingpage mit Registrierungsformular                                                                  + 60%Welches Formu...
Produktlisten im E-CommerceWelches Variante der Liste führte zu mehr Verkäufen?Quelle: https://whichtestwon.com
Produktlisten im E-Commerce                                                       + 35%Welches Variante der Liste führte z...
Einsatz von StörernWelches Variante der Produktdetailseite führte zu mehr Verkäufen?http://www.abtests.com/test/263001/pro...
Einsatz von StörernWelches Variante der Produktdetailseite führte zu mehr Verkäufen?                                    31...
Und jetzt:Wie viele Punkte habt ihr erreicht?
Ergebnis  18 – 12 Punkte   11 – 6 Punkte   5 – 0 Punkte      ?                ?             ?
Ergebnis     18 – 12 Punkte              11 – 6 Punkte   5 – 0 Punkte                                     ?             ?D...
Ergebnis     18 – 12 Punkte                    11 – 6 Punkte                5 – 0 Punkte                                  ...
Ergebnis     18 – 12 Punkte                    11 – 6 Punkte                         5 – 0 PunkteDu bist der Typ          ...
QuellenGoogle Suche nach „heatmap“ oder „A/B test“http://www.konversionskraft.de/http://whichtestwon.com/http://visualwebs...
Vielen Dank   Silke Berz @paulinepauline
Nächste SlideShare
Wird geladen in …5
×

Quiz: Welche Variante des Usability-Tests gewinnt?

2.424 Aufrufe

Veröffentlicht am

Ein kleines Quiz anlässlich des Barcamps Karlsruhe im Juli 2012.

0 Kommentare
5 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
2.424
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
39
Aktionen
Geteilt
0
Downloads
22
Kommentare
0
Gefällt mir
5
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Quiz: Welche Variante des Usability-Tests gewinnt?

  1. 1. Welche Variante gewinnt? Wie gut kannst du einschätzen, welche Variante im Usability-Test oder A/B Test gewinnt? Ein kleines Quiz fürs Barcamp Karlsruhe, Juli 2012Silke Berz, http://blog.paulinepauline.de/, @paulinepaulineCreative Director bei http://triplesense.de/
  2. 2. Usabilitytestshttp://www.carlynporter.com/
  3. 3. A/B Split Testinghttp://www.smashingmagazine.com/2010/06/24/the-ultimate-guide-to-a-b-testing/
  4. 4. Los geht‘s! Anleitung: Das Quiz enthält 18 Testergebnisse aus Usability- und A/B-Tests. Zuerst werden jeweils die beiden 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 18 Testergebnisse erhältst du eine Auswertung deines Ergebnisses.
  5. 5. Call-to-action links oder rechts?Eyetracking Test: Der Versuchsaufbau Für den Test wurde das Panel von 20 Personen im Alter von 20Wird ein Call-to-Action auf der rechten – 43 Jahren und rund 50% Frauen bzw. Männer in zwei gleiche Gruppen aufgeteilt. Jede Gruppe bekam nur einen der Screensoder auf der linken Seite stärker im 5-Sekunden-Test zu sehen.wahrgenommen?Quelle: http://www.konversionskraft.de/landing-page-optimierung/landingpage-optimierung-tipp-5-call-to-action-links-oder-rechts.html
  6. 6. Call-to-action links oder rechts?Eyetracking Test: Der Versuchsaufbau Für den Test wurde das Panel von 20 Personen im Alter von 20Wird ein Call-to-Action auf der rechten – 43 Jahren und rund 50% Frauen bzw. Männer in zwei gleiche Gruppen aufgeteilt. Jede Gruppe bekam nur einen der Screensoder auf der linken Seite stärker im 5-Sekunden-Test zu sehen.wahrgenommen?Quelle: http://www.konversionskraft.de/landing-page-optimierung/landingpage-optimierung-tipp-5-call-to-action-links-oder-rechts.html
  7. 7. Bildkompisition mit Call-to-action Eyetracking Test Der Versuchsaufbau: Welchen Einfluss hat die A/B-Test mit zehn Probanden. Jeder Proband hat nur eine Version der Landing-Page gesehen um ein klares Blickrichtung der abgebildeten Ergebnis zu erhalten. Es wurden jeweils zwei Person auf das Blickverhalten der Messungen mit 5 Sekunden Blickzeit aufgenommen. Die Altersstruktur von 20 bis über 60 Jahre und genau Nutzer? Welche Anordnung der 50% Männer / Frauen. Call to Actions funktioniert besser?http://www.konversionskraft.de/landing-page-optimierung/landing-page-optimierung-tipp-3.html
  8. 8. Bildkompisition mit Call-to-actionEyetracking Test Der Versuchsaufbau:Welchen Einfluss hat die A/B-Test mit zehn Probanden. Jeder Proband hat nur eine Version der Landing-Page gesehen um ein klaresBlickrichtung der abgebildeten Ergebnis zu erhalten. Es wurden jeweils zweiPerson auf das Blickverhalten der Messungen mit 5 Sekunden Blickzeit aufgenommen. Die Altersstruktur von 20 bis über 60 Jahre und genauNutzer? Welche Anordnung der 50% Männer / Frauen.Call to Actions funktioniert besser?http://www.konversionskraft.de/landing-page-optimierung/landing-page-optimierung-tipp-3.html
  9. 9. Textgestaltung als KonversionsverstärkerVariante A Variante BA/B-Test: Der Versuchsaufbau Umgestaltung des Textaufbaus in Version B: Kürzere Headline,Welche Kombination von Headline, zusätzliche Headline + Hervorhebung von Begriffen.Anlauf und Zusatztext funktioniert Lenkung der Blickrichtung zum CtA.besser? Ergebnis 91% höhere Registrierung für Testversionhttp://visualwebsiteoptimizer.com/split-testing-blog/split-testing-increases-signups/
  10. 10. Textgestaltung als Konversionsverstärker +91%Variante A Variante BA/B-Test: Der Versuchsaufbau Umgestaltung des Textaufbaus in Version B: Kürzere Headline,Welche Kombination von Headline, zusätzliche Headline + Hervorhebung von Begriffen.Anlauf und Zusatztext funktioniert Lenkung der Blickrichtung zum CtA.besser? Ergebnis 91% höhere Registrierung für Testversionhttp://visualwebsiteoptimizer.com/split-testing-blog/split-testing-increases-signups/
  11. 11. Farben für Call to Action-Buttons Eye-Tracking-Test: Konvertieren konträre Elemente besser? Getestet wurden zwei Varianten des Call-to-Actions-Buttons „Jetzt abschließen“. (Im linken Screenshot grüner) Versuchsaufbau • A/B-Test mit jeweils zehn Probanden. • Jeder Proband hat nur eine Version der Landingpage gesehen um ein klares Ergebnis zu erhalten. • Jeweils drei Messungen mit jeweils 4 Sekunden Blickzeit. • Altersstruktur von 20 bis über 60 Jahre. • Genau 50% Männer / Frauen.Quelle: 11 Konversionskiller und wie sie vermieden werden, Thorsten Hubert, 2011
  12. 12. Farben für Call to Action-Buttons Zwei Varianten im Test: Original mit Buttons in der CI-Farbe. Modifizierte Version mit Call-to-Action-Button in einer konträren Farbe, die auf der gesamten Website bisher nicht vorkommt.Quelle: 11 Konversionskiller und wie sie vermieden werden, Thorsten Hubert, 2011
  13. 13. Farben für Call to Action-ButtonsVariante mit grünem Button: Variante mit rotem Button:Quelle: 11 Konversionskiller und wie sie vermieden werden, Thorsten Hubert, 2011
  14. 14. Die optimale Länge einer LandingpageA/B-Test mit 4 Version einer Landingpage Version 1: Langversion mit FAQ + Screenshots Der Versuchsaufbau A/B-Test mit 4 Versionen einer Landingpage. Auslieferung aller Versionen und Messung der Veränderung im Abverkauf des Test-Software-Services.
  15. 15. Die optimale Länge einer Landingpage
  16. 16. Die optimale Länge einer Landingpage
  17. 17. Die optimale Länge einer Landingpage
  18. 18. Die optimale Länge einer LandingpageA/B-Test mit 4 Version einer Landingpage Version 4: Seite ohne Screenshots + FAQ Version 2: nur FAQs zur Anwendung Version 3: nur Screenshots der Anwendung Version 1: Langversion mit FAQ + Screenshots Der Versuchsaufbau A/B-Test mit 4 Versionen einer Landingpage. Auslieferung aller Versionen und Messung der Veränderung im Abverkauf des Test-Software-Services.
  19. 19. Die optimale Länge einer Landingpage +56% +62% -3%A/B-Test mit 4 Version einer Landingpage Version 4: Seite ohne Screenshots + FAQ Version 2: nur FAQs zur Anwendung Version 3: nur Screenshots der Anwendung Version 1: Langversion mit FAQ + Screenshots Der Versuchsaufbau A/B-Test mit 4 Versionen einer Landingpage. Auslieferung aller Versionen und Messung der Veränderung im Abverkauf des Test-Software-Services.
  20. 20. Produktdetailseiten im E-CommerceWelche Produktseite convertiert besser?Quelle: https://whichtestwon.com
  21. 21. Produktdetailseiten im E-CommerceWelche Produktseite convertiert besser? substantial increase in purchases removing extraneous navigation, increasing image size, and clarifying the order process are best practices that generally winQuelle: https://whichtestwon.com
  22. 22. Angebot von Free TrialQuelle: https://whichtestwon.com
  23. 23. Angebot von Free Trial + 158% We expected that by adding a free trial button on the homepage the number of paid accounts would decrease. We were positively surprised by the results. Not only did we manage to keep the sale at the same level, but we also noticed a huge increase in the number of free trial accounts, which will also result in a bigger number of upgrades in the future.Quelle: https://whichtestwon.com
  24. 24. Themenbühnen 1/2Welches Element zieht wahrscheinlich die meiste Aufmerksamkeit auf sich?Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html
  25. 25. Themenbühnen 1/2Welches Element zieht wahrscheinlich die meiste Aufmerksamkeit auf sich? A D C B EQuelle: http://www.usability.de/publikationen/studien/themenbuehnen.html
  26. 26. Themenbühnen 1/2Welches Element zieht wahrscheinlich die meiste Aufmerksamkeit auf sich? A D C B EQuelle: http://www.usability.de/publikationen/studien/themenbuehnen.html
  27. 27. Themenbühnen 2/2Welches Element zieht wahrscheinlich die meiste Aufmerksamkeit auf sich?Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html
  28. 28. Themenbühnen 2/2Welches Element zieht wahrscheinlich die meiste Aufmerksamkeit auf sich? A B C D F G EQuelle: http://www.usability.de/publikationen/studien/themenbuehnen.html
  29. 29. Themenbühnen 2/2Welches Element zieht wahrscheinlich die meiste Aufmerksamkeit auf sich?Quelle: http://www.usability.de/publikationen/studien/themenbuehnen.html
  30. 30. Themenbühnen 2/2Welches Element zieht wahrscheinlich die meiste Aufmerksamkeit auf sich? A B C D F G EQuelle: http://www.usability.de/publikationen/studien/themenbuehnen.html
  31. 31. Videos zum AbschlussunterstützungWelche Version steigerte die Registrierungen?Quelle: http://whichtestwon.com/google-website-optimizer-test-results
  32. 32. Videos zum Abschlussunterstützung - 30%Welche Version steigerte die Registrierungen? This test pitted bullet points against two different style videos, a 3 minute tour & a 6 minute A/B test demo. Both video versions hurt conversion rates, the former dropped rates by roughly 20% and the latter dropped rates by about 30%.Quelle: http://whichtestwon.com/google-website-optimizer-test-results
  33. 33. FormulareWelche Version steigerte die Conversion? Ron and his team ran some A/B testing online that compared a traditional Web form layout with a narrative "Mad Libs" format.Quelle: http://www.lukew.com/ff/entry.asp?1007
  34. 34. Formulare + 25 -Welche Version steigerte die Conversion? 40% Ron and his team ran some A/B testing online that compared a traditional Web form layout with a narrative "Mad Libs" format. In Vast.coms testing, Mad Libs style forms increased conversion across the board by 25-40%.Quelle: http://www.lukew.com/ff/entry.asp?1007
  35. 35. Multi-Step vs. Single Page CheckoutQuelle: http://www.getelastic.com/single-vs-two-page-checkout/ A/B Test
  36. 36. Multi-Step vs. Single Page Checkout + 21% „After only 300 transactions, the winner was clear and we stopped the experiment after 606 transactions. Google Website Optimizer concluded that the single-page checkout outperformed the out-of-the-box checkout by a whopping 21.8%.“Quelle: http://www.getelastic.com/single-vs-two-page-checkout/ A/B Test
  37. 37. Newsletter AnmeldungenWelche Version führte zu mehr Newsletter-Anmeldungen?Quelle: http://whichtestwon.com/archives/16975
  38. 38. Newsletter AnmeldungenWelche Version führte zu mehr Newsletter-Anmeldungen?Quelle: http://whichtestwon.com/archives/16975
  39. 39. Newsletter Magazin Welche Newsletter- Variante steigerte die Klickrate?Quelle: http://whichtestwon.com/archives/17017
  40. 40. Newsletter Magazin + 36% Welche Newsletter- Variante steigerte die Klickrate? The winning version decluttered the left hand margin and used text links in the body to share other stories. The major differences between the two versions were the placement of the publication’s advertisement, the number of featured stories, and the layout of the ‘non-featured’ articles below the fold. This test received a gold award because it did a phenomenal job decluttering the newsletter while providing the same number of stories via text links.Quelle: http://whichtestwon.com/archives/17017
  41. 41. Newsletter GestaltungWelche Newsletter-Variante steigerte die Klickrate?Quelle: http://whichtestwon.com/archives/16905
  42. 42. Newsletter Gestaltung + 6%Welche Newsletter-Variante steigerte die Klickrate? Both versions had the same headline and subhead copy. However, Version A had a lot more white space and Apple- style design, whereas Version B used a fairly traditional email blast template. The judges liked this test because, well, the winning template was just so pretty. It’s a nice reminder that creativity can increase response rates. So, dust off your old tired templates and test something different!Quelle: http://whichtestwon.com/archives/16905
  43. 43. Produkt Detailseiten - ShopWelche Detailseiten-Variante steigerte die Conversion?Klassische Aufgeräumt und Wirkt elitär durch Emotionen:Produktseite clean Hintergrund und Rebellion, Ausleuchtung IndividualismusQuelle: http://whichtestwon.com/archives/16905
  44. 44. Produkt Detailseiten - ShopWelche Detailseiten-Variante steigerte die Conversion? 45.9% 59.1% 82.1% 63.2%Klassische Aufgeräumt und Wirkt elitär durch Emotionen:Produktseite clean Hintergrund und Rebellion, Ausleuchtung IndividualismusQuelle: http://whichtestwon.com/archives/16905
  45. 45. Landingpage mit RegistrierungsformularWelches Formular führte zu mehr Registrierungen?Quelle: http://www.abtests.com/test/258001/landing-for-vendio
  46. 46. Landingpage mit Registrierungsformular + 60%Welches Formular führte zu mehr Registrierungen?Big TakeawayIn this case an easier sign-up didnt necessarily lead toMORE sign-ups.Other Test HighlightsAnother lesson here is that it is it is worth testing radicallydifferent ideas – which, on the first glance, may appear not-so-smart (like removing signup form from the landing page!).Quelle: http://www.abtests.com/test/258001/landing-for-vendio
  47. 47. Produktlisten im E-CommerceWelches Variante der Liste führte zu mehr Verkäufen?Quelle: https://whichtestwon.com
  48. 48. Produktlisten im E-Commerce + 35%Welches Variante der Liste führte zu mehr Verkäufen?Quelle: https://whichtestwon.com
  49. 49. Einsatz von StörernWelches Variante der Produktdetailseite führte zu mehr Verkäufen?http://www.abtests.com/test/263001/product-for-the-corkscrew-wine-merchants
  50. 50. Einsatz von StörernWelches Variante der Produktdetailseite führte zu mehr Verkäufen? 31% CR 12% CRhttp://www.abtests.com/test/263001/product-for-the-corkscrew-wine-merchants
  51. 51. Und jetzt:Wie viele Punkte habt ihr erreicht?
  52. 52. Ergebnis 18 – 12 Punkte 11 – 6 Punkte 5 – 0 Punkte ? ? ?
  53. 53. Ergebnis 18 – 12 Punkte 11 – 6 Punkte 5 – 0 Punkte ? ?Du bist der TypKonzepter / DesignerAus dir könnte einhervorragender Konzepter oderDesigner werden, wenn du esnicht schon bist. Du bist einMensch gewordenes Testlabor –irgend eine höhere Macht lässtdeine Entwürfe in jedem Testgewinnen.
  54. 54. Ergebnis 18 – 12 Punkte 11 – 6 Punkte 5 – 0 Punkte ?Du bist der Typ Du bist der TypKonzepter / Designer ProjektmanagerAus dir könnte ein Du hast manchmal merkwürdigehervorragender Konzepter oder Vorstellungen, wie die Nutzer imDesigner werden, wenn du es Web sich verhalten, und lässtnicht schon bist. Du bist ein dich nur ungern eines besserenMensch gewordenes Testlabor – belehren. Aber hin und wiederirgend eine höhere Macht lässt liegst du auch mal richtig, mitdeine Entwürfe in jedem Test deinen Vermutungen.gewinnen. ;-)
  55. 55. Ergebnis 18 – 12 Punkte 11 – 6 Punkte 5 – 0 PunkteDu bist der Typ Du bist der Typ Du bist der TypKonzepter / Designer Projektmanager ProgrammiererAus dir könnte ein Du hast manchmal merkwürdige Du hast nur ein paarhervorragender Konzepter oder Vorstellungen, wie die Nutzer im Zufallstreffer gelandet, was dirDesigner werden, wenn du es Web sich verhalten, und lässt aber nix ausmacht, denn dienicht schon bist. Du bist ein dich nur ungern eines besseren eigentliche Musik spielt hinterMensch gewordenes Testlabor – belehren. Aber hin und wieder dem ganzen überbewertetenirgend eine höhere Macht lässt liegst du auch mal richtig, mit Schischi.deine Entwürfe in jedem Test deinen Vermutungen.gewinnen. ;-) ;-)
  56. 56. QuellenGoogle Suche nach „heatmap“ oder „A/B test“http://www.konversionskraft.de/http://whichtestwon.com/http://visualwebsiteoptimizer.com/
  57. 57. Vielen Dank Silke Berz @paulinepauline

×