Sie sind auf Seite 1von 64

Wie sichs liest

Danke an meine Betreuerin DI Doris Ulrich, die mir durch ihre unkomplizierte Art die Fertigstellung meiner Arbeit sehr erleichtert hat, und an meine Eltern fr das Ausgleichen meiner diversen Rechtschreibschwchen.

Ich erklre hiermit eidesstattlich, dass ich die vorliegende Bakkalaureatsarbeit selbststndig und ohne fremde Hilfe verfasst, keine anderen als die angegebenen Quellen und Hilfsmittel benutzt und die den benutzten Quellen wrtlich oder inhaltlich entnommenen Stellen als solche kenntlich gemacht habe. Die Arbeit wurde bisher in gleicher oder hnlicher Form keiner anderen Prfungskommission vorgelegt und auch nicht verffentlicht.

Martin Tiefengrabner, Graz am 27. Jnner 2011

As it Reads - Reading on Screens


Wheter on the notebook, the computer in the office or away on your smart phone: Reading monitor screens is part of our every days live. The readers will find themselves confronted with substantially different reading situation compared to reading on paper. The difference between the two medias in concerns of haptics usability and especially the used method for displaying text make it next to the receiver of the text needed for producers to respect these differences. The purpose of the thesis deals with basic differences between the two media and tries to derive basice rules the help to make text adequately media. The findings are pracitcally applied to reader application for smart phones.

Wie sichs liest - Lesen am Bildschirm


Ob am Notebook, Computer im Bro oder unterwegs am Smartphone: Lesen am Bildschirm ist Teil unseres Alltags geworden. Der Leser findet sich mit einer Lesesituation konfrontiert, die zum Lesen am Papier grundlegend verschieden ist. Die Unterschiede der beiden Medien bei Haptik, Benutzbarkeit und in der Art, wie Text dargestellt wird, machen es neben dem Recipienten auch fr den Textproduzenten ntig, diese Differenzen zu beachten. Die vorliegende Arbeit beschftigt sich mit den prinzipiellen Unterschieden zwischen den beiden Medien und versucht daraus Grundregelen abzuleiten, die helfen sollen Text medienadquat aufzubereiten. Die dabei gewonnenen Erkenntnisse werden in einer Lese-Applikation fr Smartphones praktisch angewandt.

Wie sichs liest Lesen Lesegeschwindigkeit Readability und Legibility Wo sichs liest Bildschirm oder Papier, Haptik, Benutzbarkeit und Mobilitt Blttern wie in einem Buch Wie sichs schreibt Schriftart, -gre und -schnitt, Bitmap-Fonts Vektor-Font Rasterizing Hinting Anti-Aliasing Subpixelrendering Schriftart Unterschiedliche Betriebssysteme Farben Zeilenlnge 33 33 35 37 37 39 41 41 45 46 50 25 26 28 15 17 19

Wie sichs liest

Lesen ist ein komplexer Prozess,


bei dem Auge und Gehirn zusammenarbeiten, um in einer Kombination aus Bewegung und Analyse das Gelesene in Information umzuwandeln. Um die Faktoren, die das Lesen auf unterschiedlichen Medien beeinflussen, zu verstehen, muss zuerst grundlegend geklrt werden, wie lesen funktioniert. Die menschliche Netzhaut besteht aus verschiedenen Bereichen mit unterschiedlicher Auflsung und Farbempfindlichkeit. Die Region, die gestochen scharf sieht und besonders hochaufgelst erkennen kann, hat beim Menschen einen Durchmesser von rund 1,5 mm und wird als Fovea Centralis bezeichnet. Eigentlich ist dieser Bereich eine im sogenannten Gelben Fleck gelegene Einsenkung. (Vgl. Unger, Wie, 64f) In der Fovea Centralis werden gerade einmal zwei Grad des Blickfelds aufgenommen und sie ist von weniger sensiblen Bereichen umschlossen. (Vgl. Lesen, online). Durch die unterschiedlichen Qualitten der verschiedenen Augenbereiche ist der Prozess des Lesens kein gleichmiges Gleiten ber den Text, sondern das Auge bewegt sich springend ber die Zeilen. Die einzelnen Sprnge werden als Sakkaden bezeichnet. Zwischen den Sakkaden verweilt das Auge fr etwa 0,3 Sekunden an seiner Position. Diese Pausen werden Fixationen genannt. Sie dienen dazu, die Zeichen, die zu diesem Zeitpunkt in der Fovea centralis scharf erkennbar sind, zu erfassen, damit das Gehirn sie verarbeiten kann. (Vgl. Benkert, Physiologische, online) In Schrift in normaler Lesegre umgelegt, entsprechen diese zwei Grad des Blickfelds rund zwei bis vier Buchstaben. Nach Beendigung der Fixation und Verarbeitung der Information durch das Gehirn, setzt das Auge seine Bewegung fort und springt mit einer weiteren Sakkade zum nchsten Fixationspunkt. (Vgl. Unger, Wie, 64f) Wo das Auge die nchste Fixation einlegt, wird in der Region des Auges bestimmt, welche die Fovea Centralis umgibt. Deren Auflsung ist um etwa

15

Sicherlich knenen Sie auch dei Studie, in dre hersuafegnunden wrude, dass die Reinehfloge der Bustchabne fr uns nihct mher witchig ist. Nur die esrten und ltezten Buhctsaben mssen krorket sein. Wir heban die Wrter so oft gesehen, dass wir flasche Reiehnfloge druch unsere Erafhrung umtslelen und die rcihtige Beduetung der Wrter so in unesrem Kopf autoamtisch enttseht...

Abb. 1: Lesetest

30% geringer und wird parafovealer Bereich genannt. (Vgl. Benkert, Physiologische) Durch diese Teile des Auges kann der Betrachter noch rund zwei bis vier Zeichen links und rund zwlf Zeichen rechts vom Bereich der durch die Fovea Centralis gesehen wird, erfassen. Nach auen hin verlieren die Zeichen an Schrfe, werden immer schemenhafter. Es knnen nur mehr grobe typographische Aspekte, wie Wortabstnde, Ober- und Unterlngen erkannt werden. (Vgl. Unger, Wie, 65) Als optische Anhaltspunkte fr die nchste Fixation dienen daher vor allem auffllige Bereiche im Text wie etwa Grobuchstaben. (Vgl. Benkert, Physiologische) (Vgl. Unger, Wie, 65) Das Auge springt dann aber mit der nchsten Sakkade nicht an den Anfang eines Wortes, sondern orientiert sich eher in der Wortmitte. (Vgl. Happe, Physiologische, online)

Die Lesegeschwindigkeit ist davon


abhngig, wie viel Zeit fr Sakkade und Fixation bentigt wird. Die Augen eines gebten Lesers knnen zirka vier Fixationen pro Sekunde durchfhren und damit rund 240 Wrter pro Minute (WpM) erfassen. Neben der Routine des Lesers sind auch der Aufbau des Textes und die Wortwahl ausschlaggebend fr die Lesegeschwindigkeit. Kurze, hufig wiederkehrende Wrter, wie zum Beispiel Prpositionen, bedrfen keiner eigenen Fixation. Sie werden auch ohne Verweilen der Augen inhaltlich erfasst und erhhen damit die Lesegeschwindigkeit. Lngere Wrter, deren Buchstabenanzahl den erfassbaren Bereich des Auges whrend der Fixation berschreiten, dem Leser aber vertraut sind, werden nur mehr am Anfang und am Ende kurz kontrolliert und der Inhalt erfasst wird. (Vgl. Lesen, online) Es muss nicht jeder Buchstabe einzeln wahrgenommen werden, um ein Wort zu erkennen. Bei bekannten Wrtern reicht es oft aus, wenn nur der erste und letzte Buchstabe gelesen werden. Ein Text, bei dem in der Mitte der Wrter einige Vokale vertauscht sind, wird einem gebten Leser keine Probleme bereiten.

