Let’s come to something completely different

Ja, ich brauche eine neue Gleitsichtbrille am Computer. Ja, ich bin seit ich Dreizehn war extrem kurzsichtig – alles wahr. Doch auch ohne diese Kalamitäten gibt es ein paar Dinge, für die ich bei denen, die noch Blogs führen, sehr dankbar wäre.
Diese Dinge gehören auch alle in den Kanon guten Designs und in jenen, der sich mit der sogenannten ‘Usability’ von Websites befasst, als da wären:

  • Serifenschriften (das sind die Schriften mit den ‘Füßchen’) sind toll in einem Buch, so eins dieser Dinger auf der Basis von zermatschtem Holz. Auf selbstleuchtenden Bildschirmen – gleich ob Computer, Tablet oder Reader – sind sie einfach eine Pest!
    Serifenschriften bitte nur in Überschriften, im Fließtext niemals! Und wo wir gerade von Lesefreundlichkeit reden – das Annageln von Text auf einer Mittelachse ist so ziemlich das leseunfreundlichste, was man sich vorstellen kann – einfach nicht machen!
  • Zeilenlängen und Durchschuss richtig wählen: Eine Zeile – an selbstleuchtenden Bildschirmen – die inklusive Leerzeichen zwischen 72 und 90 Zeichen lang ist, wird als lesefreundlich empfunden und ermöglicht eine schönen Lesefluß. Der Durchschuss – Abstand zwischen der Grundlinie einer Zeile zur Oberlinie der Folgezeile – sollte etwas höher gewählt werden als bei Druckwerken.
  • Schriftgrößen richtig wählen! Browser bzw. Themes (bei WordPress, beispielsweise), gehen von einer Basisgröße von 16px aus. Damit läßt sich gut arbeiten. Kleine Variationen sind möglich und werden am Elegantesten über Prozentzahlen oder em-Werte realisiert – aber vorsichtig, bitte. Man kann es als Leser richtig hassen lernen, wenn man Texte lesen möchte, die Schwarz auf Hellgrau gesetzt sind und dann in 12px Basiswert daherkommen. Das Erste, was man als Leser dann macht, ist auf die Strg und die + -Taste einzuschlagen. Macht keine Freude!
  • Kontrast, Kontrast, Kontrast! Die Leidenschaft für Brauntöne auf gedeckt weißem Hintergrund begreife ich nicht. Nachtschwarz (#000000) auf Hartweiss (#ffffff) ist sicher nicht die beste Idee – das ist der maximal mögliche Kontrast, und er ist für die Augen anstrengend. Aber noch viel stressiger sind Braun- oder gar Beigetöne auf gedecktem Weiß. Für eine gute Lesbarkeit vor Licht – an Monitoren jeder Art der Regelfall – ist ein guter Kontrast zwischen Schrift und Hintergrund das A und O. Meine persönliche Empfehlung: Auf klarem Weiss die Schrift etwas herunterdrehen (Bei mir:#202020 auf #ffffff)

Beispiele?
Gerne.
Hier ist in Sachen Durchschuss, Zeilenlänge und Schriftbild alles fein, der Kontrast läßt aber zu wünschen übrig: https://christachorherr.wordpress.com/
Der Texaner (dessen Geschichten und Texte ich sehr liebe!) ist für mich ohne Strg + nicht lesbar. Durchschuss für die Schriftgröße zu hoch, Schrift zu klein, Kontrastwert richtig übel, Zeilenlänge für Lesefreundlichkeit zu hoch ganz okay.
Hier ist die Zeilenlänge okay, die Schriftgröße im Fließtext zu klein im Verhältnis zur Überschrift, der Durchschuss gut.
You get the idea?

Diese Drei stehen beispielhaft und ich möchte niemanden an den Pranger stellen. Ich frage mich eben nur: Warum macht ihr es dem interessierten Leser so schwer? Nicht jeder hat einen perfekt kalibrierten knackscharfen Monitor, nicht jeder hat 100% Sehschärfe/Sehvermögen.

Sich ein wenig mit Typographie im Web zu befassen, wenn man ein Blog führt, lohnt sich wirklich. Die Leser werden es danken.

7 Kommentare

  1. Ohne mich je damit befaẞt zu haben, sehe ich mir die beiden Beispielseiten an – und habe ein großes ? auf der Stirn
    Denn auf der als Positivbeispiel verlinkten verschwimmen mir die Buchstaben. Zu klein? Zu fett? Zu dicht aneinander? Bin nicht sicher. Größerziehen jedenfalls hilft nicht wirklich.
    Dagegen kann ich die erstgenannte Seite wunderbar lesen.
    Beim schreiben fällt mir ein: ich lese grad am Handy. Vielleicht ists am Monitor anders?

    1. Mir verschwimmen sie auch – das ist eine Frage der Schrift- bzw. Seitenfarbe, also ein Kontrastproblem.

  2. … und Dein Blog ist am Monitor in Serifenschrift (am Handy nicht), ebenso wie beide verlinkte Blogs (also, mich stört’s nicht, aber….) außerdem ist wilgans’ Blog in wesentlich kleinerer und kontrastärmerer Schrift als im Handy, also noch schwerer lesbar – kann es sein, daß diese ganzen Dinge – Schriftart, -größe, -kontrast etc vom COMPUTER abhängen, nicht vom Blogschreiberling😄

    1. Danke für den Hinweis. Wenn mein Journal irgendwo Serifen ausliefert, muß ich die CSS überprüfen. Auf meinen Geräten ist das nicht der Fall. Um deine Frage zu beantworten: Man ‘erwischt’ nie allle Mobilgeräte, irgendwer spinnt immer, aber prinzipiell kann man Schriften etc. je nach Bildschirmbreite anpassen (via CSS). Natürlich spielen auch die Einstellungen am Computer eine Rolle, doch die meisten Menschen verändern sie nicht. Könntest du mir einen Screenshot schicken von meinem Blog auf deinem Monitor?

    1. Deine Seite sehe ich auf allen Geräten in Serifenschrift, aber weil Zeilenlängen und Durchschuss okay sind und die Serifenschrift eine von den unauffälligen, kann ich dich gut lesen.

Kommentare sind geschlossen