Jens Oliver Meiert

Get 15% off on select books on Gumroad—use discount code “testdrive”.

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

Post from January 18, 2007 (↻ February 5, 2022), filed under .

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:

About Me

Jens Oliver Meiert, on September 30, 2021.

I’m Jens, and I’m an engineering lead—currently manager for Developer Experience at LivePerson—and author. I’ve worked as a technical lead for Google, I’m close to W3C and WHATWG, and I write and review books for O’Reilly. I love trying things, sometimes including philosophy, art, and adventure. Here on meiert.com I share some of my views and experiences.

If you have a question or suggestion about what I write, please leave a comment (if available) or a message. Thank you!

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.

Read More

Have a look at the most popular posts, possibly including:

Looking for a way to comment? Comments have been disabled, unfortunately.

Cover: The Web Development Glossary.

Get a good look at web development? Try The Web Development Glossary (2020). With explanations and definitions for literally thousands of terms from Web Development and related fields, building on Wikipedia as well as the MDN Web Docs. Available at Apple Books, Kobo, Google Play Books, and Leanpub.

Stay up-to-date? Learn about new posts by feed or on Twitter.

Found a mistake? Email me, jens@meiert.com.

You are here: HomeArchive2007 → 1 + 1 = 3: Explaining Busyness and Background Noise on Websites

Last update: February 5, 2022

Professional frontend developers produce valid HTML and CSS.