So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

18 erstaunliche Fakten über die Farbwissenschaft, die dazu beitragen, die Conversions zu steigern …



die Psychologie der Farbe
Weißt du wie Markt innerhalb Ihrer Website? Ist Ihre Website dafür optimiert? Sie müssen sich anmelden, Downloads kaufen, ein Produkt ausprobieren oder ein Formular ausfüllen? Wissen Sie, ob Sie die Farben ausgewählt haben und / oder wie die Elemente organisiert sind? sind gut für den Benutzer, um zur Zielseite zu navigieren Wie sollen sie das machen? Gut genug, um sie zu bringen Klicken Sie auf das, was Sie wollen? Wussten Sie das?

Wie Sie wissen, ist die Arbeit an Social-Media-Kanälen heute äußerst wichtig. Sicherlich legen Sie an dieser Stelle mehr Wert auf Ihre Facebook, Twitter Plus Google als Ihre Website. Oder vielleicht haben Sie noch keine erstellt, aus Angst, dass sie unbrauchbar wird. Ich habe recht?

die Psychologie der Farbe
Du musst Ich verstehe, dass das Design Ihrer Website Es sollte nicht nur optisch ansprechend sein, sondern vielmehr Es muss optimiert werden, um Benutzer durch eine Abfolge von Gedanken zu führen. Es muss so konzipiert sein, dass sie die Maßnahmen ergreifen, die sie ergreifen sollen. Farbe ist eine Schlüsselkomponente, und es ist während des gesamten Kaufprozesses sehr einflussreich. Deshalb ist es so wichtig, wenn Sie mehr Verkäufe, Abonnements, Downloads usw. erhalten möchten. Lesen Sie diesen Artikel, um herauszufinden, was sich auf Ihrer Website befindet und wie Sie mithilfe der Farbwissenschaft Ihre Ziele erreichen können. Die Änderungen, die Sie vornehmen können, sind sehr einfach und können zu unglaublichen Änderungen führen!

Also bereit zu lesen? Auf geht's!

anigif_enhanced-11903-1398730207-1

A- Color Science: Ein kurzer Überblick über einige Informationen, von denen Sie vielleicht keine Ahnung hatten

1.A- Die einflussreichster Faktor in den Sinnen bei der Kaufentscheidung ::

die Psychologie der Farbe 1
2.A – Es dauert 90 Sekunden, bis Ihr Gehirn ein Produkt unbewusst analysiert und beurteilt:
die Psychologie der Farbe
3.A- Bevorzugte Farben nach Geschlecht::

  • Herren: Blau, Grün und Schwarz.
  • Frau: Blau, Lila und Grün.

die Psychologie der Farbe
4.A- Es gibt 3 grundlegende Käuferprofile, von denen jedes von verschiedenen Farben angezogen wird., die jeweils als Auslöser wirken:

4 "width =" 565 "height =" 414 "/></center>5.A- <strong>Blau</strong> <strong>Es ist die Farbe, die von den wichtigsten Marken am häufigsten verwendet wird.</strong> in der Welt.<br />
<center><img src=

Jedes Symbol repräsentiert eine Branche:

6 INDUSTRIE
In der Branche am häufigsten verwendete Farben:

Rot ist aggressiv, energisch, provokativ und auffällig.
Es ist beliebt bei verwandten Branchen: Lebensmittel, Technologie, Autos und Landwirtschaft.

6 rot

Lila steht für: Königtum, Raffinesse, Nostalgie, Mysterium und Spiritualität.
Es ist beliebt bei verwandten Branchen: Technologie, Gesundheitswesen und Finanzen.
lila 6

Blau ist zuverlässig, vertrauenswürdig, sicher und verantwortungsbewusst.
Es ist beliebt bei verwandten Branchen: Technologie, Gesundheitswesen, Finanzen, Energie, Landwirtschaft und Fluggesellschaften.
blau 6

Ruft grün hervor: Wohlstand, Gesundheit, Prestige und Gelassenheit.
Es ist beliebt bei verwandten Branchen: Lebensmittel, Technologie, Finanzen, Energie und Haushalt.
grün 6

Gelb steht für: Positivität, Licht, Wärme, Motivation und Kreativität.
Es ist beliebt bei verwandten Branchen: Essen, Energie und Zuhause.
gelb 6

Orange erinnert: Vitalität, Spaß, Überschwang und Freude.
Es ist beliebt bei verwandten Branchen: Technologie und Gesundheitswesen.
orange 6

