Warum Typografie Ihre Website machen oder zerstören kann

Veröffentlicht: 2017-06-12

"Dieser Beitrag enthält Affiliate-Links; das bedeutet, dass wir Provisionen verdienen, wenn Sie über die Links auf dieser Seite einkaufen."

Dies ist ein Gastbeitrag. Die in diesem Inhalt enthaltenen Ansichten und Meinungen sind ausschließlich die des Autors und nicht cybernaira.

Wenn Sie versuchen, die Elemente aufzuschlüsseln, die bei der Erstellung Ihrer Website am wichtigsten sind, fallen Ihnen normalerweise zwei Dinge ein: Design und Inhalt. Es besteht kein Zweifel, dass sie die Stars der Show sind. Aber wie bei jedem Stern hängen sie stark von kleineren Elementen ab, um das Bild zu vervollständigen.

Eine davon, die sehr wenig Aufmerksamkeit erhält, ist die Typografie. Und das ist ziemlich seltsam, weil es ein integraler Bestandteil sowohl des Designs als auch des Inhalts ist. Es spielt auch eine Schlüsselrolle bei der alles beherrschenden Konversionsrate.

Es mag auf Anhieb schwer vorstellbar sein, wie das sein kann, aber am Ende dieses Artikels werden Sie sich schwer vorstellen können, wie Sie es so lange geschafft haben, ohne etwas über die Regeln der Typografie zu wissen.

Typografie

Fühlen Sie sich deswegen aber nicht allzu schlecht. Die meisten Website-Besitzer und schlimmer noch Internet-Vermarkter sitzen im selben Boot.

Es ist sehr wahrscheinlich, dass sie genauso viel Zeit und Mühe in die Optimierung ihrer Websites für SEO und Conversion investiert haben, ohne auch nur einmal das Element der Typografie in Betracht gezogen zu haben. Doch seine psychologische Wirkung ist wissenschaftlich bewiesen.

Wenn Sie mit Ihrer Website alles getan haben, was Sie konnten, und Ihre Konversionen immer noch hinter den Erwartungen zurückbleiben, kann der Schuldige an den Entscheidungen liegen, die Sie in Bezug auf Typografie getroffen (oder nicht getroffen) haben.

Typografie definiert.

Bevor Sie fortfahren, sollten Sie zunächst wissen, was Typografie ist. Einfach ausgedrückt ist Typografie die Gestaltung Ihres Textes. Es hat mit der Art und Weise zu tun, wie es aussieht, wie viel Platz es einnimmt und wie es scannt.

Wenn ein Benutzer eine Seite auf Ihrer Website öffnet, scannt er als Erstes die Seite, ohne noch etwas zu lesen. Sie bilden sich einen Eindruck von dieser Seite, basierend darauf, wie sie aussieht, und in den meisten Fällen beinhaltet dies, wie der Text aussieht. Betrachten Sie diese Seite:

Feedmusic-Homepage-Bild

Vergleichen Sie es mit diesem:

Gatesnfences-Homepage-Bild

Merkst du den Unterschied in der Typografie?

Während die zweite Website für Sie nützlicher sein kann als die erste, werden Sie sie wahrscheinlich eher schließen.

Warum?

Weil es so schwer zu scannen ist.

Die erste ist viel einfacher zu scannen, sodass Sie eher einen guten Eindruck davon haben (und einen schlechten Eindruck von der zweiten), ohne etwas über eine der beiden Seiten zu wissen.

Da die zweite Seite eine schlechte Wahl in Design und Typografie getroffen hat, werden alle Weisheiten, die sich auf der Seite befinden, wahrscheinlich von der Mehrheit ihrer Besucher unentdeckt bleiben, und das bedeutet eine geringe Konversion.

Jetzt denken Sie vielleicht, dass es bei der Typografie nur um die von Ihnen gewählten Schriftarten geht. Das ist nur ein Teil der Gleichung. Die Schriftart ist natürlich wichtig, aber sie bezieht sich nur auf einen bestimmten Schriftstil.

Die Schriftart selbst ist eine Gruppe von Schriftarten, die gemeinsame Merkmale aufweisen, sodass Sie Ihre Zeit besser nutzen, um die Auswirkungen einer Schriftart zu studieren, als eine bestimmte Schriftart.

Ein sehr bekanntes Beispiel ist Arial, eine Schriftart, keine Schriftart. Gleiches gilt für Times und Garamond, die eine große Auswahl an verschiedenen Schriftarten haben.

Abgesehen von Schriftart und Schriftart müssen Sie auch berücksichtigen

  • Linienlänge
  • Zeilenabstand – Zeilenabstand
  • Kerning – Leerraum zwischen Buchstaben oder Zeichen
  • Tracking – einheitlicher Buchstabenabstand

All dies (oder sollte es zumindest) auf Ihrer Website zielgerichtet zusammenkommen, und dazu müssen Sie die Rolle und Wirkung der Typografie kennen.

