Le100leggi #005: il diagramma di Gutenberg

Esistono 100 leggi essenziali, 100 principi tanto fondamentali da essere i pilastri sui quali si regge l’intero mondo della comunicazione e del design. Nella rubrica “le100leggi” scopriremo insieme queste regole, approfondendone una alla volta, con lo scopo di imparare a costruire e comprendere a fondo gli artefatti comunicativi. La regola di oggi riguarda la percezione delle informazioni in base alla loro disposizione in un layout e risponde al nome di diagramma di Gutenberg.

Una delle preoccupazioni principali di chi si trovi a disporre elementi grafici o testuali in un layout è quella di indirizzare lo sguardo dell’osservatore sulla base delle priorità richieste dal progetto. Il nostro pattern visivo infatti, cioè il percorso disegnato dai nostri occhi al momento della lettura di un’immagine complessa (sia anche una pagina di blocchi testuali), pur essendo estremamente rapido e discontinuo può essere guidato in base a una gerarchia che premia gli elementi di maggiore grandezza o che si distinguano per colore o contrasto (ancora una volta parliamo di effetto von restorff).

Per intervenire sul pattern visivo è però necessario conoscere il suo percorso standard, giacché in condizioni di uniformità degli elementi di un layout (anche parziale) o di contenuti prevalentemente testuali, i nostri occhi seguiranno dei movimenti naturalmente dettati dal funzionamento delle aree cerebrali che presiedono all’interpretazione delle forme e della lingua e che rispondono al nome di diagramma di Gutenberg.

Il diagramma di Gutenberg descrive lo schema generale seguito dal nostro sguardo nell’acquisizione di informazioni prevalentemente omogenee e uniformemente distribuite, dettato prevalentemente dalla ‘gravità’ della vista e dagli assi di orientamento logico e ritmico del cervello. Esso prevede come punto di partenza quella che è definita come l’area ottica principale, situata nella parte superiore sinistra di un layout, e come punto d’arrivo l’area ottica finale, collocata in posizione diametralmente opposta nella zona inferiore destra della composizione. Il percorso tra i due punti può essere più o meno diretto in relazione al numero di informazioni da analizzare e all’attenzione posta ad esse in termini di tempo. In caso di una lettura più dettagliata dell’immagine lo sguardo si muove lungo i cosiddetti assi di orientamento, cioè linee orizzontali create dagli elementi allineati, procedendo sempre da sinistra a destra. La presenza di uno schema preferenziale in un layout crea per esclusione delle zone cieche,  ovvero la forte area cieca in alto a destra e la debole area cieca in basso a sinistra.

Il diagramma di Gutenberg può esser tenuto presente in sede di progettazione per migliorare i ritmi di lettura e comprensione o per collocare in modo ottimale le informazioni principali (in particolare per contenuti dal breve tempo d’esposizione, quali ad esempio i manifesti).

Certo, la presenza in varie parti del mondo di culture che leggono da destra a sinistra dimostra che tale attitudine possa essere modificata con l’abitudine (ne parleremo presto a proposito del rapporto tra tastiere telefoniche e mimetismo), ma è pur vero che i Cinesi ancora non si sono arresi all’evidente comodità della forchetta…