Wie man die Psychologie der Farbe nutzt, um die Website-Konversionen zu steigern

Farbe übt einen enormen Einfluss auf unsere Einstellungen und Gefühle aus.

Wenn unsere Augen Farbe aufnehmen, kommunizieren sie mit einer Region des Gehirns, die als Hypothalamus bekannt ist. Dieser sendet eine Kaskade von Signalen an die Hypophyse, weiter an das endokrine System und dann an die Schilddrüsen. Die Schilddrüsen signalisieren die Freisetzung von Hormonen, die Schwankungen in der Stimmung, den Emotionen und dem daraus resultierenden Verhalten verursachen.

Was noch interessanter ist, ist, dass eine Fallstudie gezeigt hat, dass die Anpassung der Farbe, neben anderen Elementen, die Konversion um bis zu 24% steigern kann.

Die Studie über all dies nennt sich Farbpsychologie, und die Quintessenz ist: Verwenden Sie die richtigen Farben, und Sie gewinnen.

Was ist Farbpsychologie?

Farbpsychologie ist die Wissenschaft davon, wie Farbe das menschliche Verhalten beeinflusst. Die Farbpsychologie ist eigentlich ein Zweig des breiteren Feldes der Verhaltenspsychologie. Es genügt zu sagen, dass es ein ziemlich kompliziertes Gebiet ist.

Einige Skeptiker lehnen sogar das gesamte Feld der Farbpsychologie ab, weil es so schwierig ist, Theorien zu testen.

Meine eigene Forschung zu diesem Thema, wie dieser Artikel vermittelt, lässt wissenschaftliche Beweise vermissen, um jede Behauptung zu stützen. Aber das allein ist kein Grund, die tiefgreifende und unbestreitbare Wirkung, die Farbe auf den Menschen hat, abzutun.

Es gibt Schlüsselfakten der Farbtheorie, die unbestreitbar sind. Satyendra Singh hat in einer klassischen Studie zum Thema Farbe in einem peer-reviewed Journal-Artikel festgestellt, dass es nur 90 Sekunden dauert, bis sich ein Kunde eine Meinung über ein Produkt bildet. Und 62-90 Prozent dieser Interaktion werden allein durch die Farbe des Produkts bestimmt.

Farbpsychologie ist ein Pflichtfach für Führungskräfte, Büroleiter, Architekten, Gärtner, Köche, Produktdesigner, Verpackungsdesigner, Ladenbesitzer und sogar werdende Eltern, die das Kinderzimmer für den Neuankömmling streichen! Farbe ist entscheidend. Unser Erfolg hängt davon ab, wie wir Farbe einsetzen.

Doch die Psychologie der Farbe ist im Marketing und bei der Gestaltung von Websites oft Gegenstand von Meinungsverschiedenheiten, da die Farbpräferenz von Mensch zu Mensch sehr unterschiedlich ist. Zum Beispiel bevorzugen viele Menschen Rot gegenüber Blau, während sogar siamesische Zwillinge unterschiedliche T-Shirt-Farben bevorzugen können.

Wo sollten Sie Farbpsychologie einsetzen?

Farben beeinflussen jeden. Es spielt keine Rolle, ob Sie Software entwickeln, ein Buch entwerfen, ein Web-Design-Cover entwickeln oder einfach nur Ihr Unternehmen brandmarken: Farben definieren die Stimmung und beeinflussen Reaktionen.

Da Farbe allgegenwärtig ist, müssen wir verstehen, wo Sie diese Farbtipps einsetzen sollten. In diesem Artikel geht es um den Einsatz von Farbe im Website-Design. Konkret geht es um das Farbschema einer Website, das die Tönung von Heldengrafiken, Überschriften, Rahmen, Hintergründen, Schaltflächen und Popups umfasst.

Im folgenden Beispiel verwendet NinjaJump ein grün-gelb-rotes Farbschema in seinem Logo, der Telefonnummer, dem Video C2A, der Menüleiste, den Grafiken, dem Kategoriemenü, den Unterüberschriften und der Seitenleiste.

Die Tipps, die wir im Folgenden besprechen, können in ähnlicher Weise in einer Vielzahl von Bereichen angewendet werden, darunter:

