An Eye Tracking Study of How Font Size, Font Type, and Pictures Influence Online Reading

Abstract. In order to maximize online reading performance and comprehension, how should a designer choose typographical variables such as font size and font type? Do accompanying pictures distract the reader? This paper presents an eye tracking study of how font size, font type, and pictures affect online reading. In a between-subjects design, we collected data from 114 subjects reading stories formatted in a variety of point sizes, san serif and serif fonts, and containing different types of pictures. Reading statistics such as reading speed and regressions (backward eye movements) were automatically computed using the WebGazeAnalyzer system. While our results for font size and font type yielded only one significant difference in reading, we did find significant differences in speed and regressions when pictures related to the text were replaced with advertisements. Similar significant results were found for demographic variables such as age group and whether English is the subject’s first language.

[1]  Gordon E Legge,et al.  Psychophysics of reading XX. Linking letter recognition to reading speed in central and peripheral vision , 2001, Vision Research.

[2]  David Beymer,et al.  Wide vs. Narrow Paragraphs: An Eye Tracking Analysis , 2005, INTERACT.

[3]  Jodi Forlizzi,et al.  A study of fonts designed for screen display , 1998, CHI.

[4]  G. Legge,et al.  Psychophysics of reading—I. Normal vision , 1985, Vision Research.

[5]  K Rayner,et al.  Saccade size in reading depends upon character spaces and not visual angle , 1981, Perception & psychophysics.

[6]  Miles A. Tinker,et al.  Studies of typographical factors influencing speed of reading. II. Size of type. , 1929 .

[7]  David Beymer,et al.  WebGazeAnalyzer: a system for capturing and analyzing web reading behavior using eye gaze , 2005, CHI Extended Abstracts.

[8]  Jan Panero Benway,et al.  Banner Blindness: The Irony of Attention Grabbing on the World Wide Web , 1998 .

[9]  M. Tinker,et al.  The effect of typography upon the perceptual span in reading. , 1947, The American journal of psychology.

[10]  Miles A. Tinker,et al.  Studies of typographical factors influencing speed of reading. X. Style of type face. , 1932 .

[11]  Miles A. Tinker,et al.  The Effect of Typographical Variations upon Eye Movement in Reading , 1955 .

[12]  Miles A. Tinker,et al.  Studies of typographical factors influencing speed of reading. , 1931 .

[13]  H Herman Bouma,et al.  Visual reading processes and the quality of text displays , 1980 .

[14]  M. Tinker Legibility of print , 1963 .

[15]  Michael Bernard,et al.  A Comparison of Popular Online Fonts: Which Size and Type is Best? , 2002 .

[16]  Anthony J. Hornof,et al.  High-cost banner blindness: Ads increase perceived workload, hinder visual search, and are forgotten , 2005, TCHI.