Modern textbook design: an architecture for distraction

The design of textbooks in common use at all levels from elementary school through high school are appallingly bad. I’ve come to this conclusion after several years of carefully looking at my sons' books as they went through public middle and high school. What follows is a critique of very common design “features” in these books in reference to visual information design principles. Since I’m not a subject expert in the content of the disciplines presented, I’ll just refer to the visual design, typography and information design principles in general.

I’ll start with a mathematics textbook used in Canada in Grade 6, the Pearson “Math Makes Sense” text. A sample page is depicted below.

Improved page

The most obvious design abuse is the heavy graphical “fluff” on the page. When the margin is included, the top banner takes up 19% of the vertical extent of the page and its sole purpose is to identify the page as the beginning of the third lesson which is about multiples.

Within the body of the page, the most egregious offense is an enormous photograph of a radio announcer with a speech bubble that says nothing about the mathematical concept being presented. This gratuitous figure takes up about 18% of the content area of the page. It would be a minor offense if it wasted only the paper, but it wastes a far scarcer resource - the student’s attention. The figure adds nothing to the concept that the authors are trying to present, so it should be removed. This is a textbook for 6th graders who are in no need of infantilization. Unnecessary silly graphics degrade the importance of the content and invariably lead students to conclude that the content is as unimportant as a radio call-in contest.

The sections of each lesson are demarcated by a heavy section graphics connected to bold garish leader lines. The cheap three dimensional effects, garish colors and unnecessary boldness are distracting. This is a poignant example of the structure of the content overwhelming the content itself. The section header graphics are probably meant to resemble buttons on a web page circa 1994, but printed material has a mode of consumption different from that of the web and its format should respect the difference.

The page footer is less intrusive by unnecessarily complex. There is no need for the strangely fading, amateurish blue lozenge behind the “Lesson focus.” If this is the focus of the lesson, shouldn’t the student be aware of it first? Placing the goal at the bottom of the page hides the purpose from the reader and leads him to assume that it’s busy work. The goal should be obvious before the student begins the section.

Other examples of violations of good taste in typography and color can easily be cleaned up. A more serious issue is how the authors chose to present the identification of common multiples. Look closely at the following chart:

Table errors

It depicts a “one hundred board” - a graphic that will be familiar to most students. But no key is provided. It takes a bit of detective work to figure out that the multiples of 6 are circled and the multiples of 4 are embedded in a green background. But what about the numbers with a yellow background? They mean nothing. The yellow was used gratuitously to give a splash of color to the page. But again, it’s worse than gratuitous, it could be misleading or just slow the student down in understanding the concept. We can easily reformat the table to remove extraneous signals and to apply the principle of minimum necessary difference:

Improved table

The new table is not alarmingly large. Its grid is just distinct enough to see the structure without making the figures appear to be imprisoned at Alcatraz. And the typeface is the more legible Gill Sans. Instead of using the mixed signals for cell color, I’ve used a consistent white background color with only multiples of 4 colored medium red. I don’t have a problem with the ragged edge border, although a more authentic representation would should the last row of the standard table with figures to 100. But this redesign will suffice.

By cleaning up the typography, removing gratuitous graphics, simplifying the table and linking it more logically to the text, the page has a less distracting appearance.

Improved style