Wenn Sie nicht wissen, was Sie ändern sollen, versuchen Sie, die Farben Ihrer Website zu ändern

Eines der größten Probleme bei der Verbesserung der Leistung Ihrer Website besteht darin, nicht zu wissen, welche Änderungen vorgenommen werden müssen. Das ist uns allen schon einmal passiert. In solchen Fällen ist es das Richtige, sich auf die kritischsten Teile des Webs zu konzentrieren. Damit meine ich die Bereiche Ihrer Seite, die die meiste Aufmerksamkeit erhalten oder für Ihr Geschäftsmodell am wichtigsten sind.

Wenn Ihr Ziel beispielsweise darin besteht, dass die Besucher Ihrer Website am Ende ein Formular ausfüllen, konzentrieren Sie sich auf das Formular selbst: Machen Sie es auffälliger und vereinfachen Sie es so weit wie möglich, damit es einfach auszufüllen und abzusenden ist. Wie ich bereits sagte, suchen Sie zuerst nach den Elementen, die, wenn sie geändert werden, einen größeren Einfluss auf Ihre Besucher haben könnten, da Sie dadurch schneller interessante Ergebnisse erhalten.

Wenn Sie immer noch nicht wissen, was Sie ändern sollen, können Sie die Farben Ihrer Webseite ändern, was nie enttäuscht und sehr einfach auszuprobieren ist. Ohne Sehbehinderte außer Acht lassen zu wollen, ist klar, dass die Farben Ihrer Website sehr wichtig sind. Viel mehr als Sie sich vorstellen können.

Es gibt mehrere Studien zur Farbtheorie und der Art und Weise, wie wir Menschen sie wahrnehmen. Was nur wie eine Interpretation verschiedener Wellenlängen erscheint, die von unserem visuellen System (Augen, Sehnerv und Gehirn) erfasst werden, verbirgt einen enormen psychologischen Hintergrund.

Aus diesem Grund ermutige ich Sie, die Farben Ihrer Webseite (oder einiger wichtiger Elemente darin) zu ändern und zu untersuchen, wie sich die Interaktion Ihrer Besucher angesichts dieser Änderungen entwickelt. Genau das werde ich Ihnen heute anhand eines vollständigen und realen Beispiels erklären, das wir auf dieser Website getestet haben.

Definition des A/B-Tests

Um Änderungen auf Ihrer Website zu testen, sollten Sie einen A/B-Test verwenden. Auf diese Weise können Sie mit echten Daten und nach wissenschaftlicher Methode garantieren, dass die vorgenommenen Änderungen besser (oder nicht) funktionieren als Ihre aktuelle Version.

Im heutigen Beispiel testen wir eine Änderung der Farben der ersten Seite der Preisseite von Nelio A/B Testing. Diese erste Faltung hat einen großen Einfluss auf unser Geschäft, da sie für die Anzeige der Preistabelle zuständig ist, durch die unsere Besucher beim Kauf des Plugins zu Kunden werden.

Im folgenden Vergleich sehen Sie die Originalversion des ersten Falzes (links) und die alternative Version (rechts) mit den unterschiedlichen Farben von Schaltflächen und Rändern und einem neuen Hintergrundbild:

Um die Änderungen zu testen, haben wir Nelio A/B Testing als unser Referenz-A/B-Test-Plugin verwendet. Als erstes werden wir einen neuen A/B-Test der Seiten erstellen, das ist das Element, das wir testen werden.

Wir tun dies, weil wir die Farben über den WordPress-Seiteneditor selbst ändern können. Wenn wir es nicht so machen könnten, weil die Farben durch ein Theme-Template oder auf eine andere, weniger orthodoxe Weise kommen – die Erfahrung sagt uns, dass Farbstile in WordPress auf verschiedene Arten definiert werden können –, wäre eine andere Option, die immer funktionieren würde Verwenden Sie einen A/B-Test von CSS-Stilen, bei dem wir die neuen Farben anwenden könnten, indem wir neue CSS-Stilregeln in der Variante hinzufügen.

