Gutenberg Diagram — Why you should know it and use it
The Gutenberg Rule is used to show a user behavior known as reading gravity, the western habit of reading left-to-right, top-to-bottom.
It is represented by dividing the visible content area in 4 quadrants:
- A Primary optical area;
- Strong fallow area;
- Weak fallow area;
- Terminal area;
Primary Optical Area
The higher left portion of the page is the user primary focus, it’s where the eyes will automatically focus regardless if the user is searching for something, wanting to read or just doing a quick scan on the page.
Strong Fallow Area
The second stage of the reading habit is moving to the higher right portion of the page, you can think of it as a follow up from the left portion but less important. It’s not a good idea to break the reader’s experience created from the starting point. Meaning that if you have a call to action the user will stop at this point and act.
Weak Fallow Area
The lower left portion is the blind portion of the Gutenberg Diagram, although readable the user will not give much importance to content in this area of the page.