• Websites
• Logos
• Branding
• Landing Pages
• Menüleisten
• Email-Marketing
• Social Media Posts und Cover-Fotos
• Produktdesign
• Videos

Wie Sie sehen können, kann Farbpsychologie so gut wie überall eingesetzt werden. Also, wie macht man es richtig?

Die richtige Farbpsychologie richtig einsetzen

Farbe ist eine knifflige Sache. Man muss sie auf die richtige Art und Weise, zur richtigen Zeit, mit der richtigen Zielgruppe und für den richtigen Zweck einsetzen.

Wenn Sie zum Beispiel Hüpfburgen verkaufen – diese Dinger, in denen Kinder spielen -, dann wollen Sie keine schwarze Website verwenden. Props, NinjaJump.com.

Für die Hüpfhausseite wollen Sie viele helle und lebendige Farben, wahrscheinlich einige Rottöne, Grüntöne und vielleicht einen Spritzer Gelb für eine gute Maßnahme.

Wenn Sie hingegen ein Produkt an Frauen verkaufen, wollen Sie kein Braun oder Orange verwenden. Vielleicht verwendet L’Oreal deshalb Schwarz und Weiß mit lila Überlagerung auf ihrer E-Commerce-Homepage.

Im Folgenden erkläre ich alle Tricks. Um die richtige Farbpsychologie erfolgreich einzusetzen, müssen Sie diese Grundprinzipien befolgen:

• Die richtige Art und Weise
• Der richtige Zeitpunkt
• Die richtige Zielgruppe
• Der richtige Zweck

Hier sind einige Tipps, mit denen die Profis die Farbpsychologie nutzen, um die Conversion zu verbessern.

Bewährte farbpsychologische Tipps zur Steigerung der Conversions

CRO ist ein wesentlicher Bestandteil beim Aufbau einer erfolgreichen Website. Das Ziel ist es, den bestmöglichen ROI zu erzielen und zu florieren, egal wie stark die Konkurrenz ist.

Da weniger als 5 % der Bevölkerung an Farbenblindheit leiden, ist die Farbtheorie eine Option, die erforscht – und getestet – werden sollte.

Hier sind ein paar farbpsychologische Tipps, die Sie im Hinterkopf behalten sollten.

Frauen bevorzugen Blau, Lila und Grün

Die soziologischen Unterschiede zwischen Farbpräferenzen sind ein ganzer Studienzweig für sich.

In einer Umfrage zum Thema Farbe und Geschlecht gaben 35 % der Frauen an, Blau sei ihre Lieblingsfarbe, gefolgt von Lila (23 %) und Grün (14 %). 33 % der Frauen gaben zu, dass Orange ihre unbeliebteste Farbe ist, gefolgt von Braun (33 %) und Grau (17 %).

Andere Studien haben diese Ergebnisse bestätigt und eine weibliche Abneigung gegen erdige Töne und eine Vorliebe für Primärfarben mit Schattierungen offenbart.

Schauen Sie sich an, wie sich das auswirkt. Besuchen Sie fast jede E-Commerce-Website, deren Zielgruppe weiblich ist, und Sie werden diese weiblichen Farbpräferenzen bestätigt finden.

Milani Cosmetics hat einen hauptsächlich weiblichen Kundenstamm. Daher findet sich auf der Homepage kein Fitzelchen Orange, Grau oder Braun:

Woman’s Day verwendet alle drei Lieblingsfarben der Frauen (Blau, Lila und Grün) auf der Homepage und lädt damit die Zielgruppe ein:

Die meisten Menschen denken, dass die universell beliebte Frauenfarbe Rosa ist. Das ist sie aber nicht. Nur ein kleiner Prozentsatz der Frauen wählt Rosa als ihre Lieblingsfarbe.

Das bedeutet, obwohl Rosa in der Farbpsychologie Weiblichkeit suggerieren mag, nicht, dass Rosa alle Frauen anspricht, oder sogar die meisten Frauen. Verwenden Sie andere Farben als Rosa – wie Blau, Lila und Grün – und Sie können die Attraktivität Ihrer E-Commerce-Website für weibliche Besucher verbessern. Das kann wiederum die Konversionsrate erhöhen.

Männer bevorzugen Blau, Grün und Schwarz

