Conversion Optimierung • Interfacedesign

Mehr Conversions durch saubere Schrifthierarchien

Je sauberer eine Website strukturiert ist, desto lieber wird sie von der Zielgruppe gelesen. Ein wichtiger Baustein dazu sind Schrifthierarchien. Mit dem Typeplate stellen Zak Kain und Dennis Gaebel ein sauberes CSS Framework zur typographischen Ausgestaltung zur Verfügung. Das Beste daran: es ist kostenlos.

leseverhalten | typografie

Je sauberer eine Website strukturiert ist, desto lieber wird sie von der Zielgruppe gelesen. Ein wichtiger Baustein dazu sind Schrifthierarchien. Mit dem Typeplate stellen Zak Kain und Dennis Gaebel ein sauberes CSS Framework zur typographischen Ausgestaltung zur Verfügung. Das Beste daran: es ist kostenlos.

Nur 3KB sorgen für rasche Ladezeiten

Praktischerweise wird das Framework oder Boilerplate in Form von SASS bereitgestellt und benötigt gerade mal 3KB. Wer das ganze noch weiter verkleinern will – denn SiteSpeed Optimierung ist ja eine Kür Pflicht, die inzwischen auch von Google & Co mit Rankingboosts honoriert wird kann das gerne tun.

Sicherheitshalber gibt es das Framework auch noch als RAW CSS, um es in die eigene Site ohne Kompilierung einzubauen oder schnell mal was auszuprobieren.

Links und Demos

Warum Schrifthierarchien wichtig sind

Wir Menschen fühlen unterbewusst, ob etwas stimmig ist oder harmonisch wirkt. An diesen Plätzen fühlen wir uns wohl. Die Usability nimmt darauf besondere Rücksicht. Da Usability eine wichtige Säule der Conversion Optimierung darstellt ist das auch für Conversion Optimierer relevant.

Je größer eine Textpassage geschrieben ist, desto wichtiger erscheint sie dem Leser. So hat der Autor, der beispielsweise eine Produktbeschreibung erstellt die Möglichkeit die wichtigsten Argumente gezielt in den Überschriften bzw. Unterüberschriften zu platzieren um so die primären und sekundären Entscheidungsmotivatoren des Lesers anzusprechen.

Tim Brown von Alistapart hat einen schönen Artikel dazu verfasst, der sich auch mit den psychologischen Faktoren des goldenen Schnitts bzw. der Ästhetik des Auges befasst. More Meaningful Typographie

Weitere Artikel & Tutorials zum Typeplate Starter Kit

10 Tipps zur Conversion Optimierung

So kommen sie sicher ans Ziel und verbessern die Ergebnisse der A/B Tests.

Leitfaden Landing Page Optimierung

So verbessern Sie ihre Landing Pages systematisch. Praxiserprobt und direkt zum Download.

eBusinessLab GmbH Logo

Prinzregentenstr 54
80538 München
089 120 166 92

Conversion Optimierung

Usability
& UX

Management
Training

Unternehmen
& Kontakt

eBusinessLab GmbH - © 2007 - 2022