Beiträge

Geringer Kontrast zwischen Schriftfarbe und Hintergrund - Fehler bei der Schriftfarbe Teil 3

Verhindern diese Fehler bei der Schriftfarbe, dass Besucher Ihre Website lesen? (Teil 3 von 3)

Ihre Website bringt Ihnen keine Kunden? Oft sind es schon Kleinigkeiten im Design, die der Grund dafür sein können.

In dieser dreiteiligen Serie picke ich eines dieser entscheidenden Details heraus, bei dem mir auf Websites häufig Fehler auffallen: die Schriftfarbe.

Das hier ist der dritte Teil meiner kurzen Artikelserie „Warum die Schriftfarbe der Grund sein kann, weshalb Besucher Ihre Website verlassen“.

In Teil eins lesen Sie, warum sich Website-Text manchmal ungewollt vor Ihren Lesern versteckt. In Teil zwei zeige ich Ihnen welche Schriftfarben stattdessen dafür sorgen, dass Besucher Ihre Website lesen.

Heute im dritten Teil geht es darum, wie Sie eine passende Hintergrundfarbe für Ihren Text wählen. Und Sie erfahren, wie Sie vermeiden, dass der Hintergrund ein zu großer optischer Konkurrent für Ihren Text ist.

Geringer Kontrast zwischen Schriftfarbe und Hintergrund - Fehler bei der Schriftfarbe Teil 3

Schrift auf farbigem Hintergrund

Farbflächen eigenen sich gut, um auf Ihrer Website unterschiedliche Textabschnitte visuell voneinander zu trennen.

Sie helfen damit Ihrem Websitebesucher auf den ersten Blick zu sehen, wo ein neuer Gedanke beginnt.

Mit den folgenden Hilfen können Sie leichter entscheiden, welche Farben sich für diese Hintergrundflächen eigenen und welche eher nicht.

Gleich und gleich gesellt sich gerne? Nicht bei Schrift- und Hintergrundfarbe

Diese zwei Beispiele zeigen es deutlich: Farben, die zu „nah“ beieinander liegen, buhlen beide gleich stark um die Aufmerksamkeit Ihres Websitebesuchers.

Zu kleine Farbunterschiede verhindern, dass Besucher Ihre Website lesen

Farben, die sich nur in Bezug auf ihre Helligkeit unterscheiden, wie blau und hellblau oder braun und beige, sind solche Beispiele.

Wenn Sie zum Beispiel die hellere Farbe für den Hintergrund und die etwas dunklere für Ihren Website-Text verwenden, achten Sie darauf, dass der Helligkeitsunterschied sehr hoch ist.

Ein klarer Farbkontrast zwischen Schrift und Hintergrund hilft, dass Besucher Ihre Website lesen

Lieber zu viel als zu wenig Kontrast zwischen Text und Hintergrund.

Zwei Farben – und keine von beiden gewinnt den Wettkampf …

Zum Bespiel bei Farben wie türkis und blau oder orange und pink ist die Farbverwandschaft groß. Beide haben entweder einen großen kühlen Farbanteil (türkis und blau) oder warmen Farbanteil (orange und pink).

Schrift- und Hintergrundfarbe liegen zu nah beieinander

Doch auch Farben, die auf den ersten Blick sehr unterschiedlich sind, können sich optisch Konkurrenz machen. Das liegt daran, dass sie entweder gleich kräftig, oder gleich seicht sind. Das ist zum Beispiel bei diesen Farben der Fall:

Gleich kräftige Farben bei Schrift und Hintergrund verhindern, dass Besucher Ihre Website lesen

Weiß auf beige: Beide Farben sind hell und seicht. Rot auf blau: Beide Farben sind kräftig. In beiden Fällen fallen Schrift und Hintergrund gleich stark ins Auge. Der Leser kann sich nicht auf den Text konzentrieren.

Vor allem Websitebesucher mit geminderter Sehstärke haben dann Schwierigkeiten, Ihren Text zu lesen. Sie werden Ihre Website sehr wahrscheinlich schnell wieder verlassen.

Denn wenn wir Menschen uns im Internet bewegen, sind wir von Natur aus ungeduldig. Wir möchten uns nicht anstrengen.

freebie cover

Die 8 wichtigsten Punkte, warum Ihre Website verhindert, dass Ihr Business erfolgreich ist.

Wenn trotz klarem Kontrast das Lesen anstrengend ist: Helle Schrift auf dunklem Grund

Warum ist helle Schrift auf sehr dunklem Hintergrund für Ihre Websitebesucher auf Dauer schwierig zu lesen?

Ganz einfach.

