Di fronte a oggetti casuali su una pagina, lo spettatore cercherà spesso di trovare connessioni. I designer possono aiutare gli spettatori organizzando oggetti (testo e / o immagini) in gruppi per trasmettere significato e aiutare a diffondere il loro messaggio. Questa vicinanza di questi gruppi è la prossimità, un principio di design.
La prossimità crea un legame tra gli elementi della pagina. Quanto gli oggetti vicini siano collocati possono suggerire una relazione. Gli oggetti posizionati più distanti possono suggerire differenze.
Sebbene a volte sia considerato un principio separato, l'unità o "quanto bene le parti del documento lavorano insieme" viene talvolta usato per indicare la prossimità. La prossimità è la vicinanza. Tuttavia, elementi privi di stretta vicinanza possono essere unificati introducendo un terzo elemento. Un esempio: una freccia che collega un'etichetta di testo sul margine con un punto nel mezzo di una mappa. In questo modo, una relazione o unità può essere raggiunta tra elementi distanti ma che appartengono insieme.
Raggruppare gli oggetti può essere fatto con una spaziatura ovvia, posizionando barriere fisiche tra i gruppi (come le regole) e anche usando la forma, il colore o la trama per raggruppare visivamente oggetti simili e separarli visivamente, a differenza degli oggetti.
Utilizzo della prossimità nel layout di pagina
Evita di travolgere l'osservatore quando ci sono molti singoli elementi sulla pagina utilizzando la vicinanza agli elementi del gruppo in unità discrete.
- Mantenere le didascalie vicino alle immagini non solo rende chiaro che la didascalia va con l'immagine, ma crea una singola unità visiva da due separate.
- Raggruppando elementi come indirizzo, numero di telefono, indirizzo e-mail e indirizzo Web non solo si inseriscono tutte le informazioni di contatto in un'unità facile da individuare, ma si crea un punto unico in cui l'occhio può riposare (e ottenere informazioni) anziché quattro punti per saltare intorno e possibilmente trascurare.
- Se ci sono molti elementi da raggruppare, considera il sottogruppo. Utilizzando le informazioni di contatto come esempio, raggrupparle insieme ma utilizzare la spaziatura (o altri mezzi) per creare un sottogruppo di, ad esempio, più numeri di telefono.
Utilizzo della navigazione da prossimità a aiuto
- Tieni il titolo vicino alla copia del corpo (di un annuncio, di un articolo di newsletter, ecc.) Se vuoi far entrare il lettore nel testo. Se una visualizzazione di accompagnamento è particolarmente importante per la comprensione del testo, invece potresti mettere la visuale immediatamente dopo il titolo.
- La formula di progettazione dell'annuncio a 5 passaggi basata sul lavoro di David Ogilvy dispone in genere cinque tipi di contenuti in uno schema specifico che tende a condurre lo spettatore attraverso l'annuncio. La prossimità può anche essere utilizzata per raggruppare il materiale che compone questi cinque tipi di contenuti.
Prossimità come aiuta l'utente
Aiuta lo spettatore a comprendere pagine complesse o layout ricchi di informazioni utilizzando la vicinanza per riunire elementi che vanno insieme e separare altre parti.
- Ad esempio, una brochure per un seminario che consiste in numerosi workshop separati su più giorni e luoghi può facilmente travolgere. Utilizzare la prossimità (insieme ad altri elementi e principi di progettazione) per mantenere le informazioni per ogni singolo workshop (titolo, descrizione, data / ora, luogo) raggruppate insieme fornendo anche un raggruppamento che fornisce dettagli generali come registrazione, costo e informazioni sui contatti.
- In una pagina Web, è possibile utilizzare la vicinanza per raggruppare i collegamenti di navigazione principale e ausiliario (che siano testo, tabulazioni o pulsanti) in gruppi in base alla loro funzione (ad esempio shopping / catalogo, offerte speciali settimanali e supporto tecnico).