lei
Lei da proximidade
Objetos que estão próximos entre si tendem a ser percebidos como fazendo parte de um mesmo grupo.
O que é do mesmo assunto fica junto; distância já é informação.
Antes de você ler qualquer coisa numa tela, seu cérebro já decidiu o que é grupo. Essa organização acontece nos primeiros estágios da visão, sem passar pela consciência, e a distância é uma das pistas que ela usa: o que está perto vira conjunto. As leis da Gestalt não são regras de estética inventadas por designers, são a descrição de como esse agrupamento automático funciona. Trabalhar contra ele obriga a pessoa a desfazer o grupo antes de ler.
O que o cérebro faz com isso
O mecanismo biológico por trás do efeito, e o quanto dele foi de fato medido.
Objetos próximos são agrupados nos primeiros estágios do processamento visual, antes de a pessoa perceber que olhou. Esses primeiros estágios são V1A primeira área do cérebro, lá na nuca, a receber o que o olho enviou. É onde a imagem vira contraste, borda e orientação, antes de você reconhecer o que está vendo.Ver em Sentidos e atenção →Ver no glossário → e V2A área logo depois de V1. Junta as bordas que V1 detectou, separa figura de fundo e decide quais elementos formam um grupo, tudo isso antes de você perceber que olhou.Ver em Sentidos e atenção →Ver no glossário →, onde o córtex visual já junta e separa elementos sem que a pessoa decida agrupar, como RoelfsemaUma referência neste trabalho:2006Cortical algorithms for perceptual groupingVer na bibliografia → revisou em 2006. O que se mediu ali foi agrupamento em laboratório, e levar isso para a regra de espaçamento que o design usa é ponte minha. O que a evidência não sustenta é o ranking: proximidade não vence semelhança por natureza. As pistas se combinam e se anulam conforme a força relativa de cada uma naquele arranjo. Um espaçamento generoso perde para uma diferença de cor forte, e ganha dela quando a diferença é sutil. Quem precisa decidir na tela mede, em vez de consultar tabela de precedência.
O corpo que esta lei presume
Em quem isso foi medido, e o que muda quando o corpo do outro lado é outro.
Para leitor de tela, agrupamento é marcação, não distância. Quem usa ampliação enxerga uma fatia da tela por vez e perde a proximidade junto com o campo de visão.
Como o design traduz
O que fazer com isso numa tela, sem transformar um achado em regra.
Como medir isso no seu produto
Um ícone de busca a dois centímetros do campo de texto obriga a pessoa a ligar os dois na cabeça antes de usar. Posicionar busca e filtros juntos, dentro de um mesmo contêiner, entrega o agrupamento pronto, e o mesmo vale para rótulo e campo: o rótulo colado no campo errado engana mesmo com o texto certo, porque a distância foi lida antes da palavra.
Onde isso quebra
Onde a lei não vale, vale menos, ou vale ao contrário.
Espaçamento apertado por economia de tela agrupa o que não é do mesmo grupo. Proximidade acidental é lida como intenção, e ninguém lê o rótulo para checar.
Um caso
Um produto de verdade em que isto apareceu, com o que aconteceu e onde conferir.
O furo mais perto do nome não era o do candidato
Condado de Palm Beach, cédula oficial · via Wikimedia Commons · Domínio público
Na eleição presidencial de 2000, a cédula de Palm Beach, na Flórida, listava os candidatos em duas colunas com uma única fileira de furos no meio. O primeiro furo era de Bush, primeiro nome à esquerda. O segundo era de Buchanan, primeiro nome à direita. Gore, segundo nome à esquerda, correspondia ao terceiro furo. Quem lia a coluna da esquerda de cima para baixo concluía que os dois primeiros furos eram Bush e Gore, nessa ordem. Buchanan recebeu 3.407 votos no condado, e o estudo estima que pelo menos duas mil pessoas que queriam votar em Gore votaram nele por engano, numa eleição decidida no estado por 537 votos. A cédula tinha setas ligando cada nome ao seu furo, e as setas perderam para a distância. Num formulário em colunas, a proximidade é lida antes das setas e dos rótulos.
Experimente
Uma peça para conferir no seu próprio corpo o que o texto acabou de afirmar.
O espaço decide o que parece estar junto
Arraste os controles para mudar apenas o espaçamento entre os pontos. Cor, tamanho e quantidade continuam iguais. Repare em quando você passa a enxergar linhas e quando passa a enxergar colunas.
Sem agrupamento dominante — a grade parece uniforme.
Agora vote
Uma cédula com o desenho de Palm Beach. Vote em Gore: clique no furo dele.
Clique num furo.
Os pontos nunca mudam de cor nem de forma. Aumente só o espaço entre colunas e você passa a ver colunas, porque a distância vertical fica menor e é por ela que o olho agrupa. Aumente só o espaço entre linhas e o efeito se inverte. O agrupamento acontece nos primeiros estágios da visão, antes de qualquer leitura consciente do conteúdo.
Conceitos vizinhos
Estruturas ligadas por ponte minha
Conceitos irmãos
Fontes
Enunciado formulado por Wertheimer, 1923, e consolidado por Koffka, 1935. A frase é a redação corrente no campo, não citação literal de nenhum dos dois.
- KOFFKA, K. Principles of Gestalt psychology. New York: Harcourt Brace, 1935. DOI
- WERTHEIMER, M. Untersuchungen zur Lehre von der Gestalt II. Psychologische Forschung, v. 4, p. 301-350, 1923. DOI
Leitura complementar: Law of Proximity Laws of UX em inglês