Bewertung von Lesbarkeit und Lesbarkeit

Jason Tselentis in Lernen am 5. Mai 2015

Designer , die es gewohnt waren, kleine Schriftgrößen zu setzen - oder die immer noch kleine Schriftgrößen setzen - sollten wissen, dass, wenn es um Schrift auf digitalen Displays geht, größer besser ist. Auch wenn "große Schrift" im Web zu einem eigenen Stil und sogar zu einem Trend geworden ist, kommt es bei der Wahl der richtigen Schriftgröße auf Lesbarkeit, Lesbarkeit und, wie immer, auf ein gutes Nutzer Erlebnis an. Aber wie groß ist zu groß, wie klein ist zu klein? Und welche Fonts funktionieren besser als andere?

Textbeispiele aus Franz Kafkas Die Verwandlung.

Obwohl die Größe des Textes mit 12 Pixeln ausreicht, sind einige Experten der Meinung, dass Text mit weniger als 16 Pixeln für digitale Anzeigen zu klein ist, da sich die Zeichenzähler und die Abstände zwischen den Buchstaben in vielen Fällen schließen.

Gelegentlich kann die schmale Schriften mehr Probleme bereiten. Bei der kleinen Größe von 10 Pixeln (ganz links) kann es bei der Helvetica® Narrow Schrift Familie dazu kommen, dass Zeichen an benachbarte Formen stoßen oder dass sich sogar einige Zähler schließen, wie im Fall des großen "A" in "ARROW". Manche Leser könnten sogar die "13" als großes "B" wahrnehmen.

Obere Reihe: gesetzt in Kleinbuchstaben, die beiden "r"-Zeichen in "Arrow" könnten sowohl in 12- als auch in 10-Pixel-Größe wie ein kleingeschriebenes "n" aussehen. Untere Reihe: Wenn man den Abstand zwischen den Buchstaben vergrößert, indem man die Spurweite erhöht, wird dieses Problem gemildert, aber der Zähler des "A" schließt sich immer noch bei 12 Pixeln.

Im Vergleich zu Helvetica Narrow, die auf der linken Seite gesetzt ist, hat die Trade Gothic® Schrift Familie einen größeren Abstand zwischen den Endungen und den benachbarten Formen, wie z. B. dem Kleinbuchstaben 'e'. Im Vergleich zu Trade Gothic ist Helvetica Narrow genau das - zu schmal für Fließtext in einer Webumgebung.

Es ist wichtig zu beachten, dass die Schriftgröße für Nutzer eine Frage der Lesbarkeit ist: die Leichtigkeit, mit der Nutzer gelesen werden kann. Konventionell hielt Designer eine Schriftgröße von 12 Punkt für akzeptabel, und die meisten Leser empfinden eine Schriftgröße zwischen 9 und 12 Punkt als leserfreundlich für lange Inhalte. Die Schrift auf Papier wurde und wird immer noch in diesen Größen gesetzt, aber wenn Sie den Fließtext in 12 Punkt oder Pixel - oder noch kleiner - setzen, um lange Texte auf einem digitalen Display zu lesen, könnte dies nicht nur für Ihre Leser schwierig sein, sondern auch Leser kosten, vor allem, wenn es sich negativ auf die Lesbarkeit und Lesbarkeit auswirkt.

Einstellen des Textes mit Web Fonts

Finden Sie Schriften optimiert für das Web
Achten Sie auf eine große x-Höhe, um die Gesamtgröße und damit die Lesbarkeit zu verbessern.
Testen Sie die Fonts in verschiedenen Größen, beginnend mit 14 Pixeln bis hin zu 16 Pixeln.
Größe des Textes größer als 16 Pixel, insbesondere wenn die x-Höhe von Fontetwas kleiner erscheint
Verkleinern Sie Bildunterschriften und Kurzinhalte auf kleinere Formate wie 12 Pixel oder weniger und testen Sie, wie sie auf verschiedenen digitalen Displays wirken.
Verwenden Sie nicht nur verschiedene Schriftgrößen, sondern auch mehr als eine Font , um die Leser zu den Überschriften und dann zum Text zu führen und eine Hierarchie zu schaffen, die die Informationsbereiche voneinander abgrenzt.
Ausreichender Kontrast zwischen Typografie und Hintergrund