Die Rolle der Typografie

Der Hauptzweck des Studiums der Typografie hat mit der Förderung der Lesbarkeit im wörtlichen und nicht im umfassenden Sinne zu tun. Text, der zu nah beieinander, zu lang, zu klein, zu lockig oder zu kontrastarm ist, ist einfach schwer lesbar.

Sie müssen sich nur fragen, was Sie tun würden, wenn Sie mit einem Textblock konfrontiert würden, den Sie nicht ohne weiteres lesen können. Die meisten Leute würden es einfach lassen.

In manchen Fällen versuchen Sie vielleicht trotzdem, es zu lesen, aber die Chancen stehen gut, dass Sie nicht verstehen, was Sie lesen, oder Sie werden es nicht bis zum Ende lesen. Es ist auch sehr wahrscheinlich, dass Sie nur mitnehmen können, dass es mehr Ärger war, als es wert war.

Die Rolle der Typografie besteht darin, sicherzustellen, dass Ihre Botschaft beim Leser ankommt. Es kann eine Information oder ein Verkaufsgespräch sein. Es spielt keine Rolle.

Was zählt, ist, dass sich all Ihre Bemühungen, Menschen auf Ihre Website zu bringen, endlich auszahlen, und eine gute Typografie stellt sicher, dass Ihre Besucher zumindest verstehen, was Sie zu sagen haben.

Führt sie weiter.

Sie wissen vielleicht, dass Online-Benutzer dazu neigen, in einem vorhersehbaren Muster zu lesen. Eine Studie zeigt, dass es dem F-Muster folgt, und eine andere zeigt, dass es über der Falte liegt. Sie können dieses Wissen nutzen, um „wichtigen“ Text in den Pfad des Lesers zu stellen, obwohl dies einige Design- und technische Probleme mit sich bringen kann.

Eine viel einfachere und flexiblere Möglichkeit besteht darin, mithilfe von Typografie eine visuelle Hierarchie zu erstellen.

Tatsächlich führen Sie Ihren Leser zu „wichtigen“ Abschnitten Ihres Textes, indem Sie die richtige Größe, den richtigen Stil und die richtige Farbe des Textes verwenden. Dazu müssen Sie wissen, wie Menschen visuelle Informationen wahrnehmen und organisieren, und die Gestalttheorie schlüsselt sie für Sie auf.

Einfach ausgedrückt besagt die Theorie, dass Menschen dazu neigen, Informationen in Gruppen in Bezug auf Ähnlichkeit, Nähe, Fortsetzung, Abschluss sowie Figur und Grund zu visualisieren. Um die Aufmerksamkeit auf bestimmte Elemente auf Ihrer Seite zu lenken, müssen Sie die Aufmerksamkeit des Lesers darauf lenken.

Wenn Sie zum Beispiel die Aufmerksamkeit auf den „Download“-Link in Ihrer Kopie lenken möchten, können Sie die Ähnlichkeitstheorie von Gestalt verwenden, indem Sie eine sortierte Farbe oder Schriftart verwenden.

Sie können die Nähe auch nutzen, indem Sie das Wort „Download“ in eine separate Zeile einfügen. Eine andere Strategie besteht darin, die Fortsetzung zu verwenden, indem ein gekrümmter Pfeil verwendet wird, um auf das Wort zu zeigen, auf das sie klicken müssen.

Wahrnehmungen gestalten.

Bisher haben wir diskutiert, wie Typografie den Leser auf bestimmte Elemente Ihrer Seite lenken kann, aber wir haben uns noch nicht damit befasst, wie sie das Entscheidungsverhalten des Lesers beeinflussen kann. Dies ist entscheidend, da die Konvertierung in erheblichem Maße davon abhängt

Dies ist entscheidend, da die Conversion maßgeblich von der Wahrnehmung des Lesers abhängt. Wie Sie sich wahrscheinlich vorstellen können, ist eine positive Wahrnehmung das, was Sie konvertieren möchten.

Wie sich herausstellt, hat die von Ihnen gewählte Schriftart einen messbaren Einfluss auf die Wahrnehmung des Lesers in Bezug auf den Inhalt. Eine kürzlich durchgeführte Studie hat gezeigt, dass die Verwendung verschiedener Schriftarten unterschiedliche emotionale Reaktionen auf denselben Inhalt hervorruft.

Als die Aussage in der Baskerville-Schrift präsentiert wurde, glaubten viele Menschen der Aussage.

Als jedoch dieselbe Aussage in der Schriftart Comic Sans präsentiert wurde, widersprach eine große Anzahl von Personen dieser Aussage. Es scheint zu zeigen, dass das Schriftbild die wahrgenommene Glaubwürdigkeit der Aussage beeinflusst hat.

Es ist einfach genug, wie das sein kann. Betrachten Sie die folgende Aussage:

