Designprinzipien, die Sie A/B-testen sollten: Farbkontrast
Designprinzipien eignen sich hervorragend für A/B-Testing-Hypothesen und sind Instrumente zur Entwicklung erfolgreicher Experiment-Varianten auf der Grundlage bewährter Designtheorien. Lassen Sie uns daher über ein Prinzip sprechen, das Sie sofort testen können: Farbkontrast. Um mehr über dieses Designprinzip zu erfahren, haben wir uns mit Jeff Zych, dem Design Manager von Optimizely, unterhalten.


Sie haben es sich zur Aufgabe gemacht, die Conversions zu steigern und gleichzeitig jedem Besucher ein angenehmeres Erlebnis zu bieten. Wie schaffen Sie das, ohne gegen die Regeln des Styleguides Ihres Designteams zu verstoßen?
Die Vorstellung, dass Conversion und Design konkurrierende Prioritäten haben, ist eine falsche Dichotomie. Design und A/A-Testing sind tatsächlich verwandte Geister, wenn es um die Verbesserung von Conversion Rates und die Anwendung datengesteuerter Kreativität auf Probleme geht. Designprinzipien sind eine reiche Quelle für A/B-Testing-Ideen, die gut konvertieren und gut aussehen. (Eine ausführliche Diskussion darüber, wie Tests und Design zusammenspielen, finden Sie in diesem Diskussionsstrang im Optiverse).
Während Strategen gut darin sind, den Kunden zu verstehen, sind UX-Designer gut darin, dieses Verständnis in ein besseres Erlebnis zu verwandeln.
-Alhan Keser, Optimierungsstratege, WiderFunnel
Designprinzipien eignen sich hervorragend für A/B-Testing-Hypothesen und sind Instrumente zur Entwicklung erfolgreicher Experiment-Varianten auf der Grundlage bewährter Designtheorien.
Lassen Sie uns nun über ein Prinzip sprechen, das Sie sofort testen können: Farbkontrast. Wir haben uns mit Jeff Zych, dem Design Manager von Optimizely, unterhalten, um mehr über dieses Designprinzip zu erfahren.
Was ist Farbkontrast?
Ein Kontrast entsteht, wenn ein Element anders aussieht als die umgebenden Elemente oder der Hintergrund. Dunkler Text hebt sich zum Beispiel von einem hellen Hintergrund ab. Unser Gehirn ist so verdrahtet, dass es Unterschiede in unserer Umgebung wahrnimmt, was dazu führt, dass uns kontrastreiche Elemente ins Auge springen.
Es gibt viele Arten von Kontrasten, z. B. Form, Größe, Farbe und Textur. In diesem Beitrag konzentrieren wir uns nur auf den Farbkontrast.
Jeff sagt: "Der Kontrast kann je nach dem Grad des Unterschieds zwischen den Elementen von hoch bis niedrig reichen. Schwarz und Weiß haben einen hohen Kontrast, weil sie entgegengesetzte Farben sind, während Dunkel- und Hellgrau einen geringen Kontrast haben. Je höher der Kontrast ist, desto deutlicher ist ein Element zu erkennen."
Das schwarze Quadrat auf weißem Hintergrund hat einen höheren Kontrast als das dunkelgraue Quadrat auf einem etwas helleren grauen Hintergrund, was Ihre Aufmerksamkeit darauf lenkt.
Revolutionize your digital strategy
Ein geschickter Designer kann hohe und niedrige Kontraste nutzen, um die Aufmerksamkeit einer Person auf bestimmte Seitenelemente zu lenken. "Es gibt zwei Möglichkeiten, den Kontrast zu nutzen, um Testideen zu generieren: Erhöhen Sie den Kontrast der wichtigsten Elemente, z. B. der Call-to-Action, oder verringern Sie den Kontrast der weniger wichtigen Elemente und erhöhen Sie so den Kontrast aller anderen Elemente", empfiehlt Jeff.
Wie man den Kontrast testet
Um den Kontrast als Teil eines digitalen Erlebnisses zu testen, sollten Sie zunächst ein Hauptziel festlegen.
Das könnte sein, neue Besucher dazu zu bringen, auf "Anmelden" zu klicken, auf eine Werbeaktion auf der Homepage zu klicken oder ein ausgefülltes Formular abzuschicken. Welches Ziel verfolgen Sie mit dem Kontrast? Welches Element möchten Sie, dass die Besucher es sich ansehen, betrachten und anklicken?
Jeff schlägt vor: "Verwenden Sie eine helle Farbe, die sich von einem gedämpften Hintergrund abhebt, um das Element hervorzuheben, auf das sich die Besucher konzentrieren sollen. Das kann Ihre Markenfarbe sein oder eine Farbe, die Ihrer Markenfarbe auf einem Farbkreis direkt entgegengesetzt ist."
Die Homepage von Instagram verwendet Farbkontraste, um Besucher zum Einloggen zu bewegen.
Dann dokumentieren Sie Ihre Hypothese:
Wenn wir den Call-to-Action auf unserer Homepage hervorheben, indem wir den Farbkontrast im Vergleich zur umgebenden Seite erhöhen, werden die Conversions auf unserer primären CTA zunehmen, weil der visuelle Kontrast das Auge anzieht und die CTA visuell ansprechender macht.
Führen Sie Ihren A/B-Test durch. Wenn Ihre Ergebnisse zu einer Steigerung der Conversion führen, suchen Sie nach Möglichkeiten, den Kontrast auf anderen Seiten und Erlebnissen auf Ihrer Website oder in Ihrer Mobile App einzusetzen. Wenn Ihre Ergebnisse nicht zu einer Steigerung führen, sollten Sie eine andere Art von visuellem Kontrast testen oder nach anderen Möglichkeiten suchen, Ihre Seite zu vereinfachen und die Anzahl der ablenkenden Elemente zu reduzieren - es ist möglich, dass Sie nicht in der Lage waren, genügend Kontrast zu erzeugen, damit Ihre Besucher einen Unterschied bemerken.