A / B-Tests (auch als Split-Tests bezeichnet) ist eine Testmethode, die im Allgemeinen zum Marketing verwendet wird, um Ergebnisse zwischen zwei Stichproben zu vergleichen, mit dem Ziel, die Konversions- oder Antwortraten zu verbessern.

Im Webdesign werden A / B-Tests im Allgemeinen dazu verwendet, Designelemente zu testen (manchmal gegen das vorhandene Design), um besser zu bestimmen, welche Designelemente die beste Reaktion von Besuchern erhalten.

A / B-Tests vergleichen definitionsgemäß nur zwei Variablen (Designelemente) gleichzeitig. Es gibt auch multivariate Tests, die mehr als eine Variable vergleichen.

Jeder dient einem Zweck und kann Ihren Kunden helfen, bessere Entscheidungen zu treffen, die zu einer erfolgreicheren Website führen.

Hier präsentieren wir Ihnen eine gründliche Anleitung zur A / B-Prüfung, einschließlich der Vorteile der Verwendung und der Verwaltung von A / B-Tests bei Ihren eigenen Projekten.

Vorteile von A / B-Tests

Mit A / B-Tests können Sie sehen, wie sich Änderungen auf das Besucherverhalten auf einer Website auswirken. Viele Designer tauchen direkt in ein neues Design ein, mit oder ohne viel Recherche über aktuelle Besuchergewohnheiten, und hoffen auf das Beste. Dies führt zwar manchmal zu einem großen endgültigen Design, kann aber auch zu einem Design führen, das nicht besser ist als das Original (oder schlimmer noch).

A / B-Tests sind ein Ansatz mit relativ geringem Risiko für das Testen von Website-Änderungen. Obwohl es kompliziert erscheinen mag, gibt es viele Tools, die Ihnen helfen können, A / B-Tests zu verwalten und deren Ergebnisse zu interpretieren.

Ein weiterer wichtiger Vorteil des A / B-Tests besteht darin, dass es als Beweis verwendet werden kann, um einen Kunden davon zu überzeugen, dass eine Designauswahl einer anderen überlegen ist. Dies ist besonders nützlich, wenn Sie mit einem Kunden arbeiten, der nach Belegen sucht, die jede Entscheidung bestätigen, oder wenn ein Kunde Schwierigkeiten hat, Entscheidungen zu treffen.

Wenn Sie ihnen einen konkreten Beweis dafür vorlegen können, dass ein Entwurf besser funktioniert als ein anderer, ist es oft viel bequemer, eine Entscheidung zu treffen.

Wann sollte ein A / B-Test verwendet werden?

Wie bereits erwähnt, kann ein A / B-Test sehr nützlich sein, um Kunden zu überzeugen, die sich nicht zwischen zwei Designoptionen entscheiden können. Aber es kann auch für Designer hilfreich sein, die sich nicht sicher sind, welche der beiden Optionen am besten für ihren Kunden funktioniert.

Es gibt so viele Artikel und Studien, die uns jeden Tag berichten, wie wir die Ergebnisse für unsere Kunden maximieren können, indem wir den einen oder anderen Designstil verwenden. Und in vielen Fällen können die in diesen Artikeln enthaltenen Informationen widersprüchlich sein, wenn sie mit einem Artikel aus einer anderen Quelle verglichen oder zu einem früheren Zeitpunkt veröffentlicht werden.

A / B-Tests lassen Designer die verschiedenen Theorien und Empfehlungen im Rahmen ihrer eigenen Projekte testen, um selbst zu entscheiden, was für ihre Kunden am besten funktioniert.

Umfassende Redesigns sind nicht das einzige Mal, dass A / B-Tests nützlich sein können. Sie sind besonders wichtig, wenn Sie eine Werbeaktion oder eine andere Marketingübung durchführen. Wenn ein Kunde eine Seite für einen bestimmten Verkauf oder eine andere Aktion möchte, erwartet er von Ihnen, dass Sie etwas entwerfen, das zu Ergebnissen führt.

Wenn Sie einen A / B-Test einrichten, können Sie den wahrscheinlichen Erfolg verschiedener Designelemente, Formulierungen oder Layouts ermitteln, sodass Ihr Kunde die höchste Anzahl an Conversions erzielt.

Dinge zu testen

