Anlise de Dados

Utilizando Dashboards
Aula 05 Princpios Visuais da Gestalt
Prof. Leonardo Maurcio Cerqueira
 Os Sete Princpios Visuais da Gestalt

Contedo:
1. Objetivo
2. Entendendo a Gestalt
3. Princpios da Gestalt
Proximidade
Similaridade
Conexo
Fechamento
Unificao
Unidade
Objetivo

necessrio entender um pouco sobre percepo visual, recolhendo um

pouco do corpo de estudos cientficos sobre o assunto e que seja aplicado
diretamente na construo de Dashboards e perceber o que funciona, o que
no funciona e porqu.
Assim sendo, entender cada um dos Princpios da Gestalt nos auxiliar em
como aplic-los na construo dos Dashboards empresariais.
Estes princpios esto ainda hoje como descries precisas e teis de
percepo visual, e que oferecem vrias informaes teis que podem ser
aplicadas diretamente em nossos projetos de Dashboard, para amarrar
intencionalmente dados em conjunto, ou separ-los ou ainda fazer alguns
dados destacarem-se dos outros.
A Gestalt, na verdade, um estudo muito maior e que envolve diversas reas,
o estudo completo da Gestalt obrigatrio nos cursos de Design.
 Entendo a Gestalt

O que significa?
A Gestalt (plural Gestalten) uma palavra de origem germnica
intraduzvel para o portugus, mas o dicionrio Michaelis traz
algumas definies:
Ge.stalt : Sf, -en 1 figura, forma, feio, aparncia, porte. 2 estatura,
conformao. 3 vulto.
Definio encontrada no site: Gestalt Rio Grande do Sul
A palavra Gestalt tem origem alem e surgiu em 1523 de uma
traduo da Bblia, significando o que colocado diante dos
olhos, exposto aos olhares. Hoje adotada no mundo inteiro
significa um processo de dar forma ou configurao. Gestalt
significa uma integrao de partes em oposio soma do todo.
http://www.igestalt.psc.br/
 Entendo a Gestalt

Gestalt: Refere-se a um processo de dar forma, de configurar

"o que colocado diante dos olhos, exposto ao olhar.
(Wikipdia)

Cubo de Necker e o Vaso de Rubin, dois exemplos utilizados na Gestalt

 Entendo a Gestalt

Princpios da Gestalt
A teoria Gestltica defende que a mente percebe os objetos como um
todo e no por suas partes. Ou seja, quando um sujeito se depara
com um armrio, ele percebe o conjunto armrio em vez de porta
+estante+madeira+gaveta.
Esta percepo do todo um fenmeno chamado
supersoma (Ehrenfels, 1890) que quer dizer o
seguinte:
A + B no simplesmente (A+B), mas sim um terceiro elemento
C, que possui caractersticas prprias. (Ehrenfels. 1890)
 Entendo a Gestalt

Ns vemos o Objeto, seu significado e no cada parte que o compe.

 Entendo a Gestalt

Principais pontos:
Traduzido do Alemo: forma, figura;
Boa forma.
intimamente ligada PERCEPO: o que acontece no crebro no o
mesmo que acontece na retina.
Mente humana + estmulos visuais = PERCEPO

http://en.wikipedia.org/wiki/Necker_cube
 Princpios da Gestalt - Proximidade

Elementos prximos tendem a ser agrupados: unidade dentro do todo.

Em ambas as figuras, os objetos prximos so segregados e formam

grupos, distintos para ns, apesar de estarem no mesmo plano.

2 grupos ou 4 grupos ou ainda 1 grupo e 3 subgrupos, nunca 72 crculos. 13 crculos ou 4 grupos de crculos?
Princpios da Gestalt - Proximidade
Em um Dashboard, este princpio auxilia o usurio na definio do sentido da
informao, Direita para Esquerda; Cima para Baixo, etc.

Colocando Sees de dados prximos na Horizontal, induz os olhos a agrupar

as sees e seguirmos a varredura da esquerda para direita, Colocando
prximos na Vertical alcana o Efeito contrrio (veja a figura acima).
Princpios da Gestalt - Similaridade

H a tendncia de se agrupar objetos similares por Cores,

Forma, tamanho e Orientao.
Princpios da Gestalt - Similaridade
Em um Dashboard, este princpio funciona muito bem como um meio de
identificao de diferentes conjuntos de dados em um grfico, por exemplo
Despesas, renda e lucros. E mesmo quando separados em sees distintas,
este princpio pode ser aplicado e estabelecer a ligao.
Princpios da Gestalt - Unificao

Este Princpio fala sobre a capacidade que o crebro tem de perceber,

