So verwenden Sie Farbe, um UX zu formen

Verwenden Sie Farbe, um UX zu formen
(Bildnachweis: Zukunft)

Bei Design, das ein Publikum anspricht, geht es um mehr als clevere Kopien und gut gemachte Fotografie. Eine intuitive Website (erstellt mit einem Top Webseitenersteller ) geht tiefer als eine durchdachte Informationsarchitektur, die Benutzer zu ihrem Ziel führt. Durch das Zurückziehen der Schichten gelangen Sie zu einem Kernprinzip der Designausbildung: der entscheidenden Farbauswahl.

Die Gültigkeit der Farbpsychologie und Farbtheorie Als Marketingstrategie wird häufig diskutiert, da wir jeweils unterschiedliche Vorlieben haben. Ihre Lieblingsfarbe kann blau sein. Oder es kann orange sein. Oder lila. Rot? Du verstehst, worum es geht.

Aber könnte sich dieser Vorschlag nicht auch auf eine Entwurfsmethode beziehen? Versuchen Sie beim Entwerfen einer Website, sie für eine Person zu entwerfen, oder versuchen Sie, sich mit einem allgemeinen Publikum zu verbinden, das für Ihren idealen Kunden repräsentativ ist? Die Basis für erfolgreiches Design besteht darin, dass Sie die Vorurteile einer Person beseitigen und einen Schritt zurücktreten, um zu sehen, wie sich dies auf ein größeres Publikum auswirkt (in beiden Fällen müssen Sie Ihre erhalten Web-Hosting richtig).



Entwerfen Sie nach den Erwartungen des Publikums

Bei der Auswahl der „besten“ Farbe für eine Marke hat die Forschung ergeben, dass die Vorhersage der Verbraucherstimmung hinsichtlich der Relevanz einer Farbe und einer Marke wichtiger ist als die Farbauswahl selbst.

Wenn zum Beispiel an Gesundheit gedacht wird, korrelieren viele Menschen dies mit der Farbe Grün. Wenn eine neue Gesundheitsinitiative für eine große Organisation oder ein Lebensmittelprodukt beschließen würde, sich mit leuchtendem Rot zu brandmarken, würde sich bei dieser Wahl etwas falsch anfühlen. Wir erkennen vielleicht nicht immer bewusst, warum es sich so anfühlt, aber hinter den Kulissen ist dieses Gefühl die Art und Weise, wie unser Gehirn durch das filtert, was mit früheren Erfahrungen übereinstimmt, die gelernt oder konditioniert wurden. Dies zeigt sich noch deutlicher bei der Farbauswahl.

Ähnlich wie in UX ist es wichtig zu überlegen, wie verwirrend Dinge sein können, die nicht den Erwartungen der Benutzer entsprechen.

In 2003, Joe Hallock schrieb eine Bachelorarbeit über Farbzuweisung. Er befragte eine Stichprobengröße von 232 Personen und war in der Lage, Kernfarbassoziationen nach Geschlecht und Alter zu destillieren. Zum Beispiel konnte er feststellen, dass die emotionale Resonanz des Vertrauens hauptsächlich mit Blau korrelierte (34 Prozent aller Umfrageteilnehmer).

Joe Hallock

Joe Hallocks Forschung wurde auf einer Website gestartet(Bildnachweis: Joshua Garity)

Auch hier steht es nicht im Mittelpunkt, ob Sie sich persönlich am besten blau fühlen oder nicht. Es gab viele andere, die sich weiß (21 Prozent) oder grün (11 Prozent) vertrauensvoll fühlten.

Bei der Gestaltung für ein größeres Publikum oder Marktsegmente möchten wir den idealen Kunden anhand der persönlichen Vorurteile anderer beurteilen. Wenn Sie Microsoft sind und Bing auf dem Markt positionieren möchten, um Vertrauen zu implizieren, betrachten Sie es als ein Zahlenspiel. Laut Internet Live Stats gibt es bei Google über 3,5 Milliarden Suchanfragen pro Tag. es hat ein Marktanteil von rund 93 Prozent aller Suchanfragen . Wenn Microsoft mehr Marktanteile gewinnen möchte, kann ein Schwerpunkt dieser Bemühungen darin bestehen, durch Design und Branding Vertrauen aufzubauen.