17

Schriften im Legibility-Vergleich

Verwechslung

Zusammenflieen

Proportionen

hnlichkeit

hnlichkeit

hnlichkeit

Futura Medium

Garmond Regular

Rockwell Regular

Helvetica Regular

Abb. 2: Schrift im Legibility-Vergleich

Komplizierte Satzstrukturen, schwer verstndliche Inhalte, seltene Wrter und Fremdwrter, verkrzen die Augensprnge, verlngern die Zeit der Fixation und knnen sogar Rcksprnge, sogenannte Regressionssakkaden, ntig machen. (Vgl. Unger, Wie, 64) Fllt dadurch die Geschwindigkeit beim Lesen deutlich unter 240 WpM, kann es passieren, dass am Ende eines gelesenen Satzes dessen Anfang schon wieder vergessen wurde. Der Satz muss dann noch einmal gelesen werden und die Lesegeschwindigkeit verringert sich weiter. (Vgl. Lesen, online) Neben den oben aufgefhrten Faktoren kann auch die Intention des Lesers die Geschwindigkeit beeinflussen. Um einen Text auswendig zu lernen, muss die Lesegeschwindigkeit bis auf rund 100 WpM verringert werden, bei Texten, die zu Lernzwecken gelesen werden, kann sie bei 100200 WpmM liegen. (Vgl. Reading, online) Beim Skimming, dem schnellen berfliegen eines Textes, um dessen Grundinhalt in mglichst kurzer Zeit erfassen zu knnen, steigt die Leserate auf ber 700 WpM an. Der Leser kann sich damit einen groben berblick ber den Inhalt des Textes verschaffen, ihn aber nicht im Detail erfassen. (Vgl. Speed, online)

Readability und Legibility ist ein Begriffspaar,


das die Erfassbarkeit und Lesbarkeit von Texten beschreibt. Whrend Readability direkt mit Lesbarkeit bersetzt werden kann, fehlt fr Legibility im Deutschen, sowie in vielen anderen Sprachen, ein entsprechendes Pendant. Gerald Unger schlgt vor, Legibility im Deutschen als Leserlichkeit zu verwenden. (Vgl. Unger, Wie, 70f) Die Leserlichkeit bezieht sich dabei auf Qualitten der Schrift an sich, also wie leicht die Buchstaben vom Lesenden wieder erkannt und von anderen unterschieden werden knnen. Gerade bei einigen kritischen Buchstabenpaaren,

19

ist es sehr wichtig, dass die verwendete Schrift gengend Unterscheidungsmerkmale bietet. Zu diesen gefhrlichen Buchstabenkombinationen zhlen unter anderem: Il: sind hnlich gro und die Form der Zeichen hnelt sich sehr. Der Leser luft Gefahr die beiden Buchstaben zu verwechseln. rn: ist der Abstand zwischen beiden Buchstaben sehr gering, knnen r und n wie ein Buchstabe wirken. hn: Form und Kurve der beiden Buchstaben sind sehr hnlich. Sind die beiden Buchstaben auch hnlich hoch, wird die Unterscheidung fr den Betrachter schwierig. adg: Diese drei Buchstaben besitzen hnliche Grundformen und sind daher in manchen Schriften schwer zu differenzieren. (Vgl. Gtz, Schrift 20f) Die Readability hingegen bezieht sich auf die Lesbarkeit des Textes an sich und dabei auf inhaltliche wie auf gestalterische Aspekte: Wie ist der Text geschrieben? Ist er leicht verstndlich? Aber auch: Sind Zeilenabstand und -lnge, Wort- und Buchstabenabstnde gut gewhlt? (Vgl. Unger, Wie, 25) Es lsst sich nicht immer eindeutig definieren, ob und warum eine Schrift schwerer oder leichter zu lesen ist. Grundstzlich gilt, je mehr die Buchstaben einer Schrift sich an die dem Leser vertrauten Formen anlehnen, umso leichter ist es, die Zeichen unterscheiden und identifizieren zu knnen. Je experimenteller eine Schrift ist, je ungewohnter ihre Buchstabenformen sind, umso schwieriger wird es fr den Leser diese zu erkennen und umso lnger wird er brauchen, um einen Text zu lesen. (Vgl. Unger, Wie 27) (Vgl. Kommer, Typografie, 116f) Schon bei gedruckten Texten ist die Wahl der Schriftart beraus wichtig, beim Lesen am Bildschirm, das prinzipiell eine schwierige Lesesituation darstellt, sollte besonders groer Wert auf die Leserlichkeit der Schrift gelegt werden.

Wo sichs liest

Papier oder Bildschirm?

20%

9%

54%

48%

25%

41%

2000

2008

2000

2008

2000

2008

Lese erst am Bildschirm drucke dann aus.

Lese am Bildschirm drucke manchmal aus

Lese am Bildschirm drucke nichts aus

Abb. 3 Leseverhalten am Bildschirm

Ebook am Handy?
Matura mnnlich weiblich mitl. Reife Hauptschule

bis 19 2029 3039 4049 5059

60 und lter

Geschlecht

Bildungsgrad

Alter

Abb. 4: Akzeptanz von Ebooks am Handy

Ob Texte am Bildschirm oder am Papier,


stellt fr den Leser zwei grundlegend andere Lesesituationen dar. Eine Studie von Wright und Lickorish untersuchte 1983, ob sich das Leseverhalten beim Korrekturlesen eines Textes auf Papier von dem am Bildschirm unterscheidet. Dabei zeigte sich, dass bei einer vergleichbaren Anzahl gefundener Fehler die gestellten Aufgaben am Papier bedeutend schneller gelst werden konnten als am Bildschirm (29 Minuten zu 21 Minuten). (Vgl. Nielsen, Multimedia, 153f) 1987 fhrte Gould eine hnlich gelagerte Studie mit genderten Voraussetzungen durch. Die verwendeten Bildschirme waren, verglichen mit dem Experiment von Wright und Lickorish, deutlich weiter entwickelt und besaen eine Auflsung von 91dp. Neben der verbesserten Hardware hatte sich auch die Software verbessert. Das verwendete Testprogramm untersttzte Anti-Aliasing, ein Verfahren zur Kantenglttung. Dabei werden die einzelnen Zeichen geglttet, was sie weicher und strker erscheinen lsst. Das Ergebnis war, dass Papier und Bildschirm bei Lesegeschwindigkeit und Anzahl der gefundenen Fehler beinahe ebenbrtig abschnitten. (Vgl. Nielsen, Multimedia,154f). Ob diese signifikante Vernderung zur vier Jahre lteren Studie nur durch das bessere technische Equipment erklrbar ist, bleibt offen. Dass in der Zeit, zwischen dem ersten und dem zweiten Versuch, Computer strkeren Einzug ins Alltagsleben der Menschen fanden, bercksichtigt die Studie ebenfalls nicht. Auch nicht, wie sich dadurch die Beziehung zum Bildschirm als Lesemedium verndert hat. Bei einer im Jahr 2000 in Deutschland durchgefhrten Studie gaben nur 25% der Befragten an, sie wrden ganze Texte am Bildschirm lesen ohne sie auf Papier auszudrucken. 2008 war dieser Anteil bei einer hnlich gelagerten Studie schon auf 41% gestiegen. Der Anteil der Befragten, die Texte zwar am Bildschirm lesen, sich danach das Gelesene aber trotzdem ausdrucken, sank im gleichen Zeitraum von 20% auf 9%. (Vgl. Lesen in, 36)