Wenn Sie sich an Männer wenden, sollten Sie sich von Lila, Orange und Braun fernhalten. Verwenden Sie stattdessen Blau, Grün und Schwarz. Diese Farben – blau, grün und schwarz – werden traditionell mit Männlichkeit assoziiert. Allerdings ist es für manche eine kleine Überraschung, dass Braun nicht zu den beliebtesten Farben gehört.

Beachten Sie, dass Geschlechtervorlieben nicht einfach zu erkennen sind. Geschlecht ist ein komplexes Thema, und nicht alle Männer oder Frauen werden die oben genannten Farben bevorzugen. Diese Informationen können jedoch als Ausgangspunkt für A/B-Tests dienen.

Blau nutzen, um Vertrauen zu schaffen

Blau ist eine der meistgenutzten Farben, und das aus gutem Grund. Viele Menschen mögen Blau.

Lesen Sie die Literatur über Blau, und Sie werden auf Botschaften stoßen wie

• Die Farbe Blau ist eine Farbe des Vertrauens, der Ruhe, der Ordnung und der Loyalität.
• Blau ist die Farbe des unternehmerischen Amerikas, und sie sagt: „Chillt … glaubt und vertraut mir … habt Vertrauen in das, was ich sage!“
• Blau ruft Gefühle der Ruhe und Gelassenheit hervor. Es wird oft als friedlich, ruhig, sicher und geordnet beschrieben.

In der Forschung herrscht große Einigkeit über die psychologische Wirkung der Farbe Blau. Sie vermittelt die subtile Botschaft von Vertrauenswürdigkeit und Gelassenheit. Das können Sie auf Ihrer Website und Ihren Landing Pages zu Ihrem Vorteil nutzen.

Das größte soziale Netzwerk der Welt ist blau. Für ein Unternehmen, dessen Kernwerte Transparenz und Vertrauen sind, ist das wahrscheinlich kein Zufall.

Ein Unternehmen, das als Kanal für Milliarden von Dollar dient, PayPal, bevorzugt ebenfalls die Farbe Blau. Wahrscheinlich hilft das, ihre Vertrauenswürdigkeit zu erhöhen. Wenn sie z.B. Rot oder Orange als Themenfarbe und Branding verwenden würden, hätten sie wahrscheinlich nicht das gleiche Konversionsniveau.

Blau ist in der Tat eine Farbe, die von vielen Banken stark genutzt wird. Hier ist CapitalOne.com, eine große Internet-Bank:

Obwohl Blau so ziemlich eine rundum tolle Farbe ist, sollte sie niemals für irgendetwas verwendet werden, das mit Essen zu tun hat. Diätetiker haben blaue Teller verwendet, um sie erfolgreich davon abzuhalten, mehr zu essen.

Die Evolutionstheorie legt nahe, dass Blau eine Farbe ist, die mit Gift assoziiert wird. Es gibt nicht sehr viele blaue Lebensmittel – Blaubeeren und Pflaumen decken es gerade so ab. Verwenden Sie also niemals Blau, wenn Sie Lebensmittel verkaufen. (Verwenden Sie stattdessen Rot.)

Gelb ist für Warnungen

Gelb ist eine Farbe der Warnung. Daher wird die Farbe Gelb für Warnschilder, Verkehrssignale und Schilder für nasse Böden verwendet.

Es erscheint daher seltsam, dass einige Farbpsychologen Gelb zur Farbe des Glücks erklären. Business Insider berichtet, dass „Marken Gelb nutzen, um zu zeigen, dass sie lustig und freundlich sind.“ Es besteht die Möglichkeit, dass Gelb Verspieltheit suggerieren kann. Da Gelb jedoch das Erregungszentrum des Gehirns stimuliert, könnte das Gefühl der Verspieltheit einfach ein Zustand erhöhter Emotion und Reaktion sein, nicht gerade pure Freude.

Farbpsychologie ist eng mit Erinnerungen und Erfahrungen verbunden. Wenn jemand eine angenehme Erfahrung mit jemandem hatte, der ein gelbes Hemd trug, in einem Fast-Food-Lokal mit gelben Bögen aß oder in einem Haus mit gelben Wänden lebte, dann kann die gelbe Farbe durch Erinnerungsassoziation Freude auslösen.

