Mit Text die Conversions steigern – Wie Typografie im Webdesign Ihren Umsatz steigern kann

Quellknoten: 1091927

Als digitaler Vermarkter ist die Konversion eines der wichtigsten Dinge, die Sie in Ihren Kampagnen verfolgen. Sie wundern sich wahrscheinlich über viele verschiedene Möglichkeiten wie man Conversions optimiert auf einer bestimmten Seite. Aber eines wird von vielen sogenannten Growth Hackern oft übersehen, und das ist Verwenden von Text zur Steigerung der Conversions.

Ja, das haben Sie richtig gehört! Textkopien sind das Rückgrat jeder Content-Marketing-Strategie. Es ist die Form von Inhalten, die Sie im Web am häufigsten sehen, sie ist jedoch auch eng mit der visuellen Attraktivität verbunden. Denn wenn der Text nicht gut aussieht, wie können Sie dann erwarten, dass die Seite wie gewünscht konvertiert wird?

In diesem Beitrag gehen wir auf die Typografie ein, auf ihre Hauptelemente und wie Sie sie umsetzen können Nutzen Sie effektive Typografie, um Ihren Umsatz zu steigern auf lange Sicht!

Was ist Typografie?

Bevor wir näher darauf eingehen, wie der Einsatz von Text zur Steigerung der Conversions funktioniert, müssen wir herausfinden, was Typografie ist. Der Einfachheit halber können Sie Typografie als eine betrachten Treffpunkt zwischen Kunst und Text.

Die Typografie wurde Mitte des 15. Jahrhunderts durch Johannes Gutenberg und seine beweglichen Lettern in den größten Teil der lebenden Welt eingeführt. In der Computerwelt gewann die Typografie dank Steve Jobs und seinem ersten Mac an Bedeutung.

Mit der Einführung des Internets explodierte die Bedeutung der Typografie. Es wurde zu einer der wichtigsten Webdesign-Komponenten überhaupt Helfen Sie Ihrer Website, sich von der Masse abzuheben an potenzielle Nutzer.

Die wichtigsten Elemente der Typografie

Viele Menschen verwechseln immer noch Typografie und Schriftarten, was ziemlich häufig vorkommt. In diesem Abschnitt, der die Definition von Typografie erweitert, werden wir die sechs wesentlichen Elemente der Typografie aufschlüsseln:

  • Schriftart – Die meisten Menschen verwechseln Schrift mit Schriftarten, auch wenn es sich hierbei nicht um dasselbe handelt. Betrachten Sie Schriftarten als die Familie, die einzelne Zeichen, Buchstaben und Zahlen mit demselben Design bildet. Arial, Times New Roman und Comic Sans sind Schriftarten und keine Schriftarten, wie viele denken würden.
  • Schriftart – Wenn es sich bei der Schriftart also um eine Familie handelt, sind die Schriftarten die Familienmitglieder. Genauer gesagt ist eine Schriftart ein Schriftstil mit einer bestimmten Größe, Stärke und Breite. Arial ist beispielsweise eine Schriftart; und 16pt Arial Bold ist eine Schriftart. Grundsätzlich handelt es sich bei Schriftarten um die Art und Weise, wie Sie eine bestimmte Kunstform, eine sogenannte Schriftart, bereitstellen.
  • Linienlänge - Dabei handelt es sich um den Abstand, den der Text einnimmt, der sich zwischen dem rechten und dem linken Rand derselben Zeile befindet. Idealerweise sollte die Zeilenlänge weder zu kurz noch zu lang sein, da dies das Lesen des Inhalts viel umständlicher machen kann als gewünscht.
  • Führend – Dies ist der vertikale Abstand zwischen den einzelnen Textzeilen. In den meisten Fällen möchten Sie den Zeilenvorsprung erhöhen, um ihn für Ihre Benutzer verständlicher zu machen.
  • Kerning – Dies ist der Leerraum zwischen den einzelnen Zeichen oder Buchstaben. Normalerweise belässt man das Kerning am besten auf den Standardwerten, Sie können es jedoch weiter anpassen, um zu testen, was für Ihre Website am besten funktioniert.
  • Verfolgung - Dieses Schriftelement wird auch als Buchstabenabstand bezeichnet und gilt für eine bestimmte Anzahl von Zeichen und Buchstaben.

