Princípios de Gestalt no design de telas.

Apresent5ação de psicologia sobre as leias de Gestalt dentro do design de interfaces web.

1. Princípios de Gestalt no design de telas C omo os principais conceitos se aplicam nas interfaces.

2. Integrantes Lais Socorro Rafaela Silva Professor: Hedvan Fernandes Disciplina: Interação Homem e Computador Turma: IINFW31

3. Introdução As leis da Gestalt surgiram no início do século XX, na psicologia da percepção, com o objetivo de explicar como o ser humano organiza os estímulos visuais. No design digital, essas leis são fundamentais para criar interfaces claras, intuitivas e atrativas, pois ajudam o usuário a interpretar e interagir melhor com as informações apresentadas.

4. Princípios de Gestalt Objeto similares tendem a se agrupar. Proximidade Elementos próximos se agrupam formando uma imagem. Fechamento Similaridade Região Comum Agrupar elementos com mesma características. Ignora os espaços e tenta entender a imagem como uma só.

5. Princípios de Gestalt A composição não deve fornecer uma sensação de desordem. Continuidade Elementos alinhados em linha ou curva tendem a se agrupar. Figura-Fundo Simetria Pregnância Os elementos são vistos da forma mais simples possível. Tendência que nosso cérebro tem em separar imagens em figura e fundo.

6. Aprova Total Proximidade : Os blocos das semanas (29, 30, 31, 32) estão próximos e formam uma unidade visual, facilitando a percepção de que são conteúdos relacionados; Similaridade : Todos os cards têm o mesmo formato, cor e tipografia, transmitindo que possuem a mesma função; Continuidade : A barra de calendário (dias da semana) cria um fluxo horizontal que guia o olhar da esquerda para a direita; Figura-fundo : A parte em destaque (banner "continue de onde parou") se diferencia do fundo, chamando atenção imediata do usuário.

7. Aprova Total

8. Instagram Similaridade : Os ícones e stories em formato circular transmitem que possuem a mesma função; Proximidade : Os botões do menu lateral estão agrupados por categoria (Página inicial, Pesquisa, Reels, etc.); Figura-fundo : A postagem (foto principal) se destaca do fundo branco, tornando-se o foco de atenção; Pregnância : Layout limpo, fácil de interpretar rapidamente, mesmo com muitos recursos disponíveis; Continuidade : O feed cria uma linha vertical que incentiva o usuário a rolar para baixo.

9. Instagram

10. Conexo Similaridade : As palavras aparecem em caixas iguais, reforçando que todas podem ser escolhidas e têm a mesma função. Proximidade : As palavras relacionadas (ex.: flores) ficam juntas e são destacadas por cor. Semelhança : O uso de cores diferentes cria grupos claros (flores, frutas etc.), facilitando o raciocínio do usuário. Continuidade : O olhar percorre os blocos como em uma grade, mantendo a ordem lógica de exploração.

11. Conclusão A aplicação das leis da Gestalt em sites e aplicativos mostra como princípios da psicologia podem ser usados para melhorar o design e a usabilidade. Quando bem aplicadas, essas leis tornam as interfaces mais organizadas, favorecem a leitura visual e aumentam a compreensão das informações. Assim, o design vai além da estética: ele se torna uma ferramenta estratégica para engajamento e acessibilidade digital.

12. REFERÊNCIAS KOFFKA, K. Principles of Gestalt Psychology . Routledge, 2013. LIDWELL, W.; HOLDEN, K.; BUTLER, J. Universal Principles of Design . Rockport, 2010. NORMAN, D. O design do dia a dia . Rio de Janeiro: Rocco, 2006.