Ohne den Namen der Schriftart von beiden zu kennen, welche empfinden Sie als maßgeblicher?

Das heißt aber nicht, dass eine Schriftart wie Comic Sans keinen Platz im Website-Design hat und dass wir alle Baskerville als unsere Schriftart verwenden sollten. Der Punkt ist, dass Ihre Typografie die Persönlichkeit Ihrer Website und Ihres Zielmarktes widerspiegelt.

Wenn Sie mit CEOs und anderen Führungskräften in High-Tech-Branchen zu tun haben, kann eine formale Schriftart wie Baskerville Ihrer Website ein professionelles Aussehen verleihen.

Auf der anderen Seite, wenn Sie Kinder oder ihre Eltern betreuen, kann Comic Sans genau die richtige Note von Spaß und Freundlichkeit treffen.

Wenn Sie verschiedene Märkte bedienen, gibt es viele Optionen, die irgendwo zwischen den beiden liegen. Sie müssen herausfinden, was für Sie am besten funktioniert.

Leicht lesbar machen.

Als nächstes müssen Sie herausfinden, wie groß groß genug für die Lesbarkeit ist. Vorausgesetzt, Ihre Seite kann gescannt werden, besteht Ihre nächste Sorge darin, sicherzustellen, dass der Benutzer Ihren Inhalt so einfach wie möglich lesen kann, und die Größe spielt eine Rolle. Dafür gibt es keine feste Regel, aber a

Dafür gibt es keine feste Regel, aber eine an der Wichita State University durchgeführte Studie über die 8 beliebtesten Schriftarten, die online verwendet werden, ergab, dass die am besten lesbaren Schriftarten Arial mit einer Größe von 14 Punkt und Courier mit einer Größe von 12 Punkt waren. Am unleserlichsten

Am unleserlichsten war (wieder) die Comic Sans, obwohl sie sich dennoch neben Arial und Verdana als bevorzugte Schrift durchsetzte.

Wenn Sie eine andere Schriftart als die in der Studie enthaltenen bevorzugen, müssen Sie selbst recherchieren, um die am besten lesbare Schriftgröße für Ihre Inhalte zu bestimmen. Sie können die Tipps in diesem Artikel befolgen, um loszulegen. (Achtung: Etwas Mathe im Spiel!)

Bevor Sie jedoch alleine losziehen, sollten Sie wissen, dass es eine ziemliche Debatte darüber gibt, welcher Schriftstil der bessere ist, Serif oder Sans Serif.

Ein Beispiel für eine Serifenschrift ist Times, und eine serifenlose Schrift ist Arial. Im Allgemeinen sind serifenlose Schriften in jeder Größe einfacher zu lesen als Serifenschriften, hauptsächlich weil sie einfacher sind.

Bild mit San-Serifen
https://en.wikipedia.org/wiki/Serif

Verbesserung von Stimmung und Kognition.

Nicht zuletzt hat Typografie einen signifikanten Einfluss auf die Stimmung und das Verständnis der Leser, wie diese Studie zeigt. In der Zusammenfassung schlussfolgerten die Autoren, dass „gute Typografie gute Laune macht“ und dass dies ihre kognitive Leistungsfähigkeit beeinflusst.

Mit anderen Worten, wenn es Ihnen leicht fällt, den Text zu lesen, fühlen Sie sich wahrscheinlich besser und können leichter verstehen, was Sie lesen. Sie wissen das wahrscheinlich intuitiv, aber es ist schön, wenn es quantifiziert wird.

Der Punkt ist jedoch mehr als akademisch.

Entscheidend für Ihre Konversionsraten ist, dass Ihre Leser beim Lesen Ihres Textes gut gelaunt sind, weil sie Ihren Handlungsaufforderungen, was auch immer das sein mag, eher aufgeschlossen gegenüberstehen.

Wenn gute Typografie Ihnen das bringt, warum sollten Sie nicht Ihr Bestes tun, um es ihnen zu geben?

Fazit.

Wie Motivationsredner Steve Backley sagte: „Der erste Schritt ist der wichtigste. Es ist das Wichtigste und Effektivste, da es die von Ihnen gewählte Richtung einleiten wird.“ Sie haben einen entscheidenden ersten Schritt getan, um zu verstehen, warum Typografie für Ihre Website wichtig ist.

Es hat Ihnen die Richtung für den nächsten Schritt gegeben, der darin besteht, alles, was Sie gelernt haben, in die Praxis umzusetzen.

Über Michie Victoriano:

Ich bin Marketing Researcher und Analyst mit mehr als 6 Jahren Erfahrung in Marketing, Forschung, Analytik und Online-Marketing; mit 2 Jahren Erfahrung in der Suchmaschinenoptimierung. Ab sofort Freiberufler. Spielt gerne Videospiele, Basketball und liebt Kaffee zu sehr.