The Gutenberg Diagram

How People Read

(en)

Gutenberg’s Diagram is like a map for how people look at a website. It’s also called gravitational reading because it’s about how we naturally read from left to right in Western cultures. This map divides the space into four areas.

Spatial division

1. Primary Optical Area – This is where we first look. It gets the most attention.
2. Strong Fallow Area – Next, our eyes move here. It’s like the second stop.
3. Weak Fallow Area – Then, we glance here. It’s not as strong as the first two.
4.  Terminal Area – Finally, our eyes reach here. It’s like the last stop in our reading journey.

Each area gets a different level of attention when we read. When we design a website, we can make something stand out more by putting important things like a call-to-action (CTA) or other components in the areas where people look the most. It’s like guiding their eyes to what’s most important on the page.

 

 

(pl)

Diagram Gutenberga to taki jakby plan, który pokazuje, jak ludzie patrzą na stronę internetową. Znany jest także jako czytanie grawitacyjne, ponieważ dotyczy tego, jak naturalnie czytamy od lewej do prawej w kulturach zachodnich. Ten plan dzieli przestrzeń na cztery obszary.

Podział przestrzeni

1. Obszar Optyczny Główny – To jest miejsce, gdzie patrzymy jako pierwsze. To tutaj skupiamy największą uwagę.
2. Obszar Odpowiednio Namiejski – Następnie nasze oczy przesuwają się tutaj. To jak drugie miejsce, gdzie spoglądamy.
3. Obszar Słabego Namiejskiego – Potem rzucamy okiem tutaj. To nie jest tak ważne jak dwa pierwsze.
4. Obszar Terminalny – Na koniec nasze oczy docierają tutaj. To jak ostatnie miejsce w naszej czytelniczej podróży.

Każdy z tych obszarów przyciąga różny stopień uwagi podczas czytania. Projektując stronę internetową, możemy wzmocnić dany obszar umieszczając w nim ważne elementy, takie jak zachęta do działania (CTA) lub inne komponenty. To jak kierowanie ich wzrokiem na to, co najważniejsze na stronie.