Etwas Dunkles suggeriert Dinge wie: Nacht, Entspannung und Müdigkeit.

Nacht bedeutet: Abschalten. Nicht konzentrieren.

Licht, dass uns aus einem dunklen Bereich entgegen strahlt, assoziieren wir mit etwas, dass uns unangenehm blendet und stört.

Sie kennen die Situation, wenn Sie nachts auf der Autobahn unterwegs sind. Außer Ihnen ist kaum jemand auf der Straße. Alles ist dunkel. Ihre Augen haben sich an diese Dunkelheit gewöhnt.

Und da, plötzlich, kommt auf der Gegenfahrbahn ein Auto mit Fernlicht. Ihr Reflex: Sie kneifen die Augen zusammen.

Das ist optischer Stress.

Von einem Extrem ins andere.

Etwas sehr Ähnliches passiert, meist unbewusst, wenn Besucher Ihre Website lesen und helle Schrift auf sehr dunklem (oder gänzlich schwarzem) Grund steht.

Helle Schrift auf dunklem Hintergrund ist anstrengend zu lesen

Der Hintergrund sorgt dafür, dass sich das Auge ungewollt zu sehr entspannt. Die helle Schrift ist das krasse Gegenteil. Sie strahlt Ihrem Leser entgegen. Dieser Gegensatz sorgt im Gehirn für Verwirrung.

Verwenden Sie sehr dunklen Hintergrund daher nur einzelne Wörter oder kurze Sätze. Stellen Sie längere Textabschnitte auf hellem Hintergrund dar.

Heller Hintergrund, dunkle Schrift – eine gute Wahl für Ihre Website

Eine helle Hintergrundfarbe tut genau das Gegenteil von dem, was die „nächtliche“ dunkle tut.

Sie suggeriert dem Auge: Es ist Tag.

Zeit sich zu konzentrieren, denn hier passieren wichtige Dinge.

Wollen Sie, dass Besucher Ihre Website lesen und sich ohne Ablenkung auf Ihren Inhalt konzentrieren, ist eine schlichte, dunkle Schriftfarbe auf hellem Hintergrund die beste Wahl.

In Teil zwei dieser Serie finden Sie Tipps für dunkle Schriftfarben und Ich zeige Ihnen Alternativen für „einfach nur schwarz“.

Sind die Textfarben auf Ihrer Website bereits gut lesbar und dennoch sind Ihre Besucher immer viel zu schnell wieder weg?

Dann liegen die Tücken womöglich bei einem dieser 14 Gründe, warum Ihre Website keine Kunden gewinnt.

Welche acht Bedingungen sind es, die Ihre Website erfüllen muss, bevor sie auf Kunden anziehend wirkt? Und erfüllt Ihre Website diese Bedingungen? Laden Sie sich meine kostenfreie Checkliste herunter und machen Sie den Test: Warum Ihre Website verhindert, dass Ihr Business erfolgreich ist.

Welche Schriftfarbe sorgt dafür dass Kunden Ihre Website lesen

Welche Schriftfarbe sorgt verlässlich dafür, dass Kunden Ihre Website lesen?

Stellen Sie fest, dass Besucher Ihrer Website immer schnell wieder weg sind?

Das können Sie ändern.

Denn womöglich ist es nur ein Detail, das Interessenten abschreckt – und zwar schon bevor sie überhaupt angefangen haben Ihre Website zu lesen.

Es geht um die Farbe Ihrer Texte.

Wenn Sie unsicher sind, welche Farbe sich am besten für Ihre Website-Texte eignet, habe ich in diesem Artikel drei Anregungen für Sie.

Welche Schriftfarbe sorgt dafür dass Kunden Ihre Website lesen

Das hier ist Teil 2 meiner dreiteiligen Serie „Warum die Schriftfarbe der Grund sein kann, weshalb Besucher Ihre Website verlassen.“

Im ersten Teil habe ich Ihnen gezeigt, warum Ihre Besucher Texte, die mit heller Schrift auf hellem Hintergrund stehen, als unwichtig einstufen.

Heute gebe ich Ihnen Tipps, welche Schriftfarbe Sie stattdessen wählen können, damit Besucher weiterlesen und zu echten Interessenten werden.

Ist „einfach nur“ schwarze Schrift immer eine gute Wahl, damit Kunden Ihre Website lesen?

Viele greifen für Website-Texte zur schwarzen Schriftfarbe. Haben Sie sich auch dafür entschieden?

Ein Grund kann sein, dass Sie die Gestaltung Ihrer Website bewusst schlicht halten möchten.

Oder Sie sind einfach nicht sicher, welche Farbe sich sonst eignen würde.