Es gibt eine Vielzahl von Elementen in einem Website-Design, die Sie testen könnten. Hier sind einige der häufigsten:

  • Farbschema
  • Text kopieren
  • Das allgemeine Layout
  • Bilder
  • Überschrift kopieren
  • Textgröße oder Schriftart

Ein Beispiel für einen Test von Header-Bildern. Alles außer dem Bild selbst wird zwischen den Tests gleich gehalten. Bilder von Per Ola Wiberg - Powi und aussiegall .

Praktisch jedes Element einer Website kann mit einem A / B-Test getestet werden, obwohl Sie nur die wichtigsten Elemente (wie Kopie, Farbschema oder Überschriften) testen möchten, sowohl für die Zeit als auch für das Geld.

So richten Sie einen A / B-Test ein

A / B-Tests bestehen aus wenigen Teilen. Die Einrichtung eines solchen Tools ist relativ einfach, insbesondere bei einigen der Tools, die später in diesem Artikel aufgeführt sind. In den meisten A / B-Tests sind einige grundlegende Schritte enthalten:

  • Richten Sie die zwei Designs ein, die Sie testen möchten.
  • Zeigen Sie den Besuchern oder einer Testgruppe zufällig ein Design oder das andere.
  • Verfolgen Sie die Leistung, insbesondere in Bezug auf die Ziele der Website, für jedes Design.
  • Bewerten Sie die Ergebnisse und entscheiden Sie, welche Version Sie verwenden möchten.

Sie sollten eine Methode zum Verfolgen der Ergebnisse, die Sie von jedem Design erhalten, über ein Analyseprogramm hinaus einrichten. Wenn Sie in einer Produktionsumgebung testen, haben Sie möglicherweise nicht einmal Besucherzahlen pro Design (obwohl sie in der Nähe sein sollten).

Stellen Sie sicher, dass Sie den Prozentsatz der Besucher ermitteln, die die Ziele erreichen, und nicht nur die konkreten Zahlen, wenn es einen Unterschied in der Gesamtzahl der Besucher gibt, die jedes Design gesehen haben.

Ändern Sie nur eine Sache auf einmal

Dies ist oft das Schwierigste für viele Designer. Bei echten A / B-Tests sollten Sie nur jeweils eine Änderung vornehmen oder nur eine Sache nach der anderen testen. Das bedeutet, jedes Element der Website - Navigation, Header-Design, Inhaltslayout, Farbschema usw. - separat zu testen.

Das obige Testbeispiel testet die Schriftart (Georgia vs. Verdana) eines Körperkopieblocks.

Der Punkt, um jedes Ding separat zu testen, ist sicherzustellen, dass Sie genaue Ergebnisse darüber erhalten, wie sich jedes Designelement auf der Website auf den Besucher auswirkt. Wenn Sie alles auf einmal ändern, wissen Sie nicht, ob es das gesamte Design ist, das Ihre Verkehrszahlen verbessert (oder sie fallen gelassen hat) oder nur ein Element. Bei einem Rückgang der Verkehrszahlen oder Verkäufe ist es wichtig zu isolieren, was nicht funktioniert.

Nehmen wir beispielsweise an, dass Sie einen Einkaufswagen auf einer Website komplett neu gestalten. Alles ist anders: die Call-to-Action-Buttons, das Checkout-Erlebnis, die Art und Weise, wie Besucher ihre Zahlungs- und Versandinformationen eingeben müssen usw. Und dann sagen wir, es gibt einen großen Umsatzrückgang. Das Problem dabei ist, dass Sie nicht wissen, was den Absturz verursacht hat.

Sicher, es könnte die Tatsache sein, dass alles nur anders ist und die Käufer mit dem neuen Design nicht so zufrieden sind.

Aber vielleicht liegt es nur daran, dass Sie auf dem "Add to Cart" -Button ein paar nette Worte benutzt haben und es verwirrende Leute sind. Wenn Sie diese Schaltfläche separat vom Rest des Einkaufswagens getestet haben, können Sie den Wortlaut ändern und den Umsatz steigern. Aber stattdessen möchte der Kunde, dass Sie alles so zurückstellen, wie es war, und sie denken, dass Sie inkompetent sind.

A / B Testing braucht Zeit