25

Weiters macht es fr 41% der Befragten keinen Unterschied mehr, ob ein Text in gedruckter oder digitaler Form vorliegt. In dieser Studie wurden neben der allgemeinen Akzeptanz von Lesen auf digitalen Medien auch die demografischen und sozialen Unterschiede beleuchtet. Dabei lsst sich bei jungen, gut gebildeten Menschen eine starke Affinitt zum Lesen am Bildschirm erkennen. Fr 67% der unter 19-jhrigen macht es keinen Unterschied, ob Texte elektronisch am Bildschirm oder gedruckt vorliegen, bei den 3039jhrigen gaben dies nur mehr 26% an. hnlich verhlt es sich auch beim Bildungsgrad der Befragten. Bei Personen, die nur ber einen Hauptschulabschluss verfgen, neigen gerade einmal 37% dazu, beide Medien als gleichwertig anzuerkennen, bei Personen mit Matura oder abgeschlossenem Studium, betrgt dieser Anteil 55%. (Vgl. Lesen in, 37)

Haptik, Benutzbarkeit und Mobilitt


sind drei Faktoren, die die Qualitt des Lesens stark beeinflussen. Bei der oben zitierten Studie von Nielsen und Lyngbk befanden 33% der Teilnehmer das Lesen am Bildschirm fr unkomfortabler als am Papier. Vor allem die fehlende Flexibilitt durch die sperrige Computerhardware und die damit verbundene Immobilitt wurden als besonders negativ empfunden. (Vgl. Nielsen, Multimedia, 153) Because of this problem many hypertext researchers dream of the day computers get so small that they are actually as portable as books. (Nielsen Multimedia, 153) Aber auch die immer kleineren, mobilen Endgerte knnen mit dem Lesen am Papier nicht gleichziehen. Anne Mangen erklrt dazu in einem Interview 2009: Materiality matters One main effect of the intangibility of the digital text is that of making us read in a shallower, less focused way. (Beam, I screen, online) Auch das Blttern, das bei digitalen Readern durch Drcken von Tasten, bei

Touchscreens durch spezielle Gesten durchgefhrt wird, erhht die Distanz des Lesers zum Gelesenen. (Vgl. Beam, I screen, online) Bei der bereits oben zitierten Studie der Stiftung Lesen war trotz der stark gewachsenen Akzeptanz von digitalen Texten fr 59% der Befragten der Verzicht auf gedruckte Bcher undenkbar. (Vgl. Lesen in, 39) Auch ist das Vertrauen in die Informationen aus gedruckten Medien gegenber denen aus digitalen Medien stark unterschiedlich. Von den Befragten stimmten 52% der Aussage Informationen aus gedruckten Medien traue ich irgendwie mehr als Informationen aus dem Internet zu. (Vgl. Lesen in, 40) Ob dabei nur die Unterschiede der beiden Medien oder auch die unterschiedlichen Wege der Informationsgenerierung eine Rolle spielen, wird nicht geklrt. In einer Studie ber Apples iPad findet Nielsen einen weiteren interessanten und simplen Grund, das Buch dem digitalen Reader vorzuziehen: Das Lesen an Bildschirmen erinnere einfach zu stark an Arbeit. (Vgl. Nielsen, iPad, online) Obwohl mobile Endgerte, wie etwa Apples iPad oder Kindle von Amazon, auf angenehme Handhabung und flexible Verwendung hin konzipiert sind, sind sie dem Buch (noch) nicht ebenbrtig. Neben der unterschiedlichen Lesegeschwindigkeit wird das Lesen auf digitalen Screens immer noch als anstrengender empfunden. Jakob Nielsen geht aber davon aus, dass, sobald Endgerte ber Displays mit einer Auflsung von ber 300dpi verfgen, wird auch die strkere Ermdung beim Lesen am Bildschirm der Vergangenheit angehren. (Vgl. Nielsen, iPad, online) Zurzeit verfgt aber einzig das iPhone 4, als weit verbreitetes Consumer-Produkt ber eine Auflsung von ber 300dpi. (Vgl. Myslewski, online)

27

Da das Blttern wie in einem Buch


am Bildschirm in dieser Form nicht mglich ist, mussten andere Konzepte gefunden werden, um durch den Text navigieren zu knnen. Die blichste Form dabei ist das Scrolling. Der Text, der den darstellbaren Bereich des Bildschirms berschreitet, kann durch horizontales und/oder vertikales Verschieben des Textes erreicht werden. Die Bewegung durch den Text passiert meist durch Scrollbalken, die rechts oder links am Bildschirmfenster angebracht sind. Die Steuerung ist meist auch durch spezielle Mausbewegung oder Tasten auf der Tastatur mglich. Da die Verwendung von horizontaler und vertikaler Scrollingmglichkeit weder effizient noch sehr beliebt ist, wird der Text meist auf die Breite des Fensters getrimmt, damit sich der Benutzer nur vertikal durch den Text bewegen muss. Das Grundkonzept hinter dem Scrolling basiert auf dem Drehen einer Papyrusrolle. (Vgl. quist, Evaluating, 14f) Neben dem Scrolling ist das Paging eine weit verbreitete Methode, um sich durch den Text zu bewegen. Das Konzept des Pagings basiert auf dem Vorgang des Bltterns in Bchern. Dabei wird der Text der Hhe und Breite des Fensters angepasst und durch spezielle Gesten bei Touchscreens oder durch Drcken spezifischer Tasten eine Seite nach der anderen angezeigt. Um zu vermeiden, dass der Benutzer die Orientierung im Text verliert, werden meist die aktuelle Seite, sowie die Gesamtanzahl an Seiten angezeigt. Verglichen mit dem Scrolling ist die Anzahl der Interaktionen des Benutzers mit diesem System deutlich geringer. (Vgl. quist, Evaluating, 15) Das Konzept des Leadings hat nicht, wie Paging oder Scrolling, einen in diesem Sinn historischen Hintergrund. Beim Leading wird eine Zeile des Textes angezeigt, die sich in einer bestimmten Geschwindigkeit ber den Bildschirm bewegt. Die Geschwindigkeit, in der sich der Text bewegt, kann meistens vom Benutzer selbst angepasst werden.

Wie beim Paging zeigt auch hier eine Fortschrittsanzeige an, wo sich der Leser gerade befindet. Durch die Verwendung von Leading hat die Gre des Bildschirms weniger Einfluss auf die Lesegeschwindigkeit, und die Anzahl der Interaktionen des Benutzers mit dem Lesegert wird auf ein Minimum reduziert. (Vgl. quist, Evaluating, 16) Rapid Serial Visual Presentation (RSVP) baut auf einem hnlichen Grundprinzip wie Leading auf. An einer fixen Position am Bildschirm wird der Text in kleinen Teilen aus einem oder wenigen Worten, prsentiert. Diese Textteile werden in einer bestimmten, meist vom Benutzer gewhlten Geschwindigkeit dargestellt. (Vgl. quist, Evaluating, 17) Wird die Anzeigedauer einzelner Textstcke, basierend auf ihrer Lnge, verndert und werden bei Punkten Pausen eingelegt, fhrt das zu hherer Akzeptanz von RSVP beim Leser. (Vgl. quist, Evaluating, 19)

