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.

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

• Live Demo
• Beispiele und Dokumentation
• Download der Source Files  (Sass und CSS, 3 Kb compressed, 17 Kb raw)
• Github Repo

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

• Smashing Magazine
• t3n
• Gutenberg Typekit