Readability Of Websites With Various Foreground/Background Color Combinations, Font Types And Word Styles

From a 1997 study by Alyson L. Hill, Stephen F. Austin State University, "The effects of 6 foreground/background color combinations (color), 3 font types (Arial, Courier New, & Times New Roman), and 2 word styles (Italicized & Plain) on readability of websites were investigated. Participants (N=42) scanned simulated websites for a target word; readability was inferred from reaction time (RT). An ANOVA showed significant main effects for color and font, and several significant interactions (Figure 1). A control experiment (N=21) using black text on shades of gray (to increase generalizablity to Internet browser settings), also found significant main effects for background gray level and style, and several interactions (Figure 2). In general these results suggest that there is no one foreground/background combination, font, or word style which leads to the fastest RT (i.e. best readability), but rather a designer must consider how each variable affects the other(s)." Read the article...

Posted by seralat at 09:59 PM on June 30, 2002
Filed in: Interface Design & Layout