Was ist die beste Button-Farbe, um Conversions zu steigern?
Rot? Orange? Grün? Blau?
Laut HubSpot schlägt Rot Grün:
Diese Studie über die Farbe von CTA-Buttons ist mit Sicherheit eine der maßgeblichsten auf dem Markt. Die Studie verfolgte Conversions, um zu sehen, ob es einen Unterschied in der Leistung der beiden Schaltflächenfarben gab, basierend auf einer Stichprobe von 2.000 Besuchern der Zielseite. Entgegen den Erwartungen des Studienautors übertraf der rote CTA-Button den grünen um satte 21 %. Ist das also die endgültige Antwort? Sind rote Knöpfe der Schlüssel zu effektivem Webdesign?
Für Unbounce ist die Zukunft des Webdesigns und der Optimierung BOB: Das steht für Big Orange Button. Ein Wider Funnel-Test bestätigte diese Haltung mit einer Studie, die zeigte, dass ein Big Orange Button zu einem Anstieg der Conversions um 32,5 % führte. Wie Unbounce feststellt: „Laut Wikipedia steht Orange für Energie, Enthusiasmus und eine ‚Get-it-done‘-Einstellung. Klingt für mich nach einem Aufruf zum Handeln.“
Ich meine, welche CTA-Button-Farbe konvertiert besser als eine, die Sie auffordert, einfach „es zu erledigen“, richtig?
Really Good Emails verfolgte einen völlig anderen Ansatz: Es analysierte jede E-Mail, die in einem bestimmten Jahr an sie gesendet wurde, um zu sehen, was an ihnen einzigartig ist und was sie alle gemeinsam haben. Really Good Emails kam zu dem Schluss, dass Blau der klare Gewinner und die Farbe der Wahl für CTA-Buttons ist.
Laut Dmix? Rot gewinnt!
Und Geld verdienen? Blau schlägt Orange!
Ich könnte weiter und weiter gehen, aber ich bin sicher, dass Sie das Wesentliche inzwischen verstanden haben. Einige CRO-Experten sind sich sicher, dass Ihr Button eine bestimmte Farbe haben sollte. Anstatt mich nur auf die Farbe der Schaltflächen zu konzentrieren, glaube ich, dass die Farbe der Schaltfläche (dh Ihr Webdesign) das Wichtigste ist.
Hier sind fünf kritische Webdesign-Fehler, die Sie Konversionen kosten – unabhängig von der Farbe Ihres CTA-Buttons.
1. Verwendung von CTA-Farben, die sich einfügen
Der allererste Webdesign-Fehler, den Sie machen können, wenn es um Ihre Zielseiten geht, ist die Verwendung einer CTA-Button-Farbe, die sich einfügt.
Schauen wir uns für einen Moment noch einmal die HubSpot-Studie an:
Wenn Sie dieses Bild sorgfältig analysieren, wird eines sofort klar: Der grüne Button fügt sich in das Design der Website ein. Das Farbschema und der Hintergrund der Website sind grün. Nach Schwarz ist Grün die am häufigsten verwendete Farbe auf dieser Seite. Natürlich sind die Benutzer bereits daran gewöhnt, die Farbe Grün zu sehen, und ignorieren sie daher eher.
Wenn Sie sich jetzt die CTA-Schaltfläche auf dieser Seite ansehen, in der VPS-Dienste verglichen werden, hebt sich jedoch die leuchtend orange Farbe in starkem Kontrast zum blauen Farbschema der Website ab – und das ist alles, was zählt.
Das ist sinnvoll und entspricht einem Prinzip der Psychologie, das als sensorische Anpassung bezeichnet wird. Hier geht es zwar nicht genau um Farbpsychologie, aber um Reize und wie wir darauf reagieren. Nach diesem Prinzip veranlasst uns die wiederholte Exposition gegenüber einem Stimulus, ihn allmählich auszuschalten, bis wir ihn nicht mehr bemerken.
Nehmen Sie sich eine Minute Zeit, um darüber nachzudenken, was passiert, wenn Sie Ihre Kleidung oder Ihre Schuhe tragen. Du spürst es für eine Weile, und dann fühlt es sich an, als wäre es ein Teil deines Körpers. Okay, wie wäre es, wenn Sie Ihre Hände für ein paar Minuten in leicht heißes Wasser tauchen? Am Anfang tut es weh, aber dann passt sich deine Hand an und du spürst es nicht mehr. Das ist sensorische Anpassung am Werk, und es ist eines der ersten Prinzipien, die Sie verstehen sollten, wenn es um Webdesign und Optimierung der Konversionsrate geht. Ob es sich um wiederholtes Rauschen oder eine Tastenfarbe handelt, wir sind fest verdrahtet, um auf die gleiche Weise zu reagieren und den Stimulus zu ignorieren.
Bevor Sie mit Ihren Button-Farbtests beginnen, machen Sie sich bewusst, dass eine auffällige Farbe – ob rot oder orange – immer besser abschneidet als eine Farbe, die sich ins Bild einfügt. Stellen Sie also immer sicher, dass Sie Ihre Website so gestalten, dass sich Ihre Button-Farbe im Vergleich abhebt zu deinem Farbschema.
2. Zu kleine – oder zu große Knöpfe machen
So wie die Farbe des CTA-Buttons auffallen muss, muss die Größe Ihres CTA gut – und überzeugend – passen. Ein weiterer sehr häufiger Webdesign-Fehler ist das Erstellen von Schaltflächen, die entweder zu klein oder zu groß sind.
Kommen wir zurück zum WiderFunnel-Test, der zu einer Steigerung der Conversions um 32,5 % führte, und zum Konzept des „Big Orange Button“. Es ist klar, dass die Schaltflächengröße eine große Rolle bei der Steigerung der Conversions gespielt hat.
Tatsächlich deutet ein Artikel über Best Practices für Call-to-Action-Buttons an, dass die Verwendung eines CTA-Buttons, der 20 % größer als das Logo ist, eine gute Idee ist.
Wie wichtig ist also die Größe des CTA-Buttons? Wichtig, aber relativ. Ihr CTA-Button sollte groß genug sein, um im Vergleich zu anderen Elementen auf Ihrer Seite wahrnehmbar zu sein – damit er sich abhebt. Doch insbesondere in einer Welt, in der mehr Menschen von Mobilgeräten auf das Internet zugreifen als von Desktop-Computern, kann eine zu große Größe – auf eine Weise, die Ihr Webdesign verschlechtert und die UX verringert – nach hinten losgehen und zu einem Rückgang der Conversions führen.
Bei CTAs kommt es also auf die Größe an: Sie müssen groß genug sein, um aufzufallen, aber gleichzeitig sollten sie nicht so groß sein, dass sie die Benutzererfahrung beeinträchtigen.
3. Ignorieren Sie die Farbpräferenz Ihres Publikums
Neben der Verwendung von CTA-Farben, die sich einfügen, besteht ein weiterer kritischer Webdesign-Fehler, den Sie machen können, darin, die Farbpräferenz Ihres Publikums zu ignorieren, sowohl für Ihren CTA als auch für das gesamte Farbschema der Zielseite.
Wenn Sie eine Website betreiben, auf der Ihr Publikum aus Radfahrern besteht, die gerne riskante Dinge tun, und eine Website, auf der Ihr Publikum aus Yogis besteht, die nach Frieden und Ruhe in ihrem Leben suchen, ist aufgrund dieser großen Kluft in der Art des Publikums die Farbe, die Sie anspricht für jedes Publikum wird anders sein.
Tatsächlich zeigen Untersuchungen, dass allein die Farbe Ihres Webdesigns die Entscheidung der Menschen beeinflussen kann, mit Ihrer Marke zu interagieren. Eine Studie ergab, dass Menschen innerhalb von 90 Sekunden entscheiden, ob sie mit Ihnen interagieren, und dass bis zu 90 % dieser Entscheidung von der Farbe beeinflusst werden.
Männer und Frauen haben typischerweise unterschiedliche Farbvorlieben. Eine Farbe, die für ein Publikum von Männern funktioniert, ist möglicherweise nicht so effektiv für ein Publikum von Frauen. Es lohnt sich, dies im Hinterkopf zu behalten.
Die folgende Tabelle zeigt allgemeine Farbpräferenzen für Männer und Frauen:
Und dieses Diagramm zeigt Farbabneigungen:
4. Keine Optimierung für den Benutzerfluss
Was ist Benutzerfluss? Grundsätzlich handelt es sich um eine Reihe von Schritten, die ein Benutzer unternimmt, um ein bestimmtes Ziel auf einer Website zu erreichen.
Gutes Webdesign und Conversion-Optimierung sollten den User Flow nicht ignorieren. Moz stellte fest, dass Benutzer, wenn sie aufgefordert wurden, „eine Demo zu planen“, ihre Arbeit unterbrechen, ihren Kalender überprüfen und nachsehen mussten, ob noch Zeit verfügbar ist, die mit dem Zeitplan des Unternehmens übereinstimmt. Der Benutzerfluss wurde dadurch unterbrochen, was sich auf die Conversions auswirkte. Indem Sie das CTA-Angebot von „Schedule a Demo Today!“ optimieren. zu „KOSTENLOSEM 5-Minuten-Demo-Video“ beseitigt Moz die Notwendigkeit, den Kalender zu überprüfen. Dadurch wurde der Benutzerfluss verbessert und die Conversions stiegen um gewaltige 739 %.
Beim Erfolg von Webdesign und CRO geht es um mehr als nur darum, Benutzer dazu zu bringen, auf eine Schaltfläche zu klicken. Es geht darum, Besucher dazu zu bringen, Leads zu werden, und darum, Leads zu zahlenden Kunden zu machen. Dies bedeutet, dass Ihre Bemühungen über die Landing Page hinausgehen. Auch die Abonnement- und Checkout-Seite sind wichtig.
Jede Aktion, die Benutzer dazu bringt, den Prozess der Erreichung des Ziels, das Sie ihnen auf Ihrer Website gesetzt haben, zu stoppen oder sogar zu unterbrechen, ist ein grundlegender Webdesign-Fehler, da sie ihren Fluss unterbricht und Ihnen Conversions kostet. So könnten Ihre Website-Struktur und -Elemente gestaltet sein – es hat keinen Sinn, von den Erwartungen der Benutzer auf Ihrer Website abzuweichen.
Verschiedene Studien haben gezeigt, dass jedes zusätzliche Formularfeld, das Sie hinzufügen, den Benutzerfluss unterbricht und sich negativ auf Conversions auswirkt. Lassen Sie also diese zusätzlichen Formularfelder aus Ihrem Webdesign weg. Fordern Sie nur das Nötigste an Informationen an, die Sie benötigen, um die Benutzer jetzt zum Handeln zu bewegen – Sie können später nach und nach andere notwendige Informationen erhalten.
5. Vergessen Sie Vertrauensfaktoren, um Ihre Glaubwürdigkeit zu stärken
Wenn Sie CRO-Studien durchlaufen, sehen Sie oft, dass eine große Marke einen bestimmten Conversion-Hack mit großartigen Ergebnissen implementiert. Aber wenn Sie dasselbe in Ihr Webdesign integrieren, erhalten Sie nichts. Oder manchmal leiden Ihre Conversions sogar darunter.
Immerhin basierend darauf, wie viel Amazon (oder Ihre große Lieblingsmarke) für Conversions ausgibt, wenn sie eine bestimmte Conversion-Optimierung implementiert, kann es nicht falsch sein, oder? Nicht unbedingt. Dass Sie keine Ergebnisse erhalten, macht das Experiment, das Sie lesen, nicht notwendigerweise ungültig: Vielleicht studieren Sie dieses bestimmte Experiment isoliert, wenn in Wirklichkeit andere Faktoren eine Rolle spielen.
Lassen Sie mich klarer sein: Sie könnten das beste Angebot haben, eine außergewöhnlich gute Kopie haben und alle Tipps in diesem Artikel befolgen, aber es würde die Nadel nicht für Sie bewegen, wenn die Leute Ihnen nicht vertrauen. In einer Welt voller Betrug und Spam achten die Menschen nicht nur darauf, wem sie ihre Kreditkartendaten geben – sie achten auch darauf, wem sie ihre E-Mail-Adresse geben.
Wenn die Leute Ihnen nicht vertrauen, werden Conversion-Optimierungs-Hacks keinen großen Unterschied machen. Aus diesem Grund besteht einer der häufigsten Webdesign-Fehler, die ich sehe, darin, ihre Vertrauensfaktoren nicht zu verbessern.
Einfache Optimierungen wie die Verwendung eines Vertrauenssiegels können Ihre Conversions verdoppeln – bis zu 48 % der Menschen vertrauen einer Website nicht, die kein Vertrauenssiegel verwendet.
Untersuchungen zeigen auch, dass die einfache Aktivierung von SSL den Umsatz um bis zu 30 % steigern kann.
Sorgen Sie aktiv dafür, dass Sie den Besuchern Ihrer Landingpage Vertrauen vermitteln:
- Verwenden Sie Vertrauensmarken und sichere Siegel, um die Sicherheit der Benutzer auf Ihrer Website zu gewährleisten.
- Verwenden Sie SSL – lassen Sie sie das grüne Vorhängeschloss sehen!
- Verwenden Sie nach Möglichkeit soziale Beweise, um den Glauben zu bekräftigen, dass sie im Umgang mit Ihnen keinen Vertrauensvorschuss wagen; Sie schließen sich anderen an, die großartige Ergebnisse erzielt haben.
- Machen Sie es einfach, Sie auf Ihrer Website zu kontaktieren.
Denken Sie daran: Ihre CRO-Ergebnisse können variieren
Letztendlich ist es wichtig zu erkennen, dass es bei der Optimierung der Conversion-Rate keinen einheitlichen Ansatz gibt. Sie können sich nicht immer darauf verlassen, dass Hacks, die für andere Unternehmen funktionieren, für Sie arbeiten. Aber was kann man tun? Stellen Sie sicher, dass Sie Ihr Konto überprüfen und vermeiden Sie diese kritischen Webdesign-Fehler.
Über den Autor
Robert Mening ist ein Webdesigner und Experte für Conversion-Optimierung, der WebsiteSetup.org betreibt, ein Projekt, das über 250.000 dabei geholfen hat, ihre eigenen Websites zu starten.