29

Wie sichs schreibt

Bitmap-Font Fedra

Abb. 5: Bitmap Font Fedra in verschiedenen Schnitten und Gren

Schriftart, -gre und -schnitt,


Zeilenabstand (Zeilendurchschuss) und der Weiraum zwischen Zeichen und Wrtern haben einen groen Einfluss auf die Lesbarkeit. Diese Tatsache ist beim Setzen von gedruckten Texten hinlnglich bekannt, nur lassen sich diese Erkenntnisse nicht direkt auf digitale Medien umlegen. Die unterschiedliche Auflsung, Helligkeits- und Kontrastbeschaffenheit, Haptik und die spezifischen Besonderheiten, welche die beiden Medien an sich haben, mssen beim Setzen von Texten besonders bercksichtigt werden. Gerade die geringe effektive Auflsung am Bildschirm - von nur rund 100dpi, verglichen mit 300dpi bis 600dpi bei gedrucktem Text - stellt besondere Herausforderungen an den verwendeten Schriftsatz und seine Verarbeitung. Prinzipiell lassen sich dabei digitale Schriftstze in zwei fr unterschiedliche Einsatzzwecke konzipierte Gruppen einteilen: Bitmap-Schriften und Vektor-Schriften.

Bei Bitmap-Fonts, auch Raster-Fonts oder Pixel-Fonts


werden die einzelnen Zeichen direkt in einen Pixelraster gezeichnet. Da jedes Zeichen fix in dem Pixelraster, der Map, eingezeichnet ist, kann es ohne weitere Verarbeitung oder Berechnung dargestellt werden. Die ersten am Bildschirm darstellbaren Schriften waren daher Bitmap-Schriften. (Vgl. Bitmap-Schrift, online) (Vlg. Gtz, Schrift, 74f) Dafr verhalten sie sich beim Skalieren gleich wie Pixelgrafiken: Beim Vergrern werden die einzelnen Pixel vergrert und die Qualitt geht verloren. Diesem Qualittsverlust kann wie bei Grafiken nur bedingt durch Interpolation entgegengewirkt werden. Bei Bitmap-Fonts wird dieses Problem aber umgangen, indem fr jede Schriftgre ein eigener Schriftsatz erstellt wird. (Vgl. Computer, online) (Vgl. Pixelfont, online) Wenn ein Bitmap-Font nun zum Beispiel in acht, zehn und zwlf Punkt und jeweils im Bold-, Italic- und Regular-Schnitt im Schriftsatz enthalten sein soll, muss

33

Abb. 6: Vektor-Schrift im Pixelraster

jedes Zeichen in neun verschiedenen Versionen verfgbar sein. Dadurch entsteht ein zustzlicher Aufwand bei der Erstellung der Schrift und der Font kann nur sehr unflexibel eingesetzt werden. Ein weiterer Nachteil von Bitmap-Fonts ist, dass ihr Speicherbedarf, sofern keine Kompressionsverfahren eingesetzt werden, quadratisch mit der Schriftgre ansteigt: Ein Zeichen in doppelter Schriftgre bentigt die vierfache Anzahl an Pixeln und damit an Speicher. Dafr ist aber die Darstellung von Pixel-Fonts einfacher und braucht weniger Rechenleistung, da die Zeichen nicht wie Vektor-Schriften vor der Ausgabe in die richtige Gre gerechnet und gerastert werden mssen. Auerdem passen sich die Kanten der Glyphen von Bitmap-Fonts exakt in den Pixelraster des Bildschirms ein, Rundungen und auch schrge Kanten werden dadurch, gleich wie im Schriftsatz vorgesehen, wiedergegeben. Obwohl Pixel-Fonts prinzipiell fr die Darstellung auf elektronischen Displays konzipiert und optimiert wurden, finden sie heute nur noch auf Maschinendisplays, Handys mit Zeilendisplays oder im Teletext Anwendung. (Vgl. Pixelfont, online)

Die Zeichen eines Vektor-Fonts (Outline Schrift)


bestehen nicht wie die von Bitmap-Fonts aus gesetzten oder nicht gesetzten Punkten innerhalb einer Rastermatrix. Wie der Name schon sagt, bestehen sie aus einzelnen Vektoren. Zustzlich zu den Informationen ber Anfangs- und Endpunkt sowie Richtung der einzelnen Vektoren werden auch Krmmung der Linien und Fllung der eingeschlossenen Flchen gespeichert. In ihrem Aufbau besteht auch der Vorteil der Vektor-Schriften zu den Raster-Fonts: Sie sind beliebig - ohne Qualittsverlust - skalierbar und es muss nicht ein eigener Zeichensatz fr jede Schriftgre erstellt werden. Nachteil bei Vektor-Fonts ist, dass die Darstellung am Bildschirm mit einem hheren

35

Buchstabe ohne Hinting

Buchstabe mit Hinting

Abb. 7: Buchstabe mit und ohne Hinting

Rechenaufwand verbunden ist. Die Schrift muss vor der Darstellung gerastert werden, das heit, die einzelnen Zeichen mssen in den Pixelraster des Bildschirms eingepasst (gemapped) werden. (Vgl. Gtz, Schrift, 76) (Vgl. Poole, Literature, online)

Rasterizing ist ntig,


um einen Buchstaben am Bildschirm darstellen zu knnen. Dabei werden die einzelnen Lettern in den Pixelraster, der dem Bildschirm zu Grunde liegt, eingepasst. Dieser Vorgang, bei dem die flexiblen Vektorlinien der Glyphen in den Pixelraster gelegt werden, heit Font Rasterizing. Durch das Rastern ergeben sich auch die grten Nachteile von Vektor-Schriften. Werden sie am Bildschirm unter einer gewissen Gre verwendet, kann es zu Darstellungsproblemen bei manchen Lettern kommen. Feine Linien, die durch die Skalierung dnner als ein Pixel werden, knnen nicht mehr korrekt angezeigt werden (Vgl. Vektorfont, online), Rundungen und schrge Linien wirken verschoben und fasrig, es kommt zum sogenannten Treppcheneffekt. Diese beim Rastern entstehenden Artefakte werden als Jaggies bezeichnet und man spricht dann von einem unausgeglichenen Bitmap. Bis zu welcher Gre eine Vektor-Schrift gut lesbar ist, ist von Schrift zu Schrift verschieden und abhngig von den Strichstrken und Kurven der einzelnen Buchstaben. (Vgl. Gtz, Schrift, 76) (Vgl. Poole, Literature, online) Um den beim Rastern auftretenden Fehlern entgegenzuwirken, werden unterschiedliche Verfahren eingesetzt.

Beim Hinting
wird die Darstellung eines Buchstabens bei der Ausgabe so weit verndert, dass seine Kontur sich besser in den Raster des Ausgabemediums einpasst.

37

Buchstabe ohne Anti-Aliasing

Buchstabe mit Anti-Aliasing

Abb. 8: Buchstabe mit und ohne Anti-Aliasing