A / B-Tests können nicht generell über Nacht durchgeführt werden, obwohl es genau darauf ankommt, was Sie testen. Für etwas Einfaches, wie ein Header-Bild, können Sie möglicherweise nur einen Kurzzeittest durchführen. Bei größeren Änderungen, insbesondere solchen, die sich direkt auf Conversions auswirken, sollten Sie den Test länger laufen lassen.

Das Bestimmen, wie lange ein Test ausgeführt wird, ist oft einfach. Sehen Sie sich die Verkehrsmuster auf der Website an. Die meisten Websites weisen ein zyklisches Datenverkehrsmuster auf. An manchen Tagen werden ständig höhere Zugriffszahlen erzielt als bei anderen.

Bei einigen Websites läuft dieser Zyklus über einen Zeitraum von einer Woche, bei anderen um einen Monat. Wenn möglich, führen Sie Ihren A / B-Test über mindestens einen Zyklus durch, um genauere Zahlen zu erhalten.

Ziel ist es, einen guten Querschnitt von Besuchern zu bekommen, die die neuen Designoptionen testen. Wenn Sie auf die Verkehrszyklen achten, werden Sie mit größerer Wahrscheinlichkeit diesen Querschnitt erhalten. Wenn die fragliche Website keine identifizierbaren Datenverkehrsmuster aufweist (oder wenn sie viel länger sind), versuchen Sie, den Test mindestens eine Woche lang auszuführen.

So überzeugen Sie Ihre Kunden

Manchmal sind Kunden resistent gegen die zusätzliche Zeit und das Geld, die bei der Durchführung eines ordnungsgemäßen A / B-Tests anfallen.

Sie denken oft, dass Sie als Designer bereits wissen sollten, was funktioniert und was nicht für ihre Website. Manchmal denken sie als Unternehmer, sie wissen schon, was wird und was nicht. In jedem Fall müssen Sie sie davon überzeugen, dass ein A / B-Test helfen kann, diese Theorien mit konkreten Beweisen zu unterstützen.

Betonen Sie die Vorteile eines A / B-Tests. Sagen Sie ihnen, dass dies dazu beiträgt, dass ihre Besucher zufrieden sind und mit größerer Wahrscheinlichkeit etwas kaufen, sich für ein Konto anmelden oder Informationen herunterladen.

Betonen Sie, dass Ausgaben, die bei einem guten Split-Test ein wenig Zeit und Geld kosten, in Zukunft zu deutlich höheren Konversionsraten führen können. Betonen Sie auch, dass ein guter Split-Test auf lange Sicht auch Zeit sparen kann, da das Design nach der Einführung der Website wahrscheinlich weniger optimiert wird.

Tools für einfachere A / B-Tests

Wie bereits erwähnt, gibt es Tonnen von großartigen Tools für die Verwaltung von A / B-Tests auf Ihrer Website-Designs. Hier sind einige der besten (fühlen Sie sich frei, mehr in den Kommentaren zu teilen):

Google Website-Optimierungstool
Google bietet sein Website-Optimierungstool als Teil seines Analytics-Pakets an. Es ist ein kostenloses Tool, mit dem Sie A / B- oder multivariate Tests durchführen können. Sie bieten auch Informationen zum Testen und zum Erreichen der besten Ergebnisse.

Visuelles Website-Optimierungstool
Visual Website Optimizer ist ein einfach zu bedienendes A / B-Test-Tool, das sowohl von Unternehmen als auch von Agenturen verwendet wird. Sie erstellen einfach mehrere Versionen Ihrer Website, definieren, was Ihre Besucherziele sind (herunterladen, registrieren, kaufen usw.) und teilen dann Ihren Traffic auf die verschiedenen Versionen auf. Es gibt eine kostenlose Testversion, in der Sie einen einzelnen Test mit bis zu 1000 Besuchern durchführen können. bezahlte Konten beginnen bei $ 49 / Monat (für bis zu 10.000 Besucher getestet und bis zu 3 gleichzeitige Tests). Das Visual Website-Optimierungstool verfügt auch über eine Reihe von kostenlosen Tools, die Sie verwenden können, auch ohne ihren Dienst zu verwenden: A / B Geteilter Test Signifikanzrechner , ein Landing Page Analyzer , das A / B Ideafox - Fallstudien-Suchmaschine , und das A / B Split und Multivariate Testdauer-Rechner .