Warum ist Typografie für Webdesign wichtig?

Der erste Eindruck ist in unserem Privatleben wichtig, und das gilt auch für die Welt des Internets. Die Forschung von Taylor & Francis Online kam zu dem Schluss, dass dies der Fall ist dauert 05 Sekunden damit Benutzer sich eine Meinung über eine bestimmte Website bilden können.

Typografie ist unerlässlich, da sie eine der Kernkomponenten Ihres Webdesigns ist. Denken Sie einmal darüber nach: Wenn die Leute den Text auf Ihrer Website nicht lesen können, weil die Wörter zu nah beieinander stehen oder die Textgröße zu klein ist, werden sie Ihre Website höchstwahrscheinlich unzufrieden verlassen.

Wenn Sie auf Ihrer Website schlechte Typografie verwenden, ist die Wahrscheinlichkeit groß, dass Ihre Conversion-Rate sinkt, und das ist das Letzte, was Sie brauchen. Selbst wenn Ihre potenziellen Kunden auf Ihrer Website bleiben, die eine schlechte Typografie verwendet, werden sie sich höchstwahrscheinlich nicht an die Botschaft erinnern, die Sie ihnen übermitteln wollten, sondern an die Mühe, die sie hatten, Ihre Botschaft zu lesen.

Aus den oben genannten Gründen mit effektiver Typografie Um die Conversions zu steigern, ist es unerlässlich. Mit effektiver Typografie können Sie den Prozess optimieren, der dem Verständnis der auf Ihrer Website angezeigten Informationen zugrunde liegt. Wenn Sie den Text auf Ihrer Website gut formatieren, liegt der Fokus ausschließlich auf dem Inhalt und nicht auf der Mühe, diesen Inhalt zu verstehen.

As Die meisten Menschen durchsuchen WebinhalteDie Verwendung von Text und die Führung Ihrer Benutzer mit der richtigen Typografie zum Punkt des Geschehens ist der richtige Weg, um die Conversions zu steigern!

Umsetzbare Tipps zur Verwendung von Text zur Steigerung der Conversions

Nachdem Sie nun etwas mehr über Typografie gelernt haben und wissen, wie diese dazu beiträgt, Ihre Webinhalte hervorzuheben, finden Sie hier einige Tipps zu deren Verwendung um das Wachstum Ihrer Website voranzutreiben!

Beachten Sie die Schriftgröße!

Schriftgrößen-Lesestatistik

Bildquelle: Forschung Tor

Die Schriftgröße ist von größter Bedeutung, um Ihre Benutzer zu binden und die Konversionsraten weiter zu steigern! Ja, unser Gehirn verarbeitet Bilder tatsächlich zehntausendmal schneller als Text, daher ist jede Möglichkeit, diese Verarbeitungszeit mit Text zu verbessern, herzlich willkommen!

Nehmen Sie zum Beispiel eine Eye-Tracking-Studie darüber, wie Schriftgröße und -typ das Online-Lesen beeinflussen. Durch die Verwendung größerer Schriftarten wird der gesamte Text auf Websites tendenziell viel schneller gelesen.

Wenn Sie also eine textlastige Website haben, quälen Sie Ihre Benutzer nicht – erhöhen Sie die Schriftgröße! Ja, jede Schriftart ist anders, aber es gibt einen Konsens über die Schriftgrößen für textlastige Websites:

  • 16px – Dies ist das Minimum für textlastige Seiten. Unterschreiten Sie diesen Wert also nicht! Im Grunde handelt es sich bei dieser Schriftgröße um die Größe, die Browser standardmäßig anzeigen sollten. Es ist also klar, warum dies ein Minimum ist.
  • 18px – Dies ist die goldene durchschnittliche Schriftgröße für Seiten mit viel Text, sodass Benutzer ihre Augen weniger belasten, wenn sie auf ihren Monitor schauen.
  • 20px und mehr – Auch wenn es zunächst zu groß erscheint, schneiden einige Websites mit einer solchen Schriftgröße sogar noch besser ab. Nehmen Medium, zum Beispiel. Sie verwenden eine Schriftgröße von 21 Pixeln, um die Millionen von Geschichten für ein breiteres Publikum lesbarer zu machen.