Hinting ist eine Technik zur Definition, welche Pixel eines Buchstabens dargestellt werden, um in kleinen Gren und niedriger Auflsung eine bestmgliche Buchstabenform zu erzielen. (Kommer, Typografie, 134) Dazu werden mathematische Regeln herangezogen, um die schmalen Linien der Lettern besser in den Pixelraster einzufgen. Diese mathematischen Instruktionen werden direkt in der Schriftdatei gespeichert und automatisch von diversen Font-Design-Programmen erstellt. Bei professionellen, gut ausgebauten Schriften, werden die Hintinginformationen manuell vom Schriftentwickler angelegt. (Vgl. Glossary, online)(Vgl. Szente, Hinting, online)

Anti-Aliasing ist eine


weitere Technik, um die Darstellung der Zeichen zu verbessern. Beim Einpassen in die Pixelmatrix und die damit einhergehende Umrechnung von Kurven in Pixel verlieren die Lettern oft an Gltte und wirken fransig. Um der schlechten Darstellung von Rundungen entgegenzuwirken, setzen moderne Betriebssysteme Anti-Aliasing zur Kantenglttung ein. (Vgl. Font, Online) Dabei werden an den Konturen zustzliche Pixel mit Farbwerten, die zwischen Fllfarbe des Textes und Hintergrundfarbe liegen, angefgt. (Vgl. Szente, Anti-Aliasing, online) Die Buchstaben wirken dadurch glatter und weicher, verlieren zugleich aber an Schrfe. Bei starkem Anti-Aliasing wirken die Lettern verschwommen. Bei der Anwendung von Anti-Aliasing ist es beraus wichtig, dass die Hintergrundfarbe, auf der die Schrift dargestellt werden soll, bereits bekannt ist, bevor der Text gerastert wird. Ansonsten kann es zum sogenannten Kantenleuchten kommen und die Schrift wirkt wie schlecht ausgeschnitten. (Vgl. Szente, Anti-Aliasing, online) Wird Hinting bei sehr kleinen Punktgren angewandt, knnen die zustzlich angefgten Pixel dazu fhren, dass die Innenrume der Buchstaben, die Punzen, verschlossen sind. Die Schrift verliert da-

39

Leserlichkeit unterschiedlicher Schriften


Agency Arial Comic Sans Tahoma Verdana Courier Georgia Goudy Century Times Bradley Hand Monotype Corsiva

Leserlichkeit in Sekunden

Empfunde Leserlichkeit

Abb. 9: Lesegeschwindigkeit verschiedener Schrift

mit ihren Charakter, wird unschn und im schlimmsten Fall schwer oder gar nicht mehr lesbar. (Vgl. Szente, Anti-Aliasing, online) Bei Bitmap-Fonts sollte prinzipiell auf Anti-Aliasing verzichtet werden, da die einzelnen Zeichen ja schon direkt in den Pixelraster eingezeichnet wurden (Vgl. Gtz, Schrift, 102f)

Subpixelrendering basiert wie Anti-Aliasing


auf der Tatsache, dass das menschliche Auge Helligkeitsdifferenzen strker wahrnimmt als den Unterschied zwischen zwei Farbwerten. Subpixelrendering macht sich dazu noch den technischen Aufbau von Bildschirmen zum Vorteil. Jeder Bildpunkt auf einem (Farb-)Bildschirm besteht aus drei Subpixeln, die jeweils rot, grn oder blau leuchten knnen. Diese drei Unterpixel knnen einzeln angesteuert werden und ihre Helligkeit lsst sich justieren. Beim Subpixelrendering werden an den Kanten der Zeichen gezielt Subpixel so angesteuert, dass ein hnlicher Effekt wie beim Anti-Aliasing erreicht wird, der aber direkt auf der Hardware passiert.

Bei der Wahl der Schriftart


lsst sich keine allgemeingltige Regel aufstellen. Die Leserlichkeit wird auf der einen Seite von den oben erwhnten Faktoren beeinflusst, auf der anderen Seite spielen auch der Kulturkreis und die Gewohnheiten des Lesers eine groe Rolle. In gestalterischen Kreisen herrscht oft die Meinung vor, SerifenSchriften wren besser lesbar als Grotesk, da sie dem Leser die Orientierung an der Grundlinie erleichtern. Empirischer Beweis lsst sich dafr aber keiner finden, jedoch auch nicht fr eine gegenteilige Aussage. Alex Poole stellt in seinem Aufsatz Which Are More Legible: Serif or Sans Serif Typefaces? unterschiedliche Studien zu diesem Thema einander gegenber und kommt zu dem Schluss, dass sich Serifen Befrworter und Gegner die Waage hal-

41

Formaler Schriftvergleich

Punze des kleinen o

Mittellngen

An

An
Tahoma Hamburge abcedefgh ABCDEFHIJ

An An
Arial Hamburge abcedefgh ABCDEFHIJ

Courier Hamburg abcedefgh ABCDEFHIJ

Times Hamburgef abcedefgh ABCDEFHI

Abb. 10: Formaler Schriftenvergleich von Courier, Tahoma Arial und Times

ten. Eine qualifizierte Empfehlung lsst sich nicht treffen. (Vgl. Poole, Literature, online) Das Software Usability Research Laboratory der Wichita State University fhrte 2001 eine Studie zur Ermittlung von Lesegeschwindigkeit und Anmutung populrer Schriftarten im Webbereich durch. Dabei wurden 22 Probanden Texte in zwlf Punkt verschiedener Schriftarten vorgelegt. Das Ergebnis der Studie war, dass der Text in Tahoma am schnellsten erfasst werden konnte, dicht gefolgt von Times New Roman und 40 Sekunden schneller als Courier. Michael Bernard meint in seinem Aufsatz ber das Studienergebnis, dass der Einfluss der Schriftart gerade bei kurzen Textpassagen in gewhnlichen Schriftgren eher gering ist, solange solche Schriften verwendet werden, die prinzipiell gut ausgebaut sind und einen hohen Bekanntheitsgrad besitzen. (vgl. Bernard, Comparison, online) Im Anschluss an den Lesetest wurden den Probanden Fragen zu den gesehenen Schriften gestellt. Unter anderem sollten sie bewerten, welche Schrift fr sie persnlich die leserlichste sei. Dabei landete nun aber Courier auf dem ersten Platz, die Scriptschrift Corsiva wurde als am schwersten erkennbar gewertet. (vgl. Bernard, Comparison, online)Eine weitere Aufgabenstellung war, die beiden Fonts zu bezeichnen, die dem Probanden persnlich gefielen. Auch hier zeigten sich deutliche Unterschiede zu den Ergebnissen des Lesetests. (vgl. Bernard, Comparison, online) Zusammenfassend wirft Bernard die Frage auf, welche Faktoren die Schriftwahl strker beeinflussen sollen. Sollten eher die empirisch als am lesbarsten festgestellten oder die von den Lesern subjektiv fr die am leserlichsten gehaltenen Schriften eingesetzt werden? (vgl. Bernard, Comparison, online) Die Schlussfolgerungen aus der Studie decken sich mit der Aussage von Gerald Unger, dass die Leserlichkeit einer Schrift auch damit zusammenhngt,

43

Detailvergleich Georgia & Mrs. Eaves

Die Serifen von Georgia sind grber und ausgeprgter

Die Mittelhhe sind bei Georgia deutlich hher

Die Lettern von Georgia sind geradlinieger ausgefhrt, die Punzen weiter

Abb. 11: Detailvergleich der Schriften Georgia & Mrs Eaves