Brown ist: erdig, natürlich, simpel und langlebig.
Es ist beliebt bei verwandten Branchen: Kleidung, Autos und Landwirtschaft.
braun 6

Schwarz steht für: Prestige, Wert, Zeitlosigkeit und Raffinesse.
Es ist beliebt bei verwandten Branchen: Technologie, Autos und Kleidung.
schwarz 6

Erinnert an Weiß Reinheit, Adel, Sauberkeit und Weichheit.
Es ist beliebt bei verwandten Branchen: Kleidung und Gesundheitsversorgung.
weiß 6

B- Fehler mit den Farben, die Sie auf Ihrer Zielseite nicht mehr ausführen sollten

Wie eingangs erwähnt, ist die Farbwissenschaft ist extrem mächtig. Der Farbfaktor ist das Wichtigste im Konvertierungsprozess. auf einer Landing Page sowie weitere Designelemente wie: Größe, Form, Lage und Bewegung.

Wir werden das nutzen Hervorragende Analyse von Marketing-Experimenten, um die folgenden 5 schwerwiegenden Fehler zu entwickeln in Bezug auf die Verwendung von Farben. Dieser Weg, Sie können mit der Analyse Ihrer Website beginnen und diese sofort optimieren::

7.B- Fehler 1: Betonung

Der Fehler kann in der mangelnde Betonung oder Betonung auf den falschen Gegenstand oder Ort.

Marketing-Experimente analysieren einen Fall wo die Website mehr Abonnenten bekommen musste.

Original: Diese Seite hat nichts hervorgehoben oder Aufmerksamkeit erregt. Es gab kein Element, das den Benutzer zu einer bestimmten Entscheidung führen könnte. Wenn eine Person mit vielen Optionen konfrontiert ist, die "gleich" erscheinen, verwirrt werden. Sie Ich würde das Dilemma lieber aufgeben, anstatt für eine Minute anzuhalten und Versuchen Sie genau herauszufinden, was angeboten wird und was die beste Option ist. Wenn andererseits der Prozess vereinfacht wird und eine Option über einer anderen hervorgehoben und angezeigt wird, verschwindet der Zweifel schnell und es ist einfacher, vom Kunden ein JA zu erhalten.

Original 7b


Optimierung: Eine Reihe von Schatten und Farbverläufen wurde verwendet, um das Auge zum Hauptpunkt zu führen. Hier wird es mit einer anderen Farbe hervorgehoben, um den vorgeschlagenen Wert zu verstärken. Darüber hinaus werden die durch den Text gegebenen Informationen vereinfacht. Zusammen mit der Verwendung von Farben führt dies den Benutzer nun zu genau dem, was das Unternehmen von ihm erwartet. Mit diesen Änderungen wurde ein Anstieg der Klickrate um 81% verzeichnet.
7B optim

Ein weiteres Beispiel: Betonen Sie die falschen Dinge.

Der Fehler in diesem Fall ist der Farben sorgen für Ablenkung. Lassen Sie die CTA-Schaltfläche (Call to Action) außerhalb des Formulars und platzieren Sie sie mitten auf der visuellen Reise Der Benutzer durchsucht die Seite. Beim optimierte Version, die Farbe der CTA-Taste ist intensiver und es ist am Ende der Seite platziert. Dies "zwingt" den Benutzer, das gesamte Formular zu betrachten und schließlich zur CTA-Schaltfläche zu gelangen, im Grunde genommen zur gewünschten Aktion.. Ergebnis: Erhöhung der Klickrate um 97%

7B2

8.B- Fehler 2: Nummer

In diesem Fall ist die Farbsättigung oder "Mangel an" beeinflussen den Entscheidungsprozess stark. Da kann es ein sein Störfaktor, oder im Gegenteil, etwas, das hilft, die Informationen besser zu verarbeiten.

Betrachten Sie dieses von Marketing Experiments analysierte Beispiel:

Original:: Zu viele Farben konkurrieren um die Aufmerksamkeit der Person. zur selben Zeit.

8 b original

Optimiert:: Geräusche, die durch übermäßigen Farbgebrauch entstehen, werden eliminiert.Lassen Sie die Box mit dem Call-to-Action-Taste als einziges farblich hervorgehobenes Element.
8 b optim

9.B- Fehler 3: Kombination