Darüber hinaus führen größere Schriftgrößen tendenziell zu stärkeren emotionalen Verbindungen. Vielleicht ist dies der Schritt, den Sie tun müssen, damit Ihre Benutzer auf die CTA-Schaltfläche klicken, die zu einer Conversion führt?

Verwenden Sie Schriftarten nicht zu häufig!

Beispiele für fett-kursiv-unterstrichene Schriftarten

Bildquelle: Tealfeed

Zu den Schriftstilen gehören im Allgemeinen: Fett gedruckt, kursiv, und unterstreichen. Diese drei können Sie nutzen, um bestimmte Wörter oder Sätze hervorzuheben. Dennoch sollten Sie eine übermäßige Verwendung vermeiden, da dies einer der häufigsten Bearbeitungsfehler ist, die wir bei allen Webinhalten beobachten.

Verwenden Sie Schriftstile nicht über ganze Absätze hinweg. Verwenden Sie sie stattdessen, um die Wörter hervorzuheben, die bei Ihren Benutzern am meisten Anklang finden sollen. Sie möchten nicht in eine Situation geraten, in der Sie Text verwenden, um die Conversions auf unzulässige Weise zu steigern.

Passen Sie den Zeilenabstand entsprechend an!

Wir reden hier von Führung. Das hier ist so eine kleine Sache, aber sie ist unerlässlich, wenn es darum geht, Text zur Steigerung der Conversions zu verwenden. Wenn Ihr Publikum sehbehindert ist, kann es sein, dass es Schwierigkeiten hat, den Anfang der nächsten Textzeile zu finden.

Aus diesem Grund ist es gängige Praxis, Zeilenabstände festzulegen mindestens 25 bis 30 % Ihrer Schriftgröße. Damit machen Sie Ihren Text für nahezu alle Leser lesbar!

Außerdem sollten Sie immer darauf achten, dass Sie Fügen Sie ausreichend Platz zwischen den Absätzen hinzu. Grundsätzlich möchten Sie Absätze so gruppieren, dass sie mit der Botschaft übereinstimmen, die Sie in wenigen Sätzen vermitteln möchten. Dieser Weg, Ihre Inhalte werden besser lesbar an Ihre Zielgruppe.

Sie möchten auch darauf achten visuelle Hierarchie Ihres Typs. Dies kann entweder durch die richtige Einstellung der Header-Tags erreicht werden, aber das ist noch nicht alles, was Sie tun können. Eine der besten Möglichkeiten, die visuelle Hierarchie richtig zu nutzen, besteht darin, die wichtigsten Nachrichten, die Ihr Text abdeckt, zu vergrößern. Letztendlich möchten Sie die Benutzer anleiten, damit sie die Informationen in einer bestimmten, sinnvollen Reihenfolge lesen können. Dies verleiht Ihrem Gesamtinhalt mehr Bedeutung.

Zusammen mit all dem oben genannten, Verwenden Sie Leerzeichen um den Fokus auf Bereiche zu lenken, die Sie Ihrem Publikum hervorheben möchten. Auf diese Weise lassen Sie Ihr Design atmen und stellen den Kontext an den Stellen bereit, an denen er am meisten benötigt wird.

Vermeiden Sie Witwenzeilen, verwaiste Wörter und Silbentrennungen

