Welche Farben sollten Sie verwenden, um den Umsatz zu steigern?

Veröffentlicht: 2021-05-13

Einmal mehr haben uns die A/B-Tests gezeigt, dass unsere Geschmäcker und Farbvorlieben nicht immer mit denen unserer Besucher übereinstimmen. Oder besser gesagt, die Farben, die Sie auf Ihrer Website zeigen, sind zwar attraktiv, aber nicht unbedingt die, die Ihnen die meisten Verkäufe bringen. Tatsächlich finden Sie viele Artikel zur Farbpsychologie, die untersuchen, wie jede Farbe eine andere emotionale Reaktion hervorruft und wie diese Ihr Publikum unterschiedlich überzeugen können.

Leitfaden zu den Emotionen, die Farben vermitteln, und zu den Marken, die sie in ihren Logos verwenden
Leitfaden zu den Emotionen, die Farben vermitteln, und zu den Marken, die sie in ihren Logos verwenden (Quelle: The Logo Company).

Da wir diesen Monat kürzlich unsere Nelio Content-Produktpläne und das Design der Preisseiten geändert haben, hielten wir dies für eine perfekte Gelegenheit, um zu analysieren, welche Farben in jedem unserer Pläne angezeigt werden sollten, um mehr Umsatz zu erzielen.

Bei der Gestaltung der Originalseite haben wir, da wir ein Fan der Farbe Blau sind, die folgende Gestaltung der Seite Nelio Content-Pläne vorgeschlagen:

Screenshot der Seite mit Plänen und Preisen von Nelio Content, bevor Sie den A/B-Test dafür erstellen
Screenshot der Nelio Content-Pläne und der Preisseite, bevor Sie den A/B-Test dafür erstellen.

Cool, oder? Aber wenn Sie von unserer Erfahrung gelesen haben, jeden Monat einen Test durchzuführen, wissen Sie, dass Sie sich bei Geschäftsentscheidungen nicht nur auf Ihren Geschmack konzentrieren sollten, sondern sich stattdessen echte Daten holen sollten, denn das wird Ihnen wirklich sagen was sich am stärksten auf Ihr Endergebnis auswirkt.

Der Test dieses Monats mit Nelio A/B Testing analysiert also, welches Farbschema auf unserer Preisseite mehr Einnahmen generiert.

Screenshot von Nelio Content-Plänen, die in blauen Farbvariationen angezeigt werden
Originalversion unseres A/B-Tests: Nelio Content-Pläne in blauen Farbvariationen.

Erstellen Sie einen Test der Preisseite

Bevor Sie einen A/B-Test für ein beliebiges Element einer Website erstellen, empfehlen wir Ihnen immer, eine Analyse darüber durchzuführen, was auf Ihrer Website funktioniert, wo Sie mehr Reibung und Probleme haben, und Hypothesen darüber zu entwickeln, was Sie verbessern könnten. Priorisieren Sie aus der Liste der Hypothesen, die Sie erstellt haben, diejenigen, die den größten Einfluss auf Ihre Ziele haben werden. Das heißt, Zielseiten und Preisseiten werden wahrscheinlich viel mehr Einfluss auf die Umsatzsteigerung haben als ein Blog-Beitrag.

In diesem Fall war unsere Hauptmotivation für die Erstellung dieses Tests: Da wir die Nelio Content-Pläne ändern und die gesamte Preisseite neu gestaltet haben, haben wir die Gelegenheit genutzt, um sicherzustellen, dass das neue Design das bestmögliche Farbschema verwendet .

Wir haben uns entschieden, neben der Originalversion zwei weitere Varianten mit diesen Farbkombinationen zu erstellen:

Screenshot der Nelio Content-Pläne, die in der ersten Variante eines A/B-Tests gezeigt werden
Screenshot der Nelio Content-Pläne, die in der ersten Variante des A/B-Tests gezeigt werden.

Bei der ersten Variante haben wir uns entschieden, die Pläne mit einer Auswahl an Pastellfarben zu zeigen, die dieses Jahr sehr angesagt sind.