wie vertraut die Zeichen dem Leser sind, oder ob sie sich stark vom gewohnten Bild des jeweiligen Zeichens abhebt. (Vgl. Unger, Wie, 27f) (Vgl. Kommer, Typografie, 116f) Isolde Kommer zieht aus der oben genannten Studie folgendes Fazit: Schlielich kommt es nicht nur auf die Lesegeschwindigkeit an - viel mehr muss der Text ja erst einmal die Lust zum Lesen wecken! (Kommer, Typografie 135) Prinzipiell lsst sich aber sagen, dass Serifenschriften eher ungeeignet fr die Verwendung am Bildschirm sind, da gerade ltere Schriften nicht fr den digitalen Einsatz konzipiert worden sind. Verwenden lassen sich Schriften mit ausgeprgten Serifen, krftigen Strichen und hohen Mittellngen. (Kommer, Typografie, 122) Darunter fallen zum Beispiel die Rockwell oder die Georgia. (Vgl. Kommer Typografie, 121f) Zusammenfassend lassen sich folgende Grundkriterien fr die Auswahl von Schriften fr Bildschirme festlegen: Die Schrift sollte ber ein weites, rundes Schriftbild verfgen, da sich dieses beim Mappen besser an den Pixelraster anpasst. Die Buchstaben sollten klare, leicht unterscheidbare Formen besitzen und aus krftigen Strichen bestehen. Die Mittellngen der Schriften sollten erhht sein und die Buchstaben weit. Um das Verlaufen der Buchstaben ineinander zu verhindern, sollte eine etwas erhhte Laufweite eingesetzt werden. Werden diese Kriterien weitgehend beachtet, kann somit den Problemen, die beim Font-Rastering auftreten, entgegengewirkt werden. (Vgl. Kommer, Typografie, 131)

Unterschiedliche Betriebssysteme und Programme


setzen auf unterschiedliche Konzepte beim Rastern der Schrift. Moderne Systeme setzen eine Kombination aus Anti-Aliasing, Hinting und Subpixelrendering ein. Trotzdem kommt es dabei zu gravierenden Unterschieden, die zum

45

Teil auch beabsichtigt sind. Bei Windows und Mac lassen sich unterschiedliche Darstellungskonzepte leicht mit bloem Auge erkennen. Apple versucht die Schrift mglichst nahe ihrem gedruckten Pendant zu rendern. Die Zeichen erscheinen dadurch fester und kompakter am Bildschirm, verlieren aber hinsichtlich der Leserlichkeit, da die Schriften, um dem Ausdruck nher zu kommen, mit ausgeprgtem Anti-Aliasing versehen werden. Microsoft hingegen setzt auf scharfes, gut lesbares Font-Rastering, das die Schriften schmler und kantiger erscheinen lsst, sich dadurch aber stark von der gedruckten Schrift unterscheidet. (Vgl. Spolsky, Smoothing, online) Mit der ClearType Technologie ist Mircrosoft damit in punkto Lesbarkeit Apple sQuartz Technologie berlegen, zumindest solange handelsbliche Displays noch eine durchschnittliche Auflsung von 100dpi haben. Sobald sich aber hochauflsende Bildschirme mit 200-300dpi durchsetzen, knnten beide Systeme in diesem Bereich ebenbrtig sein. Apples Konzept ist dagegen bei der Darstellungstreue deutlich besser. Eine Tatsache, die sich wohl vor allem aus den (ehemals) unterschiedlichen Zielgruppen der Unternehmen ableiten lsst. (Vgl. Ballmoos, OS X, online) Ein Computer mit Mac OS eignet sich somit besser dafr, Typografie fr Printdokumente aufzubereiten. Durch die starke Orientierung am gedruckten Font lassen sich am Bildschirm Grauwert der Seite und Gleichgewicht des Satzes besser beurteilen als auf Windows Rechnern. Anti-Aliasing und Hinting dienen aber nur der besseren Aufbereitung der Lettern fr den Bildschirm, beim Druck kommen die Techniken nicht zum Einsatz.

Die Beurteilung von Farben


ist immer relativ, weil die Umgebung einer Farbe die Wahrnehmung beeinflut [sic!]. Ein und dieselbe Farbe kann in unterschiedlichen Farbumgebungen ganz

verschieden wirken (Gtz, Schrift 18) Neben den typografischen Aspekten eines Textes, haben auch die verwendeten Farben fr Text und Hintergrund einen groen Einfluss auf die Leserlichkeit. Ein gut gewhlter Kontrast zwischen beiden Farben kann auch der Ermdung der Augen entgegenwirken, da die Helligkeit des Monitors die Augen deutlich strker beansprucht als gedruckte Lettern auf Papier. (Vgl. Gtz, Schrift, 11) (Vgl. Horton, Select, online) Die Darstellung von Farben am Bildschirm und im Druck basieren auf unterschiedlichen Farbsystemen. Im Druck wird ein subtraktives Farbsystem (CMYK) eingesetzt. Das RGB-Farbsystem, das bei Bildschirmen zur Verwendung kommt, ist hingegen ein additives Farbsystem. (Vgl. Gtz, Schrift, 14f) Diese Unterscheidung ergibt sich durch die grundlegenden Unterschiede der beiden Medien. Beim Druck werden Punkte der drei Grundfarben bereinander aufgetragen, um die gewnschte Farbe zu erreichen. Was das menschliche Auge nun sieht, wenn es auf einen Ausdruck blickt, ist eigentlich nur das reflektierte Licht, das vom Papier zurckgeworfen wird. Werden nun alle drei Grundfarben in voller Intensitt bereinander gelegt, sieht das Auge durch das reflektierte Licht schwarz. (Vgl. Hearn, Computer 574f) Beim Bildschirm hingegen besteht jeder Farbpunkt aus drei Subpixel, die eigenstndig in rot, grn und blau leuchten knnen. Zusammen bilden sie die Farbe des jeweiligen Pixels, dessen Licht in das Auge des Betrachters fllt. (Vgl. Hearn, Computer 572) Leuchten alle drei Subpixel in voller Intensitt, entsteht wei. Die Farben werden dabei durch aktive Beleuchtung dargestellt und die dabei ausgestrahlte Helligkeit trgt zum strkeren Ermden der Augen bei. (Vgl. Gtz, Schrift 14f) Unterschiedliche Farben beeinflussen einander und so hat die Fllfarbe des Textes einen Einfluss auf die dahinter liegende Farbflche und umgekehrt. Diese Beeinflussung kann in Quantitts- und Qualtitskontrast unterschieden werden. Ersterer beschreibt das Mengenverhltnis, in dem Farben auftreten.

47

Helligkeits- und Farbdifferenzen

The old mans palsied eagerness was pitiful. Sitting down in the sand as quickly as his stiff limbs would let

Text: 0 / 0 / 0 Hintergrund: 255 / 255 / 255 Helligkeitsdifferenz: 255 Farbtondifferenz: 765

The old mans palsied eagerness was pitiful. Sitting down in the sand as quickly as his stiff limbs would let

Text: 214 / 189 / 71 Hintergrund: 0 / 0 / 0 Helligkeitsdifferenz: 183 Farbtondifferenz: 474

The old mans palsied eagerness was pitiful. Sitting down in the sand as quickly as his stiff limbs would let

Text: 255 / 255 / 255 Hintergrund: 214 / 189 / 71 Helligkeitsdifferenz: 72 Farbtondifferenz: 765

Abb. 12: Helligkeits- und Farbdifferenzen