Witwen und Waisen sind in Schriftsätzen ziemlich häufige Begriffe. Sie sind ihrer Natur nach sehr ähnlich, aber viele Menschen verwechseln sie miteinander. Witwen Geben Sie eine Textzeile am Ende eines Absatzes an, die allein am Anfang der Seite steht. Waise ist eine Absatzeröffnungszeile, die am Ende einer bestimmten Seite steht. Beides kann die Lesbarkeit des Textes beeinträchtigen, insbesondere im Webdesign.

Nun, die Behebung dieser beiden Probleme ist nicht so schwierig, und am Ende kommt es auf den oben genannten Tipp an. Sie können einen Absatz entweder neu schreiben, damit er in das Gesamtbild passt, oder den Zeilenabstand und die Abstände anpassen, um engere Absätze zu erstellen.

Außerdem kommt die Silbentrennung im Webdesign recht häufig vor und kann die gesamte Typografie Ihrer Website beeinflussen oder zerstören. Bei der Silbentrennung wird im Wesentlichen ein Bindestrich verwendet, um ein Wort zu trennen (zum Beispiel: hundefreundlich). Zu einem Problem wird es dann, wenn Sie das Wort am Ende der Zeile mit einem Bindestrich umbrechen müssen. Ziehen Sie stattdessen einfach das angegebene Wort in eine neue Zeile, damit die Lesbarkeit nicht völlig beeinträchtigt wird!

Vergessen Sie nicht die Textausrichtung!

Textausrichtung wird oft übersehen, wenn es um Text im Webdesign geht. Aber wenn man es richtig macht, wirkt es Wunder bei der Verarbeitung von Informationen. Hier sind einige Tipps, die Sie bei der Textausrichtung im Webdesign beachten sollten:

  • Vermeiden Sie es, Absätze zu zentrieren. Während einige argumentieren würden, dass die Zentrierung ganzer Absätze künstlerischer wirken könnte, ist das, was sie tun, genau das Gegenteil. Da die meisten von uns in westlichen Gesellschaften lernen, von links nach rechts zu lesen, liegt es in unserer Natur, zum Anfang jeder Zeile zu springen. Wenn Sie den Absatz zentrieren, wird es für unser Gehirn nur schwieriger, all diese Informationen zu verarbeiten.
  • Zentrieren Sie es nur, wenn Sie eine Botschaft hervorheben möchten. Dennoch ist die Zentrierung eines Absatzes mehr als willkommen, wenn Sie den Fokus auf eine bestimmte Textpassage lenken möchten. Es entsteht ein Kontrast, der die Botschaft sofort an Ihre Leser übermittelt. Das Zentrieren von Text ist auch für Überschriften und Zitate nützlich.

Kombinieren Sie Schriftarten, die zusammen cool aussehen!

Helvetica-neue-garamond-font-example

Bildquelle: Creative Bloq

Wenn Sie nur einen verwenden Schriftart Auf Ihrer gesamten Website kann es etwas langweilig werden. Das bedeutet jedoch nicht, dass Sie auf Ihrer Website zehn verschiedene Schriftarten verwenden sollten. Einfachheit ist hier der Schlüssel, aber haben Sie keine Angst, ein wenig zu experimentieren. Schließlich möchten Sie, dass Ihre Inhalte so attraktiv wie möglich aussehen, oder?

Eine der Regeln beim Kombinieren von Schriftarten auf Websites lautet, nicht mehr als zwei oder drei Schriftarten gleichzeitig zu verwenden. Mit Diensten wie Google Fonts können heute mehr Schriftarten gerendert werden als je zuvor. Auch wenn dies etwas überwältigend sein mag, finden Sie hier eine Liste davon 36 perfekte Schriftkombinationen um Dich zu inspirieren!

Mit einer großen Auswahl an Schriftarten und Schriftarten können Sie Ihren Text noch weiter anpassen, um die einzigartige Persönlichkeit Ihres Unternehmens zum Ausdruck zu bringen. Möchten Sie kreativ oder traditionell aussehen? Mit der richtigen Wahl der Schriftart können Sie beide Farbtöne und noch viel mehr erzielen. Übersehen Sie es nicht, denn es ist eine der besten Möglichkeiten, Text zur Steigerung der Conversions zu nutzen!