Screenshot der Pläne von Nelio Content für die zweite Variante eines A/B-Tests
Screenshot der in der zweiten Variante des A/B-Tests gezeigten Nelio Content-Pläne.

Und wir haben eine zweite Variante erstellt, wie Sie im Bild oben sehen können, in der wir nur den Standardplan mit Fuchsia hervorheben wollten und die anderen beiden Pläne, um sie mit einem dunkelsten blauen Hintergrund und grünen Schaltflächen anzuzeigen.

Im Allgemeinen hätten wir andere Farben auswählen oder sogar ein anderes Farbschema erstellen können, aber das Problem beim Erstellen vieler Alternativen besteht darin, dass Sie viel mehr Besuche benötigen, um statistisch signifikante Ergebnisse zu erzielen.

Erstellen des A/B-Tests

Um den A/B-Test zu erstellen, verwenden wir wie immer unser eigenes Plugin Nelio A/B Testing. Laden Sie es einfach aus dem offiziellen WordPress-Plugin-Verzeichnis herunter und installieren Sie es auf Ihrer Website, um einen Test wie diesen erstellen zu können. Und wenn Sie immer noch Zweifel haben, welches A/B-Test-Plugin Sie verwenden sollen, um Ihre Tests auf Ihrer Website zu erstellen, empfehle ich Ihnen, unseren Vergleich von A/B-Test-Plugins für WordPress zu lesen.

Nelio A/B Testing ist sehr vielseitig, da es Ihnen ermöglicht, A/B-Tests für jedes WordPress-Element zu erstellen. In diesem Fall erstellen wir einen A/B-Test von Seiten. Mit dieser Art von Tests können Sie neue Varianten erstellen, indem Sie die Originalseite in neue, alternative Seiten duplizieren. In unserem Test haben wir, wie oben beschrieben, einfach die Hintergrundfarben jedes Plans geändert. Wenn Sie etwas ändern möchten, das Teil der von Ihnen verwendeten Seitenvorlage ist, können Sie dies tun, indem Sie eine alternative Vorlage erstellen und stattdessen einen A/B-Test der Seitenvorlagen durchführen.

Im folgenden Screenshot sehen Sie die Definition des Tests:

Screenshot der Definition eines A/B-Tests der Nelio Content-Pläne
Screenshot der Definition des A/B-Tests auf der Seite Nelio Content-Pläne.

Als Nächstes müssen Sie beim Erstellen eines A/B-Tests die Ziele festlegen, die Sie im Test messen möchten, um zu entscheiden, was am besten funktioniert. In diesem Fall haben wir 4 Ziele definiert, die innerhalb des Tests gemessen werden sollen:

  • Klickt auf die Schaltflächen eines beliebigen Plans
  • Klickt auf die Schaltflächen des Basisplans
  • Klickt auf die Schaltflächen des Standardplans
  • Klickt auf die Schaltflächen des Plus-Plans

Nachdem all dies erstellt war, mussten wir nur noch den Test starten und auf die Ergebnisse warten. Nelio A/B Testing ist dafür verantwortlich, den Datenverkehr in drei zufällige Gruppen aufzuteilen, sodass jede von ihnen nur eine der definierten Varianten sieht, und verfolgt die Conversions, die jede Variante und jedes Ziel erzielt.

Analyse der A/B-Testergebnisse

Nachdem wir diesen Test einen Monat und neun Tage lang durchgeführt hatten, erzielten wir statistisch signifikante Ergebnisse mit fast 100 %iger Sicherheit. Schauen wir uns eine detaillierte Analyse der einzelnen Ziele und die Schlussfolgerungen an, die wir aus dem Test ziehen konnten.

Das erste Ziel bestand darin, die Klicks auf eine der Schaltflächen des Preistabellenplans zu messen (die Tabelle wird zweimal auf der Seite angezeigt).

Analyse der Ergebnisse des ersten Ziels des durchgeführten A/B-Tests
Analyse der Ergebnisse des ersten Ziels des durchgeführten A/B-Tests.

