1 + 1 = 3: Explaining Busyness and Background Noise on Websites

Published on January 18, 2007 (↻ February 5, 2024), filed under (RSS feed for all categories).

This and many other posts are also available as a pretty, well-behaved ebook: On Web Development.

“1 + 1 = 3 (or more)” is an important design effect described by Josef Albers and Edward Tufte. It means that two elements in close proximity cause a visible interaction:

Two parallel bars that appear to create a third element.

Figure: 1 + 1 = 3. (Copyright Al Globus.)

This interaction can result in perceiving information that is not there. Beside having a negative because distracting and distorting impact on charts and graphics it can also, to use Steve Krug’s words, cause undesirable “busyness” and “background noise” on websites.

Therefore, “1 + 1 = 3” is one of the effects you want to avoid, at least be aware of, when creating graphs and designing websites. (Of course, a designer always wants to keep information design principles in mind.) Edward Tufte’s books are invaluable resources in this regard, and I recommend checking out the following excellent articles:

Was this useful or interesting? Share (toot) this post, and support my work by learning with my ebooks!

About Me

Jens Oliver Meiert, on November 9, 2024.

I’m Jens (long: Jens Oliver Meiert), and I’m a frontend engineering leader and tech author/publisher. I’ve worked as a technical lead for companies like Google and as an engineering manager for companies like Miro, I’m a contributor to several web standards, and I write and review books for O’Reilly and Frontend Dogma.

I love trying things, not only in web development (and engineering management), but also in other areas like philosophy. Here on meiert.com I share some of my experiences and views. (Please be critical, interpret charitably, and give feedback.)

Comments (Closed)

  1. On December 2, 2008, 14:51 CET, Richard Morton said:

    It seems obvious when shown visually like that, and it is something that is used quite deliberately in personalising car number plates (registration plates).
    I assume that the problem is also made worse by the fact that people skim read so much of the web these days, so unless it is obviously two separate elements confusion can easily arise.