Der Qualittskontrast hingegen bezieht sich auf den Farbkontrast an sich. So wirkt zum Beispiel rot, kombiniert mit schwarz, wesentlich intensiver, als mit violett. Gerade bei der Auswahl der Farbe, die als Hintergrundfarbe fr den Text am Bildschirm dienen soll, ist es wichtig, die Eigenhelligkeit der Farbe zu beachten. (Vgl. Gtz, 16f) Bei der Auswahl von Vorder- und Hintergrundfarbe sollte versucht werden, Farben mit mglichst unterschiedlichen Eigenhelligkeiten einzusetzen. Der Unterschied der verwendeten Farbtne ist dabei weit weniger wichtig, da das menschliche Auge Helligkeitsunterschiede viel strker wahrnimmt als Unterschiede bei den Farbtnen. (Vgl. Hall, Impact, 3) Das World Wide Web Consortium (W3C) verffentlichte 2000 eine Studie mit dem Titel Techniques for Accessibility Evaluation and Repair Tools. Teil dieser Arbeit war ein Algorithmus, der anhand der RGB-Farbwerte von Text und Hintergrund, die Readability berechnen soll. Die Richtigkeit der Formel wurde danach mit einer Studie berprft. (Vgl. Hall, Impact ,5) Der verffentlichte Algorithmus basiert auf dem YIQ-Farbmodell, wobei Y fr die Helligkeit (Luminanz), I und Q fr die Farbdifferenzen zwischen Cyan und Orange bzw. Magenta-Grn stehen. Das Farbmodell wurde als Norm fr das amerikanische Fernsehsystem NTSC verwendet. (Vgl. Hearn, Computer, 574) Ab 1970 wurde es durch das YUV-Farbmodell ersetzt und nur mehr benutzt, um Farbsendungen fr Schwarzwei-Fernseher aufzubereiten. (Vgl. Ridpath, Testing, online) Bei der Formel des W3C wird zunchst die Helligkeit der Textfarbe und danach die des Hintergrunds nach folgendem Schema berechnet: Y = ((Rotwert x 299) + (Grnwert x 587) + (Blauwert x 114)) / 1000 Das Ergebnis dieser Rechnung ist eine Zahl zwischen null und 255, wobei 255 die hchste Helligkeitsstufe beschreibt. Zieht man nun den errechneten Helligkeitswert des Textes vom Hintergrund ab, bekommt man als Ergebnis

49

die Helligkeitsdifferenz. Um die Differenz der Farbtne (Hue) zu berechnen, werden die Farbwerte der beiden Farben aus der RGB-Darstellung in folgende Formel eingesetzt: Maximum(RotwertText, RotwertHintergrund) + Maximum(GrnwertText, GrnwertHintergrund) + Maximum(BlauwertText, BlauwertHintergrund) Um nun den Algorithmus auf seinen Wahrheitsgehalt zu berprfen, wurden 42 Text- Hintergrundfarbkombinationen bei einer Online-Umfrage auf ihre Leserlichkeit hin untersucht. Dazu wurden die 42 Beispiele anhand ihrer Helligkeits- und Farbtondifferenzen in sieben Gruppen eingeteilt. Der Algorithmus stellt sich bis auf ein paar Ausreier als weitestgehend richtig heraus. Das W3C empfiehlt, um die Leserlichkeit zu gewhrleisten, einen Helligkeitskontrast von min. (-)125, die Farbdifferenz sollte 500 nicht unterschreiten. (Vgl. Techniques, online) Die Autoren der Studie schreiben in ihrem Resmee, dass die Auswahl von Farben nicht rein aufgrund einer mathematischen Formel getroffen werden sollte, diese aber eine brauchbare Entscheidungshilfe darstellen kann, die es im Zweifelsfall durchaus wert ist, konsultiert zu werden. (Vgl. Ridpath, Testing, online)

Die verwendete Zeilenlnge


beeinflusst die Geschwindigkeit und die Qualitt des Lesens am Bildschirm zustzlich. (Vgl, Gtz, Schrift, 92) Wird die Zeilenlnge zu hoch gewhlt, mssen sich die Augen des Lesers ber grere Bereiche hinwegbewegen und er luft Gefahr, die aktuelle Leseposition in der Zeile zu verlieren. Die Konzentration des Lesers lsst bei langen Zeilen auch nach und er ermdet schneller. Welche Zeilenlngen problematisch fr den Leser werden, ist stark vom Lese-

vermgen abhngig. Das Software Usability Reasearch Laboratory der Wichita State University fhrte dazu eine Studie durch, in der die Leseleistung von Erwachsenen und Kindern bei unterschiedlichen Zeilenlngen getestet wurde. Dabei wurden den Probanden Texte mit kurzen (45 cpl), mittleren (76 cpl) und langen (132 cpl) Zeilen vorgelegt. Die Teilnehmer der Studie wurden gebeten, den Text so schnell und so sorgfltig wie ihnen mglich zu lesen. Im Text waren einige Wrter vertauscht, die es zu finden galt. Bei den getesteten Erwachsenen lag die Zeit, die sie zum Lesen in kurzer und mittlerer Zeilenlnge bentigten, fast gleichauf (366 Sekunden / 363 Sekunden). Auch bei den lngsten Zeilen gab es keine signifikanten Unterschiede (370 Sekunden). In einer zweiten Testrunde sollten die Leser nun die vertauschten Wrter im Text finden. Die Aufgabe wurde am schnellsten beim Text in der lngsten Zeilenlnge (425 Sekunden) erledigt, gefolgt von der krzesten und der mittleren Zeilenlnge (443 Sekunden / 463 Sekunden). Dieses doch unerwartete Ergebnis erklren die Autoren damit, dass beim Text in lngeren Zeilen weniger Scrollschritte ntig waren, um ans Ende des Textes zu gelangen. Jeder Scrollschritt ist mit einem Zeitverlust verbunden, da die letzte Leseposition wieder gefunden werden muss. Bei den getesteten Kindern war das Ergebnis klarer. Bei beiden Tests war die krzeste Zeilenlnge die schnellste, die lngste die langsamste. Auch wenn der durchgefhrte Test nicht eindeutig belegt, dass krzere Zeilen die Lesbarkeit erhhten, empfand eine Mehrzahl der Probanden die krzeren Zeilenlngen als angenehmer zu lesen und sie konnten sich gefhlsmig besser konzentrieren. (Vgl. Bernard, Effects, online) Veruschka Gtz empfiehlt in ihrem Buch Schrift & Farbe Bildschirm fr Texte am Bildschirm eine kurze Zeilenlnge zu verwenden. Sie geht dabei aber noch weiter und schlgt vor, am Bildschirm Zeilen unter 35 Zeichen zu verwenden. (Vgl. Gtz, Schrift, 92)

51

Mit der Lnge der Zeile sollte sich auch der Abstand zwischen den Zeilen verndern. Je lnger die Zeile, um so grer mu [sic] der Zeilenabstand sein. Je krzer die Zeile, desto geringer kann der Zeilenabstand sein. (Willberg, Erste 30) Neben der Zeilenlnge muss bei der Wahl des Zeilenabstands auch der Typ der verwendeten Schrift bercksichtigt werden: Leichte Schriften und Schriften mit langen Unterlngen bentigen mehr Zeilenzwischenraum, als schwere, oder Schriften, die nicht weit ber die Grundlinie hinausragen. Kommer hlt einen Zeilenabstands von 120140 Prozent der Schriftgre fr ideal. (Vgl. Kommer, Typografie, 175f)

Anhang

