lei
Lei da região comum
Elementos tendem a ser percebidos em grupos se compartilharem uma área delimitada visivelmente.
Uma borda ou um fundo compartilhado pode agrupar mesmo contra a distância.
Desenhe uma borda em volta de um punhado de elementos e eles passam a ser um grupo, mesmo que estejam longe uns dos outros. Stephen PalmerFormulou dois princípios da Gestalt que Wertheimer não tinha escrito: região comum e conectividade uniforme.2 referências neste trabalho:1992Common region: a new principle of perceptual grouping1994Rethinking perceptual organization: the role of uniform connectednessVer na bibliografia → descreveu esse princípio em 1992 e mostrou algo útil: nos arranjos que testou, a região comum venceu a proximidade. Elementos separados dentro de uma mesma caixa são lidos como conjunto; elementos colados, mas em caixas diferentes, são lidos como separados. É a ferramenta mais barata que existe para reorganizar uma tela sem mover nada de lugar.
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.
O mecanismo estudado aqui é a atribuição de borda: já no córtex visual secundário, o 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 →, existem neurônios que codificam de que lado de um contorno está o objeto, e é isso que faz um fundo compartilhado ser lido como recipiente e não como mancha. A borda não aproxima os elementos internos, ela os separa do que está fora. É por isso que a região comum agrupa mesmo quando os elementos estão longe uns dos outros. A ponte é frágil dos dois lados. O próprio Palmer mostrou que o agrupamento por região comum depende da profundidade percebida, o que o coloca depois do V2, e não nele. A atribuição de borda explica como uma borda vira recipiente, e não explica sozinha o agrupamento.
O corpo que esta lei presume
Em quem isso foi medido, e o que muda quando o corpo do outro lado é outro.
Uma borda ou um fundo compartilhado agrupam para quem enxerga a tela. Para quem navega por leitor de tela, esse agrupamento só existe se estiver declarado na marcação, com um campo agrupado e um nome que diga do que aquele grupo é feito. Desenhar a moldura não basta.
Como o design traduz
O que fazer com isso numa tela, sem transformar um achado em regra.
Como medir isso no seu produto
Num checkout, colocar “Frete” e “Formas de pagamento” dentro do mesmo bloco delimitado diz que aquilo é um grupo, sem mover nada de lugar. Uma borda, um fundo, e três campos espalhados viram um assunto só.
Onde isso quebra
Onde a lei não vale, vale menos, ou vale ao contrário.
Caixa dentro de caixa dentro de caixa: cada moldura nova enfraquece as anteriores. Quando tudo tem borda, nenhuma borda agrupa.
Neuromitos associados
O que circula por aí sobre este conceito, e o que a evidência de fato mostra.
-
Existe uma hierarquia fixa entre os princípios da Gestalt.
Nenhum estudo estabeleceu ranking. As pistas se combinam e se anulam conforme a força relativa de cada uma no arranjo específico, o que vence numa tela perde na seguinte, e a única forma de saber é olhar a sua.
Um caso
Um produto de verdade em que isto apareceu, com o que aconteceu e onde conferir.
A disputa que ficou dentro da coluna das instruções
Broward County Supervisor of Elections · amostra oficial, via Ballotpedia · Registro público da Flórida
Na cédula de Broward, na Flórida, em 2018, a primeira coluna trazia as instruções de voto em três idiomas, e a disputa para o Senado ficou embaixo delas, dentro da mesma coluna. As outras disputas começavam na coluna do meio. Uma diretriz federal de 2007 já desaconselhava esse arranjo, porque nos testes os eleitores pulavam o que vinha logo depois das instruções. Foi o que aconteceu. No estado, 1,10% dos eleitores deixaram o Senado em branco, contra 0,64% no governo, e Broward, com 8,8% dos votos, concentrou cerca de um terço desses brancos. A eleição foi decidida por 10.033 votos, e os autores do estudo não afirmam que a cédula a decidiu. O que eles mostram é a região comum funcionando. A coluna é uma caixa, o que está dentro dela é lido como parte dela, e uma disputa dentro da coluna das instruções virou instrução para quem lia rápido.
Experimente
Uma peça para conferir no seu próprio corpo o que o texto acabou de afirmar.
Uma borda pesa mais que a distância
Clique no botão para desenhar uma moldura em volta de cada grupo. Nenhum elemento sai do lugar — só aparece a borda.
A distância entre os elementos é idêntica nos dois estados. O que muda é apenas uma borda de 1px, e neste arranjo ela sobrepõe a proximidade, como aconteceu nos arranjos que Palmer testou. Em outro arranjo a ordem pode se inverter, porque não há hierarquia fixa entre os princípios.
Conceitos vizinhos
Estruturas ligadas por ponte minha
Conceitos irmãos
Fontes
Enunciado citado de Palmer, 1992.
- PALMER, S. E. Common region: a new principle of perceptual grouping. Cognitive Psychology, v. 24, n. 3, p. 436-447, 1992. DOI
Leitura complementar: Law of Common Region Laws of UX em inglês