Die gute Nachricht ist: Schwarze Schrift funktioniert wunderbar, wenn Sie einige grundlegende Tipps bei der Formatierung der Schrift im Auge behalten.

Achten Sie bei gleicher Farbe von Überschrift und Text auf einen deutlichen Kontrast bei der Schriftdicke. Fettere Überschriften ziehen die Aufmerksamkeit des Lesers auf sich.
Das ist wichtig, damit während des Lesens immer wieder optische „Anker“ entstehen. Sprich Punkte, an denen Ihr Leser erkennt: „Ah ja, das klingt gut. Da lese ich mal genauer nach.“

Kontrast bei der Schriftdicke sorgt dafür, dass Kunden Ihre Website lesen

Kontrast bei der Schriftdicke sorgt dafür, dass Kunden Ihre Website lesen

 

Unterschiedliche Schriftgrößen sorgen ebenfalls dafür, dass Überschriften dunkler und damit wichtiger wirken, als der „normale“ Lesetext.

Kontrast bei der Schriftgröße sorgt dafür, dass Kunden Ihre Website lesen

Kontrast bei der Schriftgröße sorgt dafür, dass Websitebesucher sich schnell orientieren können.

 

Überschriften sind Ihre Eintrittskarte für besseres Suchmaschinenranking. Die richtige Textformatierung entscheidet, ob Google Kunden zu Ihnen lenkt. Warum das so ist, und wie Sie mit einem strukturierten Text besseres Suchmaschinenranking erzielen, erfahren Sie hier.

freebie cover

Die 8 wichtigsten Punkte, warum Ihre Website verhindert, dass Ihr Business erfolgreich ist.

Text in auffälligen Farben, wann ja und wann nein?

Gehören Sie vielleicht doch nicht zum „Team-Schwarz“ und wünschen sich eher freundliche Farbtöne für Ihre Texte?

Das kann ich gut verstehen. Ihre Website soll Sie so widerspiegeln, wie Sie auf Kunden wirken möchten – und das bedeutet womöglich, dass schwarz Ihnen zu hart und kalt wirkt.

Wollen Sie, dass Kunden Ihre Website lesen, dann eignen sich kräftige Farben jedoch nur für bestimmte Textteile

  • für Überschriften
  • für Zwischenüberschriften
  • für Links (bzw. Buttons)

Diese drei Gruppen sind aktivierende Elemente. Sie helfen Ihrem Leser bei der Orientierung und animieren dazu, weiterzulesen beziehungsweise zu klicken.

Wichtig: Bleiben Sie dabei farblich einheitlich. Wechseln Sie innerhalb einer Gruppe nicht von einer Farbe zur anderen. Textbausteine mit der gleichen Funktion haben auch immer die gleiche Farbe.

arbige Überschriften, Zwischenüberschriften und Links helfen bei der Orientierung in Ihrem Text.

farbige Überschriften, Zwischenüberschriften und Links helfen bei der Orientierung in Ihrem Text.

 

Bei reinem Lesetext sind kräftige Farben fehl am Platz:

In längeren Textabschnitten sind kräftige Farben wie rot, orange, grasgrün oder türkis, anstrengend zu lesen, weil sie sehr strahlen.

Ihr Ziel ist, Ihrem Websitebesucher in diesen Abschnitten wichtige Informationen, Lösungen und Nutzen zu vermitteln. Darum ist es wichtig, dass die Textfarbe nicht die Aufmerksamkeit für sich beansprucht. Dass sie Ihrem Inhalt nicht die Show stiehlt.

Doch was dann? Wieder schwarze Schrift?

Nicht unbedingt.

Es gibt durchaus Alternativen.

Kräftige Farben sind bei längeren Textabschnitten auf Ihrer Website anstrengend zu lesen

Kräftige Farben sind bei längeren Textabschnitten auf Ihrer Website anstrengend zu lesen.

 

Alternativen zu schwarzer Schrift

Eine Möglichkeit ist, dass Sie statt schwarz einen etwas weniger harten Ton wie anthrazit oder dunkelgrau verwenden. Achten Sie hier darauf, dass immer noch ausreichend Kontrast zum Hintergrund bleibt.

Doch ich gebe zu, dunkelgrau ist jetzt auch nicht die Fröhlichkeit in Person ;).

Wie wäre es darum mit einem Farbton, der sich an Ihre Firmenfarben anlehnt?

Ihr Logo ist hauptsächlich blau? Dann nehmen Sie für Ihre Texte ein sehr dunkles Blau.