Vert
Vertert wurde speziell für multivariate Tests entwickelt, nicht nur für A / B-Tests. Ihr größter Vorteil für Agenturen ist, dass sie ihre Technologie privat kennzeichnen, so dass Sie Ihren Kunden eine eigene Testlösung anbieten können.

Drücken Sie A / B Testing Joomla Plugin
Mit diesem Plugin können Sie A / B-Tests in Joomla ohne externe Dienste ausführen. Es ist einfach zu verwenden und kann auf jedem Element einer Joomla-basierten Website ausgeführt werden.

Amazon Mechanischer Türke
Obwohl Mechanical Turk nicht speziell ein A / B-Test-Tool ist, kann es leicht verwendet werden, um Besucher für A / B- oder multivariate Tests zu finden, oft für nur ein paar Cent pro Besucher. Sie müssen mit den technischen Aspekten des Tests fertig werden, aber es kann das Problem lösen, Testpersonen zu finden.

Geteilter Test-Rechner
Für den Mathematiker kann dieser einfache Rechner Ihnen sagen, welcher Ihrer Tests besser war, wenn die Gesamtzahl der Besucher unterschiedlich ist. Geben Sie einfach die Gesamtzahl der Besucher und die Anzahl der Besucher ein, die Ihre Ziele für jede Besuchergruppe erreicht haben, und es wird berechnet, welche besser war.

ABtests.com
ABtests.com ermöglicht es Designern, die Ergebnisse ihrer eigenen A / B-Tests zu teilen und die Ergebnisse anderer zu sehen. So können Designer und Entwickler von dem lernen, was andere bereits versucht haben, und ihre eigenen Ergebnisse weitergeben, um anderen zu helfen.

Eine alternative Option
Als Alternative können Sie immer eine beliebige Anzahl von regulären Usability-Test-Tools verwenden, um einen A / B-Test durchzuführen, auch wenn sie den Service nicht offiziell anbieten. Alles, was Sie tun müssen, ist zwei Tests einzurichten und die Ergebnisse von jedem zu überwachen. Dies ist eine großartige Option, wenn Sie bereits ein beliebtes Usability-Test-Tool haben, aber in A / B-Tests expandieren möchten. Wenn nicht, hier ein paar, die Sie vielleicht in Erwägung ziehen:

Multivariate Tests

Multivariate Tests ähneln A / B-Tests, enthalten jedoch mehr Optionen. Wenn ein A / B-Test zwei Dinge vergleicht, kann ein multivariater Test drei, vier oder fünf verschiedene Designs testen.

Wenn Sie sich für multivariate Tests entscheiden und nicht nur für einfache A / B-Tests, ist es immer noch sinnvoll, nur ein Element gleichzeitig zu testen. Je mehr Optionen Sie in den Test einbeziehen, desto komplizierter werden die Interpretationsergebnisse, und diese Komplikationen werden nur noch verstärkt, wenn Sie mehr als ein Element testen.

Multivariate Tests können besonders nützlich sein, wenn Ihr Kunde nicht sicher ist, wie er seine Website gestalten möchte. Sie können zwei oder drei komplett verschiedene Website-Modelle testen und sehen, welche am besten funktioniert.

Möglicherweise möchten Sie dann A / B-Tests für bestimmte Elemente innerhalb des gewinnenden Designs ausführen, um sicherzustellen, dass es so gut wie möglich optimiert ist.

Im Rückblick

Hier sind die Grundlagen, die Sie beachten müssen, wenn Sie einen A / B-Test durchführen:

  • Testen Sie immer nur eins nach dem anderen.
  • Lassen Sie genügend Zeit zum Testen.
  • Verwenden Sie verfügbare Tools, um das A / B-Testen zu vereinfachen.
  • Verwenden Sie die Ergebnisse, um Ihren Kunden zu helfen, bessere Entscheidungen zu treffen.


Geschrieben exklusiv für WDD von Cameron Chapman .

Wenn Sie mehr A / B- oder multivariate Test-Tipps, Techniken oder Tools zum Teilen haben, tun Sie dies bitte in den Kommentaren. Wir freuen uns auch über Erfolgsgeschichten aus A / B-Tests!