Eine der am häufigsten zitierten „Fakten“ über die Farbe Gelb ist, dass sie Babys zum Weinen und Menschen wütend macht. Bis heute habe ich keine Studie gefunden, die diese Behauptung untermauert, auch wenn sie von allen gerne wiederholt wird.

Ich habe sogar gelesen, dass „die Farbe Gelb Übelkeit verursachen kann“, obwohl ich daran zweifle.

Wenn Sie die Studie über quengelige Babys und wütende Menschen, die in Häusern mit gelben Wänden leben, finden, lassen Sie es mich bitte wissen. Ich bin mir ziemlich sicher, dass Babys schreien und Menschen wütend werden, unabhängig von der Farbgebung.

Wie auch immer, es scheint wahr zu sein, dass „Gelb das Angstzentrum des Gehirns aktiviert“, wie ein Farbexperte berichtet.

Ein erhöhter Angstpegel während einer Website-Erfahrung ist nie eine gute Sache, es sei denn, sie kommt in kleinen Dosen. So kann ein gelber Call-to-Action genau den Hauch von Angst erzeugen, der nötig ist, um sie dazu zu bringen, auf den gewünschten Call-to-Action zu klicken.

Verwenden Sie Gelb in kleinen Dosen, es sei denn, Sie wollen unnötige Angst auslösen.

Grün ist ideal für Umwelt- und Outdoor-Produkte und -Marken

Die vielleicht intuitivste Farbverbindung ist Grün – die Farbe von draußen, umweltfreundlich, Natur und Umwelt. Grün ist im Wesentlichen ein Farbsymbol für die Natur selbst.

Abgesehen von seiner ziemlich offensichtlichen Outdoor-Suggestion, ist Grün auch eine Farbe, die die Kreativität verbessern kann. Eine von Experten begutachtete Studie, die als „grüner Effekt“ bezeichnet wird, hat gezeigt, dass die Teilnehmer mehr Kreativitätsschübe hatten, wenn ihnen ein grüner Farbblitz präsentiert wurde, als bei jeder anderen Farbe.

Wenn der Fokus Ihrer Website irgendetwas mit Natur, Umwelt, Bio oder Outdoor zu tun hat, sollte Grün die Farbe Ihrer Wahl sein.

Grün hat aber nicht nur mit Natur zu tun. Grün ist auch eine gute Call-to-Action-Farbe, vor allem in Kombination mit dem „Isolationseffekt“, auch bekannt als von-Restorff-Effekt, der besagt, dass man sich an Dinge besser erinnert, wenn sie hervorstechen.

Sie erinnern sich an die Freiheitsstatue, weil sie groß, hoch und grün ist und es nicht viele von ihnen im New Yorker Hafen gibt. In der Farbpsychologie tritt der Isolationseffekt auf, wenn ein Fokuselement, z. B. ein Konversionsschritt, das einzige Element in einer bestimmten Farbe ist. Die Technik wirkt Wunder bei Handlungsaufrufen, und Grün ist eine ideale Wahl.

Hier ist, wie Conrad Feagin es verwendet:

Alle Conversion-Elemente von Dell sind grün.

Das Wort „grün“ selbst ist ein Schlagwort für Umweltbewusstsein und Wertschätzung. Die Verwendung des Wortes und der Farbe selbst kann Ihrer Website eine ökologische Aura verleihen und Ihren Ruf bei denjenigen verbessern, die sich für Umweltbelange engagieren.

Orange kann ein Gefühl von Eile oder Impuls erzeugen

Die positive Seite von Orange ist, dass es als „Spaß“-Farbe verwendet werden kann. Man sagt, Orange hilft, „körperliche Aktivität, Wettbewerb und Selbstvertrauen zu stimulieren.“ Dies mag der Grund sein, warum Orange stark von Sportteams und Kinderprodukten verwendet wird.

Ein großartiges Beispiel ist das Logo der Denver Broncos.

In der Tat gibt es eine Menge Sportteams, die Orange verwenden: Florida Gators, Clemson Tigers, Boise State Broncos, Syracuse, New York Knicks, New York Mets, Cleveland Browns, etc.