An dieser Stelle halte ich es für hilfreich zu bringen eine Erklärung von Derek Halpern in einem seiner Videopostings, was super logisch ist, aber anscheinend schwer zu gewöhnen ist. Er sagt, dass Es gibt zwei Farben, die Sie tragen sollten auf seiner Webseite: Passive Farben y Aktionsfarben::

  • Passive Farben: Diese Farben werden verwendet, um die visuelle Attraktivität der Website zu erzeugen. und geben Sie Ihrer Marke Persönlichkeit.
  • Aktionsfarben: zeig den Leuten das "X" Farbe = Klick. Diese Farbe sollte verwendet werden Informieren Sie regelmäßige Besucher und Benutzer darüber, was Sie auf bestimmte Schaltflächen, Links und Felder klicken müssen"Wenn wir dieselben Farben verwenden, um Überschriften, Links oder andere Nachrichten hervorzuheben, die nirgendwohin führen, verschwenden wir die Ressourcen, die uns die Farbe bietet. In diesem Fall wird die Person angezeigt, die die Seite durchblättert was wir wollen, dass es tut.

Marketing-Experimente heben diesen Fall hervor, Ein großer Fehler beim Zusammenführen in einem Dialogfeld mit einem CTA für den Premiumzugriff zu den auf dieser Website angebotenen Inhalten.

9 b orig

In der optimierten Version wird dem Feld mit dem Aufruf zum Handeln eine aktive Farbe zugewiesen. Dadurch kann die Nachricht oder angeforderte Aktion angezeigt werden. y verhindert, dass es im Rest des visuellen Inhalts verloren geht. Um die Benutzer nicht zu verwirren, ist es unbedingt erforderlich, die Verwendung und die Farbkombination konsistent zu gestalten.. Auf diese Weise werden sie nicht aus dem Gleichgewicht gebracht und die Entscheidungsfindung vereinfacht.
9 b opt

10.B- Fehler 4: Meldung

Jede Farbe vermittelt eine Nachricht. Daher ist es wichtig, die Bedeutung jedes einzelnen zu kennen. welche Emotionen aktivieren und was Assoziationen, die auslösen können. Im folgenden Fall, Die Originalversion vermittelt keine Glaubwürdigkeit, Ernsthaftigkeit oder Zuverlässigkeit, die die notwendigen Werte sind für diese Art von Produkt

10 b
Um zu entscheiden, welche Farbe am besten zur Erreichung Ihrer Ziele geeignet ist, Denken Sie an: Ihre Branche, Ihr Produkt, welche Botschaft Sie vermitteln möchten und welche Maßnahmen die Besucher Ihrer Website ergreifen sollen.

11.B- Fehler 5: Fluss

Der Fall, den wir zuvor über den "Hervorhebungs" -Fehler gesehen haben, könnte ebenfalls in diese Kategorie passen. Ihre Sie müssen Farben verwenden, um Personen zu begleiten und zu führen, die Ihre Seite besuchen. Auf diese Weise kann jeder Benutzer die von den verschiedenen Designelementen übertragenen Nachrichten korrekt interpretieren.

Das Folgende ist ein weiteres Beispiel dafür, wie die Der Missbrauch von Farben kann tatsächlich die visuelle Reise und den natürlichen Gedankengang unterbrechen, den jede Person erlebt, wenn sie den Inhalt einer Zielseite oder Website überprüft.. Mit einer guten Verwendung von Farbe und Design können Sie den Benutzer mühelos dazu bringen, das zu tun, was er will.

Original: Obwohl die Farbe für verwendet wird Der Call-to-Action-Button, der möglicherweise viel Aufmerksamkeit erregen könnte, wurde in einem weißen Feld außerhalb der Hauptnachricht platziert. Dies unterbricht den natürlichen Gedankengang der Person und hinterlässt einen Raum, der nichts als Lärm erzeugt. Es deaktiviert den Benutzer und genau in diesem Moment beginnen sie zu zweifeln:

11 b


Optimiert: das Die Schaltfläche stammt jetzt aus der Nachricht. Es unterbricht die visuelle Reise nicht und vereinfacht die Entscheidungsfindung, ohne dass in der Mitte der Seite viel unerwünschtes Rauschen entsteht.. Sie können sehen, dass der blaue Knopf das einzige Element ist, das Ihre Aufmerksamkeit auf sich zieht. In diesem Szenario wird eine Entwurfsstrategie gewählt, die einen geringen Kontrast und weniger Farbe verwendet, aber viel Wert auf ein einzelnes gut platziertes Element legt.

C- Tipps zur Optimierung Ihrer Call to Action-Schaltfläche

12.C- Kapselung

Lassen Sie die Nachricht oder den Punkt von Interesse nicht zu Verlieren Sie sich unter den anderen Elementen auf Ihrer Zielseite. Kapseln Sie die Schaltfläche, um sie in die Nachricht aufzunehmen und die Aufmerksamkeit richtig zu erregen.