Die Schriftfamilie Neue Helvetica® eText Schrift (links) hat im Vergleich zur Schriftfamilie Monotype Baskerville® eText Schrift (rechts) eine deutlich höhere x-Höhe. Beide sind ideal für das Internet Fonts , bieten aber aufgrund ihrer unterschiedlichen x-Höhen unterschiedliche Leseerlebnisse, wenn sie in der gleichen Größe gesetzt werden.

Der 16-Pixel-Text von Neue Helvetica eText (links) erscheint größer als der Text von Monotype Baskerville eText (rechts), da die x-Höhe von Monotype Baskerville geringer ist. Es könnte ein Argument dafür sein, Monotype Baskerville für Fließtext größer zu wählen.

Der Vergleich der Frutiger Next®-Familie (links) mit der Futura® Schrift -Familie (rechts) bei einer Headline-Größe von 64 Pixeln zeigt, dass beide eine ähnliche x-Höhe haben, aber die hohen Oberlängen der Futura können die Kleinbuchstaben kleiner erscheinen lassen. Die geometrischen Eigenschaften von Futura, die großen Zählwerke und die nahe an benachbarte Striche heranreichenden Endungen machen sie für Fließtext nicht gerade ideal. Futura eignet sich jedoch gut für große Schriftgrößen, Überschriften und Untertitel.

Wie alle Webtexte von Monotype Fonts wurde auch die PMN Caecilia® eText Schrift speziell für das Lesen auf dem Bildschirm entwickelt und hier für Fließtext mit 16 Pixeln und ein 20-Pixel-Zeichen verwendet.

In diesem Fall kommt mehr als eine Font zum Einsatz: Monotype Baskerville für die Überschrift, Neue Helvetica in 16 Pixel für den Fließtext und PMN Caecilia für ein Anführungszeichen.

Lesen ist eine ständige Verhandlung zwischen dem Leser und dem vorliegenden Material, ob es nun als gedrucktes Dokument oder auf einem digitalen Bildschirm in den Händen liegt. Eine Fülle von Schriften wird gerade für das Web umgestaltet oder neu entworfen, und diese neuen Fonts werden einen emotionalen Quotienten liefern, der über die Grundlagen des Systems Fonts hinausgeht, die das Web Designer seit Jahrzehnten verwendet. Das richtige Web Font zu finden und es auf die richtigen Größen einzustellen, erfordert Suchen, Entwerfen und Iterieren. Und geben Sie sich nie zu schnell zufrieden.

Sehen Sie sich die Schrift an und setzen Sie sie in den realen Szenarien ein, in denen sie funktionieren wird. Entwerfen Sie nicht nur eine Option, sondern eine Reihe von Optionen, um zu sehen, was eine Font im Vergleich zu einer anderen leistet und wie sich unterschiedliche Größen auf das Layout auswirken. Vergleichen Sie, wie sich unterschiedliche digitale Anzeigen in verschiedenen Größen und Auflösungen auf die Typografie auswirken. Und wenn es um das Leseerlebnis geht, sollten Sie unbedingt Usability-Tests intern im Designteam und extern mit den Nutzern durchführen. Sie möchten, dass die Leser ein angenehmes Leseerlebnis haben, das sie dazu bringt, später wiederzukommen.

Jason Tselentis ist Designer, Autor und Dozent. Als außerordentlicher Professor an der Fakultät für Design der Winthrop University unterrichtet er visuelles Kommunikationsdesign, Markenstrategie und -entwicklung, Webdesign und Typografie. Seine Schriften Über Design und visuelle Kultur sind in den Zeitschriften Arcade, Eye, mental_floss, Open Manifesto, Print und HOW erschienen. Herr Tselentis hat außerdem vier Bücher über Design, Typografie und Designgeschichte veröffentlicht.