Nach a aktuelle Umfrage Von SurveyMonkey unterstützt, gaben 65 Prozent aller Teilnehmer an, dass Vertrauen bei der Unterstützung einer Marke einen großen oder großen Einfluss auf ihre Entscheidungsfindung hat. Wenn Blau das Vertrauen in 34 Prozent dieses (1,19 Milliarden) Publikums darstellt, ist dies ein großer Teil der Menschen über Weiß (735 Millionen) oder Grün (385 Millionen).

Prozentsätze in einem Diagramm können irreführend sein, bis Sie den Kontext dessen anwenden, was sie wirklich darstellen. Vertrauensbildung mit der Farbe Blau wird häufig bei Unternehmen eingesetzt, die Transaktionen mit persönlichen oder finanziellen Informationen durchführen. Aus diesem Grund verlassen sich Banken und soziale Medien in ihrem Branding auf Blau als Grundfarbe. Durch die Nutzung kleiner unbewusster Auslöser wie der Verwendung von Blau im Branding können neue Kunden schnell eine Verbindung herstellen.

Es ist keine Zauberei, aber die Erfüllung der Erwartungen eines Publikums verhindert, dass sein Gehirn ein Warnsignal abgibt, dass etwas nicht ganz stimmt. Der Kauf einiger zusätzlicher Sekunden, um die Stimmung gegenüber Ihrer Marke zu festigen, ist äußerst wertvoll.

Kennen Sie die finanzielle Kraft einer einzelnen Farbe

Bing Farbforschungsgraphen

Die drei Top-Farben von Bing sind Weiß, Grau und Blau. Die beiden oberen sind neutral, was bedeutet, dass alles, was blau ist, die Hauptaufmerksamkeit des Benutzers darauf lenkt(Bildnachweis: Joshua Garity)

Wussten Sie, dass 84,7 Prozent der Kaufentscheidung eines Kunden vom Farbgebrauch beeinflusst werden? Die Auswahl der richtigen Farbe kann einen großen Einfluss auf Umsatz und Conversions haben.

Als Microsoft das entwarf, was später zu Bing werden sollte, untersuchte das Designteam eine große Variation von Farben, um Links darzustellen. Im Jahr 2010 hielt Bings User Experience Manager Paul Ray eine Präsentation auf der MIX10, einer langjährigen Microsoft-Konferenz. Er erörterte den Grad der multivariaten Tests, die unter anderem unter Berücksichtigung der Faktoren Farben und Typografie durchgeführt wurden, und deren Auswirkungen auf Umsatz, Rücklaufquote, Zeit bis zum ersten Klick und vieles mehr.