In Ihrem Außenauftritt dominiert die Farbe Rot? Dann ist ein dunkles Braun ein Weg, um Ihrem Text ein ähnlich warme Wirkung zu geben.

Auch sehr dunkelgrüne Schrift, eignet sich als Lesetext auf der Website

Auch sehr dunkelgrüne Schrift, eignet sich als Lesetext auf der Website

Im dritten und letzten Teil dieser Artikelserie zeige ich Ihnen

wie Sie eine passende Hintergrundfarbe für Ihren Text wählen.

Was können Sie sonst noch tun, damit Kunden Ihre Website lesen?

Lesen Sie hier, wie die Zeilenlänge Ihrer Texte die Konversionsrate Ihrer Website beeinflusst und wie Sie das für sich nutzen können.

Lesen Sie, welche Stellschrauben Sie bei der Textformatierung drehen können, damit auch die Kunden Ihre Website lesen, die an mobilen Geräten im Netz surfen.

Finden Sie heraus, welche optischen Bedingungen Ihre Website noch nicht erfüllt, um auf Kunden anziehend zu wirken. Laden Sie sich meine 8-Punkte Checkliste herunter Warum Ihre Website verhindert, dass Ihr Business erfolgreich ist.

Sie wissen, dass es auf Ihrer Website an vielen Stellen hakt, befürchten aber, dass eine Neugestaltung zu viel Zeit kostet?
Lassen Sie uns gemeinsam bei einem Telefonat brainstormen. Ich verspreche Ihnen Sie kennen danach mindestens drei konkrete Punkte wie Sie auf Ihrer Website das Potenzial für Anfragen steigern – und diese Schritt für Schritt in Angriff nehmen können. Schreiben Sie mir eine Nachricht und vereinbaren Sie eine kostenfreie Brainstorming-Session.

 

Warum Besucher Ihre Website verlassen 3 Fehler bei der Schriftfarbe Teil 1 Inkognito

Der Grund warum Besucher Ihre Website verlassen: 3 Fehler bei der Schriftfarbe wirksam vermeiden (Teil 1 von 3)

Es sind nicht immer die „großen Dinge“, die bewirken, dass Besucher Ihre Website verlassen.

Oft steckt der Teufel im Detail. Die Suche danach kann langwierig sein.

Darum möchte ich Ihnen drei konkrete Fehler zeigen, die Ihren potenziellen Kunden das Lesen Ihrer Website-Texte erschweren – und sie womöglich vergraulen.

Die Schriftfarbe, kann einer dieser „kleinen Teufel“ auf Ihrer Internetseite sein. Klein, aber mit ungeahnter (negativer) Wirkung.

Warum Besucher Ihre Website verlassen 3 Fehler bei der Schriftfarbe Teil 1 Inkognito

Passen Sie Ihre Schriftfarben in Bezug auf Kontrast und Lesbarkeit an, und Sie kommen dem Ziel, mit Ihrer Website Kunden zu gewinnen, ein großes Stück näher.

Denn Sie brauchen nicht auf einen Schwung die ganze Website zu überarbeiten. Packen Sie das Stück für Stück an.

Dies ist der erste Teil meiner 3-teiligen Serie zum Thema „Warum die Schriftfarbe der Grund sein kann, weshalb Besucher Ihre Website verlassen.“

 

Geht es Ihnen so wie mir? Ich mag kein Multitasking. Alles schön nacheinander, denn einzelne Teile sind leichter verdaulich ;).

Also machen wir das hier Schritt für Schritt. In Ordnung?

Wir starten mit einem Punkt, der mir sehr häufig auf Internetseiten begegnet. Und den Sie ganz einfach vermeiden können, wollen Sie Ihre Websitebesucher zum Lesen animieren (und sich von Mitbewerbern abheben.)

Teil 1: Helle Schrift auf hellem Hintergrund – spielt Ihr Website-Text verstecken?

Bestimmt haben Sie schon häufiger Websites gesehen, bei denen hellgraue Schrift auf weißem Untergrund steht. Wie wirkt das Ihrer Meinung nach, wenn Texte so dezent und nahezu inkognito daherkommen?

Edel? Schlicht? Anmutig?

Der Wunsch eines Webseitenbetreibers, der Texte auf diese Art darstellt, ist denke ich, dass die Texte – und damit die ganze Website – elegant und aufgeräumt aussehen sollen. Die Website soll sich nicht in den Vordergrund spielen, sondern seriös und höflich zurückgenommen wirken.

Dieser Plan geht auch auf!

Nur leider in die falsche Richtung …

Das Gesamtbild mag zunächst elegant wirken

Doch auf einer Website (Ihrer Website!) geht es letztlich nur um eine Sache, nicht wahr?

Interessenten überzeugen und sie zu Kunden machen.

Darum verzichten Sie auf solch zart getönte Schrift, denn eines ist sie nicht: Gut lesbar.

Und Kunden wollen gesuchte Informationen schnell finden, schnell konsumieren und vor allem wollen sie Ihre Hilfe bei ihrem Problem. Am besten jetzt und ohne unnötige Umwege.

Wenn ich als Ihr potenzieller Kunde jedoch gar nicht erst lese (was bei sehr heller Schrift passiert, wenn ich meine Augen anspitzen und mich beim Lesen anstrengen muss), werde ich nie bei Ihnen anrufen.

Hellgraue Texte auf hellem Grund bewirken, dass Besucher Ihre Website verlassen

Helle Schrift „versteckt“ sich vor den Augen Ihres Lesers.

 

Bei heller Schrift auf hellem Grund haben wir Nutzer schon etwas ganz Bestimmtes gelernt

Hell heißt: „Ich verstecke mich … ich bin quasi gar nicht da.“

Ein gutes Beispiel sind Onlineshops. Diese nutzen „ausgegraute Schrift“ für Angebote, die gerade nicht verfügbar sind.

Bestimmt haben Sie schon einmal ein Kleidungsstück online kaufen wollen, dass nicht mehr in Ihrer Größe zu haben war. Und wie war die Schrift der vergriffenen Größe dargestellt? Genau, sie war viel blasser als die Schrift bei den anderen, noch verfügbaren Größen.

Ausgegraute Schrift bei nicht verfügbaren Leistungen und Produkten

Hellgrau heißt „nicht verfügbar“.

 

Dadurch, dass wir das gelernt haben, assoziieren wir mit sehr heller Schrift automatisch: Das hier ist unwichtig. Das braucht mich gerade nicht zu interessieren.

Hinzu kommt, dass Menschen mit geringerer Sehkraft solch helle Texte nicht erkennen und lesen können. Als Websitebetreiber grenzen sie also bestimmte Personen einfach aus.

Das sind zwei gute Gründe, Texte etwas „knackiger“ darzustellen. Richtig?

Dadurch bekommt Ihr Text rein optisch schon das Prädikat „relevant“.

freebie cover

Die 8 wichtigsten Punkte, warum Ihre Website verhindert, dass Ihr Business erfolgreich ist.

Wie muss die Schrift aussehen, damit Ihr Text relevant auf Leser wirkt?

Damit Ihre Websitebesucher Ihre Inhalte als für sich als bedeutsam einstufen, ist es wichtig, dass die Schrift einen deutlichen Helligkeitskontrast zum Hintergrund hat.

Sie muss nicht pechschwarz sein, sondern sich nur klar abheben.

Kontrastreiche Texte sind gut lesbar und verhindern, dass Besucher Ihre Website verlassen

Ein deutlicher Kontrast zwischen Textfarbe und Hintergrund fördert die Lesbarkeit auf Ihrer Website.

 

Im zweiten Teil dieser Serie geht es um die Frage…

welche Schriftfarben sich am besten für Ihre Webtexte eigenen.

Die Gründe, warum Besucher Ihre Website verlassen können, sind zahlreich

Möchten Sie weitere Potenziale aufdecken, die Ihnen helfen Interessenten in Kunden zu verwandeln?

Dann ist das hier für Sie:

Was bewegt potenzielle Kunden dazu, länger auf Ihrer Website zu bleiben? Hier erfahren Sie, warum eine Website wie ein leckeres Büffet ist, an dem Ihre Besucher gerne „schlemmen“ :-).

Brauchen Sie eine schnelle Möglichkeit, um herauszufinden, warum Ihre Website verhindert, dass Ihr Business erfolgreich ist? Laden Sie hier mein kostenfreies PDF mit acht Multiple-Choice Fragen inklusive Auswertung herunter. Sie werden nur wenige Minuten zum Ausfüllen benötigen und erfahren essenzielle Bedingungen, die Ihre Website erfüllen muss, bevor sie auf Kunden anziehend wirkt.

Sie wissen bereits, dass bei der Gestaltung Ihrer Website einiges im Argen liegt? Vielleicht schieben Sie eine Neugestaltung schon eine ganze Weile vor sich her und möchten das Thema jetzt endlich anpacken? Dann lade ich Sie zu meiner kostenfreien Brainstorming-Session ein. Nach etwa 45 Minuten werden Sie mindestens drei konkrete Punkte kennen, wie Sie das Potenzial für Anfragen über Ihre Website steigern können. Schreiben Sie mir und wir vereinbaren einen Termin.