Designabile

Designabile

Dove mettere le call to action

Come il Diagramma di Gutenberg spiega dove posizionare i pulsanti più importanti

Avatar di Francesco Improta
Francesco Improta
feb 26, 2026
∙ A pagamento

Ti sei mai chiesto perché alcune persone cliccano su certi pulsanti e non su altri? Il motivo è semplice: dipende da come guardiamo una pagina.

Esiste un principio degli anni ‘50, nato per i giornali stampati, che ancora oggi ci aiuta a creare siti web e app più facili da usare. Parlo del Diagramma di Gutenberg.

Cos’è il Diagramma di Gutenberg

Il Diagramma di Gutenberg è un modello che descrive il movimento naturale dello sguardo su una superficie con contenuto distribuito in modo uniforme. Prende il nome da Johannes Gutenberg — sì, quello della stampa a caratteri mobili — ed è stato formalizzato dal tipografo Edmund Arnold.

Quando un utente guarda una pagina (cartacea o digitale), il suo sguardo tende a seguire un percorso prevedibile, che va dall’angolo in alto a sinistra all’angolo in basso a destra, con un andamento a zig-zag.

Il diagramma divide la pagina in quattro quadranti:

  • Area Ottica Primaria (in alto a sinistra) — è il punto di partenza naturale. È dove lo sguardo atterra per pri…

Avatar di User

Continua a leggere questo Post gratuitamente, offerto da Francesco Improta.

Oppure acquista un abbonamento a pagamento.
© 2026 Francesco Improta · Privacy ∙ Condizioni ∙ Notifica di raccolta
Crea il tuo SubstackScarica l'app
Substack è la casa della grande cultura