Wissen Sie, wann Sie serifenlose und serifenlose Schriftarten entsprechend unterscheiden müssen!

Eng mit dem oben genannten Punkt verbunden sind die beiden Haupttypen: Sans-Serif und Serif. Einige würden für das eine argumentieren, andere für das andere. Das Fazit hier ist, dass es keine konkreten Untersuchungen gibt, die darauf hindeuten, dass Sans-Serif besser ist als Serif und umgekehrt. Das bedeutet jedoch nicht, dass einige Konventionen befolgt werden müssen:

  • Sans-Serif ist besser lesbar und eignet sich besser für den Fließtext – Wenn es um den Inhalt von Online-Inhalten geht, eignen sich hier serifenlose Schriftarten am besten. Das liegt daran, dass dieser Typ einfach ist und Ihre Benutzer weniger Zeit benötigen, um die Nachricht zu entschlüsseln, die Sie übermitteln möchten.
  • Serif ist besser für Schlagzeilen – Obwohl Serif komplexer ist als Sans-Serif, möchten Sie es genau aus diesem Grund für Ihre Überschriften verwenden. Die Serife strotzt nur so vor Charakter, und Sie möchten, dass dieser Charakter Ihre Hauptaussagen in Ihren Online-Inhalten hervorhebt.

 

Wenn Sie diese beiden Typen in Einklang bringen, können Sie visuell interessante Inhalte erstellen, die mehr Benutzer dazu bringen, Ihren gesamten Inhalt zu lesen und die Konvertierung durchzuführen, auf die Sie warten!

Wählen Sie den Typ, der zu Ihrer Nachricht passt

Menschen verknüpfen Schriftarten tatsächlich mit unterschiedlichen Persönlichkeiten, heißt es Studie durchgeführt von Eva R. Brumberger. Die meisten Schriftmerkmale lassen sich in drei Kategorien einteilen: Direktheit, Eleganz und Freundlichkeit.

Überlegen Sie, wie oben dargelegt welche Art von Botschaft Sie übermitteln möchten mit Ihrer Website und Ihrem Branding. Möchten Sie professionell oder verspielt klingen? Oder möchten Sie vielleicht kreativ und verspielt klingen? Stellen Sie die Schriftart entsprechend ein und Sie werden die richtigen Leute anziehen.

Ein Bereich des Online-Geschäfts, in dem dies nützlich ist, ist E-Mail Marketing. Basierend auf a Studie von 2019Für jeden Dollar, den Sie für E-Mail-Marketing ausgeben, beträgt der durchschnittliche ROI 1 Dollar! Das ist eine riesige Zahl, und es ist wirklich kein Wunder, dass sich viele onlinebasierte Unternehmen auf E-Mail-Marketingstrategien konzentrieren, um neue Kunden zu gewinnen.

Daher ist E-Mail-Marketing ein sehr wettbewerbsintensives Feld, in dem jedes kleine Detail zählt. Eine der großartigen Möglichkeiten, sich von Ihren Kunden abzuheben, besteht darin, die richtige Typografie entsprechend der Botschaft zu verwenden, die Sie senden möchten!

Da jedoch immer mehr Unternehmen E-Mail-Marketing nutzen, um die richtige Zielgruppe anzulocken, ist die Skalierung wichtiger denn je. Wenn Ihre E-Mail-Liste außerdem aus verschiedenen Personen besteht, beispielsweise aus Fachleuten und Alltagskunden, ist die manuelle Erstellung von Vorlagen bestenfalls zeitaufwändig.

Zum Glück gibt es Dutzende davon kostenlose E-Mail-Marketing-Services Dadurch sparen Sie Zeit bei operativen Aufgaben und können das Wachstum Ihres Unternehmens weiter planen und Strategien entwickeln! Die meisten davon bieten E-Mail-Vorlagen, E-Mail-Automatisierung und Berichte zur Verfolgung Ihrer E-Mail-Marketingkampagnen.

Nutzen Sie den Kontrast zu Ihrem Vorteil

