gutenbergDiagram

Gutenberg diagram

Word: Gutenberg diagram

Definition: The path a human eye typically takes (in Western cultures) as it skims a page, beginning from the top left and finishing in the bottom right. This focal pattern tends to pay less attention to the other corners of the page, particularly the bottom left corner. This pattern is sometimes referred to as a “Z-pattern”.

Thoughts: By understanding the Gutenberg diagram you can design better user experiences through effective page layouts. The z-pattern path articulated here is best utilized for eye movement over heavy text, evenly distributed and homogeneous information, and pages with a large amount of white space.

It is important to understand how the human eye tracks information over various layouts in order to purposefully direct the user towards specified content.

Question: When would you consider the influences of the Gutenberg diagram “z-pattern” instead of thinking about an “f-pattern“?