In diesem Fall zeigen die Ergebnisse, dass die zweite Variante, Alternative C, fast 130 % (129,6 %, um genau zu sein) mehr Klicks erhält als die ursprüngliche Version. Dagegen ist die Variante mit den Plänen in Pastellfarben um 25,5 % schlechter. Wenn wir nur dieses Ziel des Tests gehabt hätten, hätte Alternative C überwältigende Ergebnisse erzielt.

Unser zweites Ziel konzentrierte sich auf die Klicks, die die Schaltflächen des Basisplans erhielten. Mal sehen, wie die Ergebnisse variieren:

Screenshot der Analyse der Ergebnisse des zweiten Ziels des durchgeführten A/B-Tests
Analyse der Ergebnisse des zweiten Ziels des durchgeführten A/B-Tests.

Beachten Sie, dass, wenn wir uns nur auf die Klicks auf das Basic-Paket konzentrieren, der Unterschied zwischen der dritten Variante und der ursprünglichen Version zwar immer noch beträchtlich ist, d. h. eine Verbesserung von 73,7 %, aber nicht so groß ist, als wenn wir alle Klicks analysieren würden. Und bei der pastellfarbenen Variante ist es wie im vorherigen Fall auch schlechter als das Original, aber der Unterschied beträgt 12,3%. Wenn Sie darüber nachdenken, kann es Sinn machen, da sich die Varianten nicht darauf konzentrieren, den Basisplan besonders hervorzuheben.

Sehen wir uns nun die Ergebnisse an, die wir in dem erhalten haben, in dem wir die Klicks des Standardplans messen wollten.

Screenshot der Analyse der Ergebnisse des dritten Ziels des durchgeführten A/B-Tests
Analyse der Ergebnisse des dritten Ziels des durchgeführten A/B-Tests.

In diesem Fall erzielt die Verbesserung der dritten Variante, die gerade mit einer auffälligeren Farbe im Plan auffällt, sogar 228,1 % mehr Klicks als die ursprüngliche Version. Wenn Sie also Zweifel hatten, ob das Hervorheben eines der Pläne Auswirkungen hat, wird aus diesem Test deutlich, dass die Menschen von den auffälligsten Elementen angezogen werden.

Lassen Sie uns abschließend sehen, was mit dem neuesten Plan passiert:

Screenshot der Analyse der Ergebnisse des vierten Ziels des durchgeführten A/B-Tests
Analyse der Ergebnisse des vierten Ziels des durchgeführten A/B-Tests.

In diesem Fall beträgt die Verbesserung von Alternative C im Vergleich zum Original fast 3 % mit 95,7 % Konfidenz. Und in allen Alternativen gibt es ohnehin wenig Umstellung des Plus-Tarifs. Tatsächlich ziehen es die meisten unserer Kunden vor, sich zu Beginn für einen niedrigeren Plan zu entscheiden und später zu einem anderen Plan zu wechseln.

Schlussfolgerungen

In Anbetracht der Ergebnisse, die wir aus dem A/B-Test erhalten haben, kommen wir zu dem Schluss, dass die Version, in der das Standard-Paket durch eine Fuchsia-Farbe auffällt, viel besser funktioniert hat als jede andere Variante. Daher ist es am besten, es als endgültige Version auf unserer Website anzuwenden.

Screenshot der Anwendung der Gewinnervariante eines A/B-Tests
Screenshot zum Anwenden der Gewinnervariante eines A/B-Tests als Finale.

Wie Sie sehen können, wird die endgültige Version der Nelio Content-Preisseite mit nur einem Klick diejenige, die den Test gewonnen hat. Sicher, wir haben vielleicht zuerst gedacht, dass die blaue Farbgebung eine gute Option wäre, aber unsere Vorlieben und Geschmäcker nützen wenig, um den Umsatz zu steigern. A/B-Tests sind solche, die uns mit echten Daten beweisen, was wirklich funktioniert. Worauf warten Sie noch, um Ihren A/B-Test zu erstellen, um die Konversion auf Ihrer Website zu steigern?

Beitragsbild von Baher Khairy auf Unsplash.