identificar, separar e destacar informaes dentro de uma composio. Isto
pode servir para definir hierarquias ou diferenciar partes da composio/
unidade.
Dependendo do contraste, peso ou estmulo causado pelo elemento visual,
ele ter mais destaque ou se diferenciar de outros elementos da mesma
composio.
Princpios da Gestalt - Unificao

Em um Dashboard este princpio, pode ajudar a enfatizar um grupo, uma

informao, destac-lo mesmo sendo igual a demais itens em forma e em
cor.

Como pode ser percebido no exemplo acima no preciso ser um limite forte (por exemplo, linhas
grossas, brilhantes ou cores dominantes) para criar uma forte percepo do agrupamento.
Princpios da Gestalt - Fechamento

Ns seres humanos temos uma averso a pontas soltas. Assim, quando

confortados com objetos ambguos, que podem ser incomuns, soltos ou
fechados e completos, inteiros, ns naturalmente percebemos como o ltimo.

Ateno: A Letra C do
Percebemos as formas circulares e quadradas com facilidade. Carrefour no percebida
com a mesma facilidade.
Princpios da Gestalt - Fechamento

Em Dashboards este princpio bem til no desenho de grficos e reas, pois

no h a necessidade de definir conjuntos completos de bordas, cores de
fundo. A aplicao deste princpio nos permite exibir uma grande quantidade
de informaes mesmo com mesmo espao, pois pode-se assim eliminar
todo contedo visual que no seja absolutamente necessrio.

Basta a utilizao dos Eixos X e Y para definir o espao do grfico, com ou sem cor de fundo.
Princpios da Gestalt - Continuidade

A continuidade, o princpio que nos faz perceber os objetos integrados ou

como parte um do outro se eles esto alinhados uns com os outros de forma
a formar uma continuao.

No se v um conjunto de pontos, bolas ou barras e sim as formas, No h necessidade de ser sempre em linhas
ou seja, quadrados e uma linha contnuos. retas, se a ideia de continuidade gerada, v-se
uma linha contnua.
Princpios da Gestalt - Continuidade

Em um Dashboard este recurso muito til, pois divises, departamentos,

totais, so claramente agrupados, sem a necessidade de nenhuma linha,
forma, cor ou diviso explcita.

Com este Princpio facilmente entendido como a

indentao de um texto, nos permite facilmente
entender a hierarquia ali proposta.
Princpios da Gestalt - Continuidade

A continuidade ou Pregnncia da forma, o princpio que nos faz perceber os

objetos integrados ou como parte um do outro se eles esto alinhados uns
com os outros de forma a formar uma continuao.

No se v um conjunto de pontos, bolas ou barras e sim as formas, No h necessidade de ser sempre em linhas
ou seja, quadrados e uma linha contnuos. retas, se a ideia de continuidade gerada, v-se
uma linha contnua.
Princpios da Gestalt - Conexo

o tipo de ligao mais forte que pode ser feito, mais que por similaridade,
forma ou cor, ligando objetos atravs de linhas, consegue criar a ideia de
agrupamento mais forte principalmente para objetos diferentes, como no
exemplo, s perde para o fechamento.

As linhas do uma ideia de ligao mais forte que todos os demais itens, veja nas trs primeira imagens, cor e
forma, perdem na ideia de ligao para a linha, com exceo para a ltima imagem onde o recurso de fechamento,
o retngulo mais forte que a linha (conexo).
Princpios da Gestalt - Conexo

Em um Dashboard este
recurso muito poderoso
e til, principalmente
para interligar grupos
distintos, como o quadro
de funcionrio, uma
funo com um valor,
ndice ou outro atributo.
Princpios da Gestalt - Unidade

Unidade: A Lei da Unidade diz respeito conceituao de

um elemento, que pode ser construdo por uma nica
parte, ou por vrias partes que em conjunto constroem
este elemento.

O T uma unidade visual contnua, que fecha em si mesma. Entretanto, o E uma unidade visual composta por
quatro partes, formando um s elemento.
Percebendo a Utilizao na Prtica
Fechamento Continuidade

Unificao
 Princpios da Gestalt - Resumo

Quadro Resumo, Proximidade Semelhana Unificao

das 6 (seis)
principais leis que
sero utilizadas na
construo de
Dashboards
Corporativos.
Fechamento Continuidade Conexo
Resumo e Concluses da Aula

Princpios da Gestalt
Entendendo a Gestalt
Princpios da Gestalt
Proximidade
Similaridade
Conexo
Fechamento
Unificao
Unidade
Tpicos da Prxima Aula

Aula 06 Boas Prticas de Designer

1. O Poder da Percepo Visual
Entendendo a Memria de Curto Prazo
Visual para rpida percepo de Dados
Cor
Formas
Posio
2. Regras Essenciais para a Construo de um Dashboard
Organizao
Condensao
Eliminar Dados Desnecessrios
nfase