Schriftart-Kontrast-Beispiel

Bildquelle: 3.7 Designs

Warum sind Verkehrszeichen Ihrer Meinung nach für alle Menschen so auffällig? Sie heben sich vom Rest der Umgebung ab und lassen uns vermuten, dass diese Elemente wichtig sind. Das ist der Hauptgrund, warum wir uns zuerst mit solchen Elementen befassen.

Das Gleiche lässt sich auch auf das Webdesign anwenden. Die Verwendung von Text zur Steigerung der Conversions kann manchmal ganz einfach sein Nutzen Sie den Kontrast zu Ihrem Vorteil. Was Sie hier im Grunde tun möchten, ist die Lesbarkeit erhöhen damit Ihre Benutzer Bleiben Sie länger bei Ihren Inhalten.

Eine gängige Methode hierfür ist die Schaffung des richtigen Kontrasts zwischen Ihrem Text und Hintergrund. Es gibt eine anhaltende Debatte zwischen zwei Arten von Kontrasten:

  • Weißer Text auf dunklem Hintergrund
  • Schwarzer Text auf weißem Hintergrund

Während der weiße Text auf einem dunklen Hintergrund (oder der „Dunkle Modus“) seine Vorteile hat, zeigen Untersuchungen, dass schwarzer Text auf einem hellen Hintergrund (oder der „Hellmodus“) führt meistens zu einer besseren Leistung.

Dennoch kann der „Dunkle Modus“ denjenigen Benutzern zugute kommen, die Ihre Inhalte bei schlechten Lichtverhältnissen lesen. Warum also nicht beide Textkontrastmodi einbeziehen und sehen, was mit Ihren Konvertierungen passiert?

Berücksichtigen Sie das Alter Ihrer Benutzer

Nach StatistaDie demografische Zusammensetzung der Internetnutzer stellt sich wie folgt dar:

  • 18 bis 24 – 18 Prozent
  • 25 bis 34 – 32 Prozent
  • 35 bis 44 – 19 Prozent
  • 45 bis 54 – 14 Prozent
  • 55 bis 64 – 10 Prozent
  • 65 und älter – 7 Prozent

Berücksichtigen Sie nun die Tatsache von CDC dass etwa 12 Millionen Menschen im Alter von 40 Jahren und älter an einer Sehbehinderung leiden. Grundsätzlich gilt: Wenn Sie den Text Ihrer Online-Inhalte nicht so optimieren, dass er für Menschen mit Sehbehinderung lesbar ist, entgehen Ihnen 50 % der Internetnutzer.

 

Typografie ist nur die Spitze des Eisbergs!

Natürlich werden in Ihrem Fall nicht nur die Verwendung von Text und Typografie die Conversions steigern. Möglicherweise müssen Sie Ihre Inhalte ganz neu verwenden oder auf bessere Keywords abzielen, für die Sie ein besseres Ranking erzielen.

Die Sache ist, Seien Sie kreativ bei der Conversion-Optimierung ist was wird heben Sie sich von der Konkurrenz ab auf Dauer. Und das, was Sie vielleicht von anderen abhebt, ist vielleicht einfach die Feinabstimmung Ihrer Typografie!

Wenn Sie es nicht alleine schaffen, können Sie es immer tun Finden Sie Webdesigner online, um Ihre Webinhalte in ein visuelles Meisterwerk zu verwandeln. Schließlich legen die Menschen heutzutage mehr Wert auf visuelle Inhalte als nur auf reinen Text.

Über den Autor

Robert-Brandl

Roberts Leidenschaft galt schon immer Web-Tools, die Ihnen das Leben erleichtern. Deshalb gründete er die WebsiteToolTester, wo Sie Rezensionen und Tutorials für die weltweit besten Website-Builder und E-Commerce-Plattformen finden.

0.00 durchschn. Bewertung (0% Ergebnis) - 0 Stimmen

Quelle: https://blog.2checkout.com/how-typography-in-web-design-can-boost-sales/

Zeitstempel:

Mehr von Blog2 Kasse