Amazon.com verwendet Orange in ihrem „zeitlich begrenzten Angebot“-Banner. Die Farbe suggeriert Dringlichkeit, was die Botschaft auffälliger und aktiver macht:

Es macht Sinn. Orange bedeutet aktiv. Orange bedeutet Spaß. Orange bedeutet Zusammengehörigkeit, weil es eine laute und warme Farbe ist.

Allerdings kann Orange auch etwas überwältigend sein. Eine Forschungsarbeit rät,

Orange soll sparsam eingesetzt werden, um die Aufmerksamkeit auf etwas zu lenken, aber nicht so sehr, dass es die eigentliche Botschaft der Werbung überwältigt.

Manchmal wird Orange als „billig“ interpretiert. Wenn Ihr Produktangebot billig ist, oder wenn Sie wollen, dass es als solches gesehen wird, kann Orange eine gute Wahl sein. Vive la Big Lots.

Schwarz vermittelt ein Gefühl von Luxus und Wert

Je dunkler der Ton, desto luxuriöser ist er, sagt unsere innere Farbpsychologie. Schwarz kann auch mit Eleganz, Raffinesse und Macht assoziiert werden, was genau das ist, was Luxus-Designer und High-End-E-Commerce-Sites wollen, dass Sie das Gefühl haben.

In einem Business Insider-Artikel über Farbe und Branding, erzählt der Autor die Bedeutung von Schwarz:

„Schwarz kann auch als eine luxuriöse Farbe gesehen werden. Schwarz kann, wenn es richtig eingesetzt wird, Glamour, Raffinesse und Exklusivität vermitteln.“

Louis Vuitton Handtaschen sind nicht billig. Abwesend sind die Farben und Designs von Laune und Spaß. Das ist seriöser Wert:

Citizen Watch, besser als die durchschnittliche Timex, nutzt ebenfalls das dunkel getönte Website-Design:

Lamborghini macht es genauso. Schwarz ist der Name des Spiels:

Wenn Sie auf Ihrer Website hochwertige Luxusartikel verkaufen, wäre Schwarz wahrscheinlich eine gute Wahl.

Verwenden Sie helle Primärfarben für Ihre CTA

In strengen Testumgebungen sind die am höchsten konvertierenden Farben für Handlungsaufrufe helle Primär- und Sekundärfarben – Rot, Grün, Orange, Gelb.

Dunklere Farben wie Schwarz, Dunkelgrau, Braun oder Lila haben sehr niedrige Konversionsraten. Helle Farben haben höhere Konversionsraten.

Women’s Health verwendet einen hellen mauvefarbenen Farbton für ihren Popup-Call-to-Action. Sie haben die weiblich-assoziierte lila/rosa Tönung für sich, zusammen mit einem hellen Ton.

GreenGeeks verwendet einen gelben Button:

Der größte Einzelhändler der Welt verwendet den berühmten „In den Warenkorb“-Button. Er ist gelb:

Einige der besten Konversionsfarben sind die „hässlichen“ – Orange und Gelb. In einem Artikel auf ColorMatters.com heißt es:

Psychologisch gesehen können die „anti-ästhetischen“ Farben durchaus mehr Aufmerksamkeit erregen als die ästhetisch korrekten.

Da das Ziel eines Konvertierungselements darin besteht, Aufmerksamkeit zu erregen, können Sie mit dem großen orangefarbenen Button (BOB) sehr gut arbeiten. Oder gelb.

Vernachlässigen Sie Weiß nicht

In den meisten farbpsychologischen Materialien, die ich lese, gibt es ein vergessenes Merkmal. Vielleicht liegt das daran, dass sich die Farbtheoretiker nicht einigen können, ob Weiß eine Farbe ist oder nicht. Es ist mir eigentlich egal, ob es eine ist oder nicht.

Was ich weiß, ist, dass der großzügige Gebrauch von weißem Raum ein mächtiges Designmerkmal ist. Nehmen Sie zum Beispiel die beliebteste Website der Welt. Sie ist im Grunde komplett weiß:

Weiß wird oft vergessen, weil es hauptsächlich als Hintergrundfarbe verwendet wird. Heutzutage verwenden die meisten gut gestalteten Websites viel Weißraum, um ein Gefühl von Freiheit, Geräumigkeit und Atmungsaktivität zu schaffen.