Die Tests von Microsoft waren so detailliert, dass sie mehrere Blautöne für die Linkfarbe enthielten. Es stellte sich heraus, dass eine bestimmte Farbe Blau (# 0044CC) geschätzte 80 bis 100 Millionen US-Dollar pro Jahr mehr einbrachte als das ursprünglich verwendete hellere Blau.

Dieser Blauton ist etwas Besonderes. Es geht über das Verständnis der Farbe hinaus, dass Blau eine Repräsentation des Vertrauens ist. Faszinierend ist, dass dieser besondere Blauton das verwendet Goldener Schnitt mathematisch.

Bing-Suchseite

huion h610 pro vs huion 1060 plus
Die von Microsoft für Bing durchgeführten Tests sind eine Meisterklasse in Farbpsychologie(Bildnachweis: Joshua Garity)

Der goldene Schnitt - eng mit der Fibonacci-Sequenz verbunden - ist am besten als Drittelregel bekannt. Es wird in der Fotografie verwendet, um eine Komposition zu rahmen, indem das Bild in drei gleiche vertikale Rechtecke und drei gleiche horizontale Rechtecke unterteilt wird. Dies ist etwas, was Designer von Natur aus tun, da unser Gehirn darauf konditioniert ist, Wert in Kompositionen wahrzunehmen, die sich an diesem Verhältnis ausrichten.

Wie wirkt sich diese goldene Drittelregel auf den Hex-Code einer Website für Bings Blau aus? Warten Sie mal. Wir sind fast da.

Hex-Codes repräsentieren die roten, grünen und blauen Markierungen eines Pixels. Die ersten beiden Zahlen eines Hex-Codes bestimmen den Wert von Rot, die zweiten beiden die Werte für Grün und die letzten beiden für Blau. Bings Blau ist # 0044CC. Die Konvertierung in ein Standard-RGB-Farbspektrum führt zu: Rot: 0, Grün: 68, Blau: 204. Immer noch bei mir?

Was bekommen Sie, wenn Sie den blauen Wert durch den grünen dividieren? Genau drei. Paul Rays Präsentation definierte Bings Blauton als perfektes mathematisches Blau.

Denken Sie an Ihren Designkontext

Es ist wichtig zu beachten, dass das perfekte Blau die Conversions nicht von selbst erhöht, ähnlich wie ein roter Knopf nicht auf magische Weise mehr Umsatz generiert. Die Auswahl einer einzelnen Farbe für ein Element Ihres Designs ist Teil der kollektiven Designpsychologie. Wie bei der Benutzererfahrung lässt sich die Farbtheorie am besten im Kontext verstehen.

Bings Blau fällt auf, weil es mit einem großen Prozentsatz neutraler Farben gepaart ist. 86 Prozent der Suchergebnisse bei Bing sind laut einer Studie von UX Triggers (UXT) neutral.

UXT ist ein Tool zur Analyse der Farbpsychologie, das jedes Pixel eines Bildes aufschlüsselt, um den Prozentsatz des Farbverbrauchs im Verhältnis zu anderen Farben zu bestimmen und um festzustellen, wie sich dieser Kontext auf die Wahrnehmung verschiedener Geschlechter und Altersgruppen in Bezug auf Faktoren wie Vertrauen und Qualität auswirkt.

UX löst net aus

Mit einem Tool wie UX Triggers können Sie die Farbpsychologie Ihres Produkts aufschlüsseln(Bildnachweis: Joshua Garity)

Im die Studium Neutrale Farben (überwiegend Weiß mit 67 Prozent des Bildes) verstärken den Fokus auf sekundäre nicht neutrale Farben. In diesem Fall war Blau die am häufigsten verwendete Farbe bei 5 Prozent des Bildschirms. Das Gesamtdesign konzentriert sich stark auf kühle Farben (91 Prozent). Kühle Farben neigen dazu, eine ruhigere oder ruhigere Stimmung hervorzurufen. Was wichtig ist, wenn man den Kontext des Designs selbst betrachtet.

Suchergebnisseiten enthalten eine Vielzahl von Informationen. Jede Seite enthält nur zehn Gesamtergebnisse, enthält jedoch Hunderte von Wörtern, die jede Seite, die Website-URL, den Seitentitel und zusätzliche Informationen zum Seitenleisten-Callout beschreiben, die für den Benutzer relevant sein können. Es ist viel zu konsumieren, wenn Die meisten Benutzer verbringen nur zwischen 4,39 und 8,64 Sekunden auf der ersten Seite einer Suchmaschine .

Aus diesem Grund spielt die Farbauswahl eine so wichtige Rolle für das Benutzererlebnis und das Design insgesamt. Es geht nicht um die Farbe Blau oder Rot, sondern um alle Farben, die es umgeben.

Die drei Top-Farben von Bing sind Weiß (67 Prozent), Grau (19 Prozent) und Blau (5 Prozent). Die beiden Besten sind, wie bereits erwähnt, neutral. Aus diesem Grund lenkt alles Blaue die Hauptaufmerksamkeit des Benutzers darauf. Wenn Sie berücksichtigen, dass die blauen Textlinks auch größer sind als der sekundäre Beschreibungstext (20 Pixel für die vergrößerten Links gegenüber 13 Pixel für die Textkopie), wird Tunnelblick erstellt, und Benutzer können sich auf die Seitentitel konzentrieren, die den größten Wert bieten Die Seite.

Unser Gehirn quantifiziert unbewusst, was wir als ideal empfinden

Alle anderen Inhalte werden von Natur aus zweitrangig. Oh, und raten Sie mal: Die Größe des vergrößerten blauen Linktextes (20px) ist im Verhältnis zum Körpertext (13px) mathematisch perfekt. Der blaue Text ist 65 Prozent so groß wie die Textkopie - was nur 1 Prozent von einem perfekten goldenen Schnitt entfernt ist.

Das heißt nicht, dass Designer absichtlich mathematische Brüche oder Gleichungen erstellen, um ihr Design voranzutreiben. Die Konsequenz daraus ist, dass unser Gehirn unbewusst quantifiziert, was wir als ideal empfinden. Es kommt einfach so vor, dass wir das mit ein paar Mathe nachträglich definieren können.

Es ist wie in der Designwissenschaft. Nur weil wir etwas, das mit Mathematik existiert, besser verstehen können, heißt das nicht, dass es nur existiert, weil jemand Mathematik verwendet hat, um es so zu machen. Mathematik ist eine Sprache und wird in der Design- oder Farbtheorie oft übersehen, da einige Designer diese Verbindungen von Natur aus herstellen können.

Beeinflussen Sie Kunden mit Farbe und Textur

Es ist wichtig, den Zweck des Designs zu verstehen, bevor Sie tatsächliche Designarbeiten ausführen. Seltsam, richtig? Sie müssen Fragen stellen wie: Wie hängt es mit den Geschäftszielen zusammen? Wie hängt es mit den Erwartungen des Kunden zusammen?

Aus Sicht der Website verlangsamt die Farbauswahl einen Besucher nicht unbedingt und ermutigt ihn, mehr Zeit auf der Seite zu verbringen. Dies ist eher ein Thema für Benutzererfahrung, Produktwert und Marktnachrichten. Was Farbe tun kann, ist dabei zu helfen, Ihren Platz im Ökosystem zu etablieren.

Letztes Jahr hat Slack seine Website neu gestaltet und wunderbar strukturierte Illustrationen und durchdachten Farbgebrauch gezeigt. Es hat ihm geholfen, sich in einem Meer von SaaS-Websites im Unternehmensstil abzuheben, die um Aufmerksamkeit wetteifern. Das Ergebnis war professionell und dennoch verspielt, was den Kernmarkt ansprach. Haben Sie einen Desktop voller Inspiration für Ihre Website? Bewahren Sie Ihre Dateien oben sicher auf Cloud-Speicher .

Slack Website

Als Slack seine Markenidentität überarbeitete, leistete es so gute Arbeit, dass andere Unternehmen sein Aussehen bald kopierten(Bildnachweis: Joshua Garity)

Aber dann haben es alle kopiert. Der gleiche Schriftstil. Der gleiche Illustrationsstil. Das gleiche Farbschema. Der Markenstil von Slack wurde zu einer Vorlage für alle anderen. Niemand stach mehr hervor. Nicht weil das Produkt das gleiche war, sondern weil das gesamte kollektive Designerlebnis das gleiche war. Dies funktioniert gut für Unternehmen, die sich etablieren möchten, ist jedoch für Branchenführer kontraproduktiv, da es sich um zwei verschiedene Geschäftsmodelle mit zwei unterschiedlichen Anwendungsfällen handelt.

Sie fragen sich vielleicht: Wie hängen Geschäftsziele mit der Verwendung von Farben und Designentscheidungen zusammen? Wussten Sie, dass die Essbereiche von Fast-Food-Restaurants traditionell in leuchtenden Farben wie Rot und Gelb gestrichen wurden, weil sie bei den Kunden ein Gefühl von Aktion oder Unruhe hervorriefen?

Fast Food generiert Einnahmen, wenn es schnell und bequem ist. Wenn sich die Gäste beim Essen Zeit nehmen, behindert dies den Tischumsatz und verlangsamt die Menge an Produkten, die das Restaurant an einem Tag verkaufen kann. Sie konzentrierten sich auf den potenziellen Umsatz und nicht auf das Kundenerlebnis.

Dieser Trend hat sich in den letzten Jahren allmählich geändert. Sie verwenden neutrale Farben, natürliche Designelemente wie Holz und weichere Beleuchtung. Es ist weniger abrasiv und beruhigender. Die Markterwartung hat diktiert, dass Familien sich hinsetzen und eine Mahlzeit genießen möchten, auch wenn dies mit kleinem Budget und relativ schnell erledigt wird. Die Zusammenarbeit mit Ihrem Kunden ist für den langfristigen Erfolg notwendig.

Die Beeinflussung des Verhaltens sollte mit Zurückhaltung und Sorgfalt erfolgen. Es geht nicht immer darum, Kunden in einen Verkaufstrichter zu treiben. Manchmal verlangsamt sich die proaktivste Entwurfsentscheidung.

Dieser Artikel wurde ursprünglich in veröffentlicht Netz , das weltweit meistverkaufte Magazin für Webdesigner und Entwickler. Sie können Abonnieren Sie net hier .

Zum Thema passende Artikel: