No design, não é possível agrupar elementos sem colocar um espaço entre aqueles com os quais não estão relacionados. Você deve sempre incluir um espaço em branco ao criar um site de design personalizado. Não ter espaço em branco suficiente pode tornar seu conteúdo difícil de entender, afetando a estética geral.
Lembre-se, você não precisa preencher todo o espaço em seu site. Em vez disso, você deve considerar como os elementos próximos uns dos outros são percebidos como relacionados e usar o espaço em branco para separar itens que não fazem parte desses grupos distintos.
Exemplos da lei da proximidade no web design
Agora que você tem uma compreensão básica da lei de proximidade de UX, você pode se perguntar como ela deve ser na prática. Aqui estão alguns exemplos da lei de proximidade e situações em que você deve usá-la:
Texto principal do site
Os designers usam a lei da proximidade para tornar o conteúdo escrito mais legível e filtrável. Por exemplo, as manchetes têm mais espaço acima do que abaixo para organizar parágrafos e garantir que os leitores entendam que fazem parte do mesmo agrupamento de conteúdo. Além disso, a altura da linha e os espaços entre elas são maiores entre as palavras para criar parágrafos, enquanto as letras são próximas o suficiente para formar palavras.
A navegação eficaz faz parte do design para uma boa experiência do usuário. Como muitos sites contêm muito conteúdo, agrupar os itens, incluindo categorias e subcategorias de conteúdo, pode facilitar a navegação pelos sites. Os menus, localizados na parte superior do site ou ao lado, usam o espaço em branco entre os itens para agrupar o conteúdo e ajudar os visitantes a entender quais itens estão mais relacionados aos outros.
Se você usar seu site para gerar clientes potenciais, considere otimizar seus formulários com a lei de proximidade de UX. Os formulários geralmente têm rótulos para dizer aos visitantes quais informações você quer que eles compartilhem. Você pode rotular claramente cada campo usando a proximidade para facilitar a leitura e o uso do seu formulário.
Páginas de produtos
Se você vende produtos, pode ter vários itens em seu site, alguns relacionados e outros não. Você pode usar a proximidade nas páginas de produtos para permitir que os visitantes encontrem facilmente outros produtos relacionados.
Por exemplo, se você vende café, as páginas do seu produto podem recomendar cremes ou outras misturas que os usuários podem gostar. Você pode usar recomendações em um design de carrossel para manter todos no mesmo agrupamento na página do produto.
Rodapés
Todo site de negócios deve ter um rodapé composto por links de navegação básicos, informações de contato ou formulários curtos. Em qualquer caso, a proximidade permite que esses itens sejam facilmente agrupados. Por exemplo, você pode manter seus links de navegação principais com qualquer outra informação, como informações de contato, do outro lado da página, separados por um espaço em branco.
Melhores práticas para aplicar a lei da proximidade ao design de UI
A lei de proximidade de Gestalt pode ser usada para agrupar qualquer conteúdo e ajudar a conduzir facilmente seus clientes pelo seu site.
Aqui estão algumas práticas recomendadas para aplicar este princípio ao web design:
Use o espaço em branco
Muitos designers novatos acham que precisam preencher uma página, o que pode criar um web design caótico e confuso. Usar um espaço em branco para separar grupos de conteúdo e elementos de design é crucial para sites legíveis, filtráveis e com melhor aparência. Além disso, usar grandes áreas de espaço em branco pode fazer com que suas páginas da web pareçam mais organizadas, ajudando os usuários a navegar pelo site.
Considere o conteúdo primeiro
Antes de criar suas páginas da web, considere o conteúdo de que você precisa. Por exemplo, se você estiver criando páginas de produtos, pode ter um design em mente, mas é importante considerar os tipos de texto e quanto dele aparecerá na página. O design deve se adequar ao texto, não o contrário. Portanto, é uma boa ideia planejar seu conteúdo antes de iniciar o design do site para ajudá-lo a entender os tipos de informações que precisarão ser agrupadas.
Enfatize elementos
Você pode usar a lei da proximidade para enfatizar certos elementos na página e melhorar seu design de UX e UI. Primeiro, sempre considere os elementos que você precisa na página e quais são os mais importantes; o conteúdo e a hierarquia informativa determinarão os elementos que precisam se destacar. Ainda assim, os designers podem brincar com o espaço negativo para enfatizar diferentes áreas da página da web e garantir que elas se destaquem.
Otimize a UI com a lei da proximidade
Se você quiser tornar seu site mais agradável esteticamente e melhorar a experiência do usuário, considere otimizar seu site com o princípio de proximidade de Gestalt.
Este princípio de design gráfico permite que você entenda como a percepção afeta o seu design e o use a seu favor. Brincar com diferentes elementos agrupando-os e criando hierarquias visuais com espaços em branco pode fazer com que seu site pareça mais profissional e melhore as primeiras impressões do seu cliente sobre o seu negócio.
Use a lei da proximidade ao criar seu site com a Mailchimp. Tornamos a criação de sites profissionais mais fácil, sem necessidade de experiência em design. Experimente a Mailchimp hoje mesmo.