Farbpsychologische Best Practices zur Steigerung der Conversions

Sie sind vielleicht nicht in der Lage, Ihren Styleguide umzuschreiben und Ihre eigene Website-Farbpalette oder Schriftfarben für die E-Mail-Vorlage auszuwählen. Wie können Sie also in diesen Situationen Farbpsychologie einsetzen? Es gibt ein paar Möglichkeiten:

• Wenn die Farben wirklich scheiße sind, setzen Sie sich für eine Änderung ein. In manchen Situationen müssen Sie vielleicht etwas ändern. Wenn Sie ein High-Heel-Designer sind, der an gehobene Frauen verkauft, aber ein beschissenes orangefarbenes Logo haben, teilen Sie Ihre Bedenken mit den Entscheidungsträgern. Die Leute treffen manchmal schreckliche Farbentscheidungen. Zeigen Sie ihnen freundlich, wie ein Killer-Farbschema einen Unterschied bei der Konvertierung machen kann.
• Verwenden Sie psychologisch passende Farben, die zum bestehenden Farbschema passen. Sicher, Sie müssen sich an das Farbschema anpassen, aber Sie können trotzdem hier und da einen strategischen Farbspritzer verwenden. Nehmen wir als Beispiel an, dass Sie eine Website mit blauem Thema haben. Prima. Sie können ein Popup zum Sammeln von E-Mail-Adressen erstellen und einen leuchtend gelben Button verwenden. Der Button ist psychologisch passend und schadet dem farblichen Branding des Unternehmens nicht.

Je mehr Freiheiten Sie bei Ihrem Farbschema haben, desto besser. Hier sind einige solide Hinweise, wie Sie Farbpsychologie in Ihre Website implementieren können:

• Testen Sie mehrere Farben: Entgegen dem, was manche sagen mögen, gibt es keine richtige Farbe für einen Conversion-Text oder -Button. Versuchen Sie einen grünen, lila oder gelben Button. Erforschen Sie die Vorteile eines schwarzen Hintergrunds im Vergleich zu einem weißen Hintergrund. Finden Sie heraus, was für Ihre Zielgruppe und Ihr Produkt am besten funktioniert.
• Überlassen Sie die Farbwahl nicht einfach Ihrem Designer: Ich habe enormen Respekt vor den meisten Web-Designern. Ich habe mit vielen von ihnen zusammengearbeitet. Aber lassen Sie Ihren Designer nicht diktieren, welche Farben Sie auf Ihrer Website verwenden sollten. Farbe ist eine Frage der Konversion, nicht nur eine Frage des „Oh, das sieht gut aus“. Farbästhetik ist nicht alles. Die Konversionswirkung von Farben ist wichtig! Sie sollten stark in die Farbauswahl Ihrer Landing Pages involviert sein, um Ihre Conversions zu verbessern.
• Vermeiden Sie Farbüberladung: Ich habe gerade über 3.000 Wörter damit verbracht, Ihnen zu erzählen, wie wichtig eine tolle Farbe ist. Jetzt werden Sie hinausgehen und etwas einfärben. Aber übertreiben Sie es nicht. Denken Sie an meinen letzten Punkt. Ich habe ihn nicht ohne Grund zuletzt genannt. Weiß ist eine Farbe, und es sollte auch Ihre BFF-Farbe sein. Zügeln Sie Ihren Farbenthusiasmus mit ganz viel Weiß. Zu viele Farben können ein Gefühl der Verwirrung erzeugen.

Abschluss

Das Internet ist ein bunter Ort, und es gibt eine Menge, das durch den richtigen Einsatz von Farbe erreicht werden kann, zur richtigen Zeit, mit der richtigen Zielgruppe und für den richtigen Zweck.

Natürlich führt dieser Artikel zu Fragen über Änderungen im Kontext Ihres Unternehmens. Was ist, wenn Ihr Unternehmen eine bestimmte Farbe im Styleguide hat? Was ist, wenn die Logofarbe einen bestimmten Farbton vorschreibt? Was ist, wenn der Chefdesigner eine bestimmte Farbe vorschreibt? Wie gehen Sie damit um?

Wie haben sich Ihre Farbänderungen auf Ihre Konversionen ausgewirkt?