Quellenverzeichnis
Ballmoos, Marco von: OS X Quartz vs. Windows ClearType, http://earthli.com/news/view_article.php?id=1610, zuletzt aufgerufen am 12. 1. 2011 Beam, Alex: I screen, you screen, we all screen, http://www.boston.com/ae/media/articles/2009/06/19/paper_ vs_computer_screen/, zuletzt aufgerufenl 6. 8. 2010 Benkert, Julius: Physiologische und kognitive Grundlagen des Lesens und ergonomische Kriterien zur Darstellung von Texten auf Computerbildschirmen, http://www.medien.ifi.lmu.de/fileadmin/mimuc/mmi_ws0304/exercise/ aufsaetze/Julius_Benkert.html, zuletzt aufgerufen am 10. 12. 2010 Bernard, Michael / Bonnie, Lida / Riley, Shannon / Hackler, Telia / Janzen, Karen: A Comparison of Popular Online Fonts: Which Size and Type is Best?, http://psychology.wichita.edu/surl/usabilitynews/41/onlinetext.asp, zuletzt aufgerufen am 22 .1 .2011 Bernard, Michael / Fernandez, Marissa: The Effects of Line Length on Children and Adults Online Reading Performance, http://www.surl.org/usabilitynews/42/text_length.asp, zuletzt aufgerufen am 18. 1. 2011 Bitmap-Schrift, http://www.slade.de/dmt/types/formate/bitmap.html, zuletzt aufgerufen am 20. 1. 2011 Computer-Font, http://en.wikipedia.org/wiki/Computer_font, zuletzt aufgerufen am 12. 1. 2011 Font (Informationstechnologie): http://de.wikipedia.org/wiki/Font_%28Informationstechno logie%29, zuletzt aufgerufen am 12. 1. 2011 Glossary, http://www.fontfont.com/support/glossary.ep, zuletzt aufgerufen am 11. 1. 2011 Gtz, Veruschka: Schrift & Farbe am Bildschirm, Mainz: Schmidt, 1998

Hall, Richard / Hanna, Patrick: The Impact of Web Page Text-Background Color Combinations on Readability, Retention, Aesthetics, and Behavioral Intention, http://sigs.aisnet.org/sighci/bit04/BIT_Hall.pdf, zuletzt aufgerufen am 12. 1. 2011 Happe, Wilhelm: Physiologische Grundlagen des Lesens, http://www.kinderaugenheilkunde.de/seiten/page_171.htm, zuletzt aufgerufen am 28. 12. 2010 Havener, Thorsten: Ich weiss, was du denkst, Hamburg: Rowohlt, 2009 Hearn, Donald / Baker, Pauline: Computer Graphics. C Version, New Jersey: Prentice Hall, 1997 Horton, Sarah: Select contrasting colors for greatest legibility, http://universalusability.com/access_by_design/color/contrast.html, zuletzt aufgerufen am 12. 1. 2010 Kommer, Isolde: Typografie und Layout fr digitale Medien, Mnchen: Hanser, 2002 Lesen in Deutschland, http://www.stiftunglesen.de/DownloadHandler.ashx?pg=77dcde17-03b8-49399b87-9e3459ecf6c5&section=5d996704-f4a7-4a7d-b491-343cf703fb98&file= Lesen+in+Deutschland+2008.pdf, zuletzt aufgerufen am 2. 8 . 2010 Lesen, http://de.wikipedia.org/wiki/Lesen, zuletzt aufgerufen am 14. 12. 2010 Myslewski, Rik: Neuroscientist: iPhone 4s Retina display notbullsh*t, http://www.theregister.co.uk/2010/06/25/retina_display_ claims_upheld/, zuletzt aufgerufen am 2. 1. 2011 Nielsen, Jakob: iPad and Kindle Reading Speeds: http://www.useit.com/alertbox/ipad-kindle-reading.html, zuletzt aufgerufen am 30. 12. 2010 Nielsen, Jakob: Multimedia and hypertext, the Internet and beyond, Cambridge: AP Professional, 1995

quist, Gustav: Evaluating Readability on Mobile Devices, Dissertation, Universitt Uppsal 2006, http://uu.diva-portal.org/smash/get/diva2: 169379/FULLTEXT01, zuletzt aufgerufen am 2. 1. 2011 Pixelfont, http://de.wikipedia.org/wiki/Pixelfont, zuletzt eingesehen 12. 1. 2011 Poole, Alex: Literature Review, http://www.alexpoole.info/academic/literaturereview.html#Dillon, zuletzt aufgerufen am 12. 1. 2011 Reading (process), http://en.wikipedia.org/wiki/Reading_%28process%29, zuletzt aufgerufen am 20. 12. 2010 Ridpath, Chris / Treviranus, Jutta / Weiss / Patrice L. (Tamar) Weiss: Testing The Readability Of Web Page Colors, http://www.aprompt.ca/WebPageColors.html, zuletzt aufgerufen am 3. 1. 2011 Speed reading, http://en.wikipedia.org/wiki/Skimming_%28reading%29, zuletzt aufgerufen am 21. 12. 2010 Spolsky, Joel: Font smoothing, anti-aliasing, and sub-pixel rendering, http://www.joelonsoftware.com/items/2007/06/12.html, zuletzt aufgerufen am 12. 1. 2011 Szente, Tereza: Hinting, http://www.dma.ufg.ac.at/app/action/VideoAction/id/11369?height=600&width=800&dir=http:// www.dma.ufg.ac.at/assets/11369/intern/g_03_hinting_800.swf, zuletzt aufgerufen am 28. 12. 2010 Szente, Tereza: AntiAliasing, http://www.dma.ufg.ac.at/app/action/VideoAction/id/11369?height=600 &width=800&dir=http://www.dma.ufg.ac.at/assets/11369/intern/g_02_ antialiasing_800.swf, zuletzt aufgerufen am 12. 1. 2011 Techniques For Accessibility Evaluation And Repair Tools, http://www.w3.org/TR/AERT#color-contrast: zuletzt eingesehen am 16. 1. 2011 Unger, Gerard: Wie mans liest, Sulgen: Niggli, 2009

Vektorfont, http://de.wikipedia.org/wiki/Vektorfont, zuletzt aufgerufen am 18. 1. 2011 Willberg, Hans Peter: Erste Hilfe in Typografie.Ratgeber fr den Umgang mit Schrift, Mainz: Schmidt, 1999

Abbildungsverzeichnis
Abbildung 1: Lesetest Datenquelle: Havener, Ich, Seite 20 Abbildung 2: Schrift im Legibility-Vergleich, Datenquelle: Willberg, Erste Hilfe, Seite 21 16 18

Abbildung 3 Leseverhalten am Bildschirm, Datenquelle: Lesen in, Seite 37

24

Abbildung 4: Akzeptanz von Ebooks am Handy, Datenquelle: Lesen in, Seite 37 Abbildung 5: Bitmap Font Fedra in verschiedenen Schnitten und Gren, selbst erstellt Abbildung 6: Vektor-Schrift im Pixelraster, selbst erstellt Abbildung 7: Buchstabe mit und ohne Hinting, selbst erstellt Abbildung 8: Buchstabe mit und ohne Anti-Aliasing, selbst erstellt Abbildung 9: Lesegeschwindigkeit verschiedener Schrift, Datenquelle: Bernard, Which, online Abbildung 10: Formaler Schriftenvergleichen von Courier, Tahoma Arial und Times, selbst erstellt Abbildung 11: Detailvergleich der Schriften Georgia & Mrs Eaves, selbst erstellt Abbildung 12: Helligkeits- und Farbdifferenzen, selbst erstellt

24 32 34 36 38 40

42

44 48