12 c

13.C- Wegweiser

Geben Sie dem Benutzer nicht die Möglichkeit, die Seite visuell zu durchsuchen. Führen Sie sie und zeigen Sie sie direkt auf die Stellen, auf die sie auf Ihrer Zielseite achten sollen. Verwenden Sie bei Bedarf Elemente, mit denen Sie Ihre Ansicht auf die Seite lenken können.

13 c

14.C- Farbkontrast

Denken Sie daran, wie wir in einigen der anderen oben genannten Themen erwähnt haben Kontrast bedeutet nicht, viele Farben zu verwenden. Es bedeutet, das Gewicht der Farbe an der richtigen Stelle aufzutragen.

14 ccm

15.C- Leerzeichen

Sie können Schaltflächen oder Kästchen mit CTA mithilfe von Leerzeichen markieren und vermeiden, dass Rauschen mit zu vielen Farben oder zusätzlichen Elementen erzeugt wird. das könnte Aufmerksamkeit stehlen.

15 c

16.C- Optimieren Sie neben Farbe auch Ihre Website und Ihre Schaltflächen mit einem intelligenten und unverwechselbaren CTA.

Mohita Nagpal vereint eine hervorragende Sammlung von Ideen zur Optimierung von Schaltflächen und Text auf Ihrer Zielseite im Visual Optimizer-Blog. Lassen Sie uns sie schnell überprüfen:

  • Verwenden Sie Sätze, die schwer zu sagen sind oder die so unangenehm oder lächerlich sind, dass die Person ihre Entscheidung überdenken muss.. Besucher überraschen Denken Sie auf Ihrer Website daran, dass Sie ständig CTAs ausgesetzt sind und die Barriere der Skepsis überwinden müssen, die wir alle durch die ständige Bombardierung mit Informationen erzeugt haben.

16 C1


16c4


16C3


16 C 5


16 C2

  • Sie können auch Meldungen wie Systemfehler, "404 – Seite nicht gefunden" oder Popups optimieren, um potenzielle Kunden nicht zu verlieren. Sie können nicht mehr "Seite nicht gefunden" sagen. Denken Sie an die Personen, die Ihre Website besuchen, welche Sprache sie verwenden und was es klug wäre, zu sagen, um ihre Aufmerksamkeit zu erregen, und halten Sie sie auf Ihrer Website.

16 C6

D- Zwei Tools, die Sie lieben werden und die Ihnen helfen, bessere Entscheidungen über Farben zu treffen!

17.D- Navflow:

Diese App analysiert den Weg, den Besucher durch Ihre Website nehmen, und zeigt Ihnen, wo es für sie schwierig ist, den Ablauf von Aktionen zu verfolgen.

Werkzeug 1

18.D- Adobes Kuler:

Mit dieser Anwendung können Sie Farben auf Ihrer Website anhand verschiedener Kriterien analysieren und testen und die beste Kombination ermitteln.

Werkzeug 2

Wir werden schließen:

Das Verständnis der Kraft der Farbe und ihrer Wissenschaft ist wirklich wichtig, um Ihre Seite zu optimieren. Farben dienen nicht nur dazu, die Aufmerksamkeit Ihres Benutzers auf sich zu ziehen, sondern noch mehr, weil sie kommunizieren Nachrichten, die das von jedem ausgelöste Zuordnungsframework verwenden. Wie wir zu Beginn sagten, sollten Sie auch lernen Markt innerhalb Ihrer Websitey Nutzen Sie jedes Designelement, um sich mit den Personen zu verbinden, sie zu führen und sie zu besuchen, die Ihre Website besuchen.

Nun, wenn Ihnen dieser Artikel gefallen hat …

anigif_enhanced-21430-1398792791-23

Hauptquelle:

http://unbounce.com/conversion-rate-optimization/design-principles-increase-conversions/
http://visualwebsiteoptimizer.com/split-testing-blog/copywriting-examples-for-high-conversions/
http://socialtriggers.com/
http://www.marketingexperiments.com/site-optimization/website-colors-and-conversion.html
http://blog.kissmetrics.com/psychology-of-color-and-conversions/
http://thelogocompany.net/blog/infographics/psychology-color-logo-design/
http://brandongaille.com/how-colors-influence-consumer-buying-decisions/
http://blog.kissmetrics.com/how-colors-affect-conversions/?wide=1
http://www.pinterest.com/pin/100838479128968459/
http://blog.kissmetrics.com/color-psychology/

Feedback