Im Bearbeitungsbildschirm des A/B-Tests wählen wir die Basisseite aus, die wir testen möchten (unsere Preisseite) und erstellen eine neue Variante, die wir später bearbeiten:

Ein weiterer wichtiger Aspekt, der hervorgehoben werden muss, ist die Definition, welche Metriken das A/B-Testing-Tool verfolgen soll, um später herauszufinden, welche der beiden Versionen besser funktioniert hat. Wir definieren dies im Abschnitt Conversion-Ziele und Aktionen, wie Sie im obigen Screenshot sehen können.

In unserem Fall haben wir fünf Ziele definiert, die uns fünf verschiedene Ergebnisse für denselben A/B-Test liefern. Zuerst definieren wir das Ziel, das die Anzahl der Klicks auf die Kaufschaltflächen aller in der Preistabelle enthaltenen Pläne misst. Dann haben wir 3 zusätzliche Ziele, die Klicks für jeden Plan einzeln messen. Und schließlich haben wir ein Ziel, das die tatsächliche Anzahl der Käufe misst, die getätigt werden, nachdem jede Version der getesteten Seite gesehen wurde.

Schließlich bearbeiten wir die alternative Version der Seite. Dies führt uns zu dem von uns verwendeten WordPress-Seiteneditor (in unserem Fall dem Blockeditor), wie Sie im folgenden Screenshot sehen können:

Hier müssen wir nur die Farben der Aktionsschaltflächen jeder der drei Spalten und des Elements ändern, mit dem wir den oberen Rand erstellen. Und wir haben auch das Hintergrundbild für ein anderes geändert, das wir in unsere WordPress-Medienbibliothek hochgeladen haben.

Sobald die alternative Seite mit den Änderungen, die wir testen möchten, fertig ist, ist es an der Zeit, zum A/B-Test-Bearbeitungsbildschirm zurückzukehren und ihn zu starten. Dadurch wird der Traffic zu unserer Preisseite automatisch in zwei Teile geteilt. Die Hälfte unserer Besucher wird mit der Originalversion interagieren, die andere Hälfte wird die Variante sehen.

Auf diese Weise können wir überprüfen, welche Version der Seite bei den fünf Conversion-Zielen besser funktioniert. Jetzt müssen wir nur noch auf die Ergebnisse warten, um uns die gesuchten Informationen zu liefern.

Analyse der Testergebnisse

Wenn eine Variante besser ist als die andere, wird uns das A/B-Testtool schließlich selbst mitteilen. Im A/B-Test, den wir zuvor beschrieben haben, waren die Ergebnisse eindeutig. Die Version mit den neuen Farben ist schlechter als das, was wir bereits hatten. Sie können die Details der Ergebnisse für jedes der fünf im Test definierten Ziele in der folgenden Galerie sehen:

Die Variante erhielt nicht nur weniger Klicks auf die Aktionsschaltflächen, sondern führte auch zu weniger Verkäufen (fast 22 % weniger).

Das mag albern erscheinen, aber wenn Sie die Änderungen, anstatt sie mit einem A/B-Test zu testen, direkt auf Ihrer Website ändern, ohne sie vorher zu testen, laufen Sie Gefahr, Änderungen einzuführen, die möglicherweise schlechter funktionieren. Das könnte auch bei uns der Fall gewesen sein, da die Änderungen, die wir vornehmen wollten, nicht so gut funktioniert haben, wie wir es uns vorgestellt hatten.

Sie können feststellen, dass das Ändern der Farben zu einem bestimmten Zeitpunkt eine gute Lösung ist, weil Ihnen die neuen Farben einfach besser gefallen. Sie haben eine neue Farbpalette gefunden, die Ihnen stilistisch viel besser erscheint, und verwenden diese direkt. Aber das ist ein großer Fehler. Die Tatsache, dass Sie eine Farbe mehr mögen als eine andere, ist nicht wichtig. Wichtig ist, genau zu prüfen, ob dies bei Ihrem Publikum und Ihren Besuchern wirklich der Fall ist. Und Sie können dies in einer kontrollierten Umgebung durch einen A/B-Test tun.

Beitragsbild von Jeremy Thomas auf Unsplash.