INSTITUTO FEDERAL DE EDUCAÇÃO

CIÊNCIA E TECNOLOGIA
CURSO DE SISTEMAS PARA INTERNET

PROJETO DE
INTERFACE
Professor: Márlio Kleber Venâncio
Palmas-TO, 01 de outubro de 2018
 Pequena Mensagem
do Curso
Aquele que decide parar até que as coisas
melhorem, verá mais tarde que aqueles que
não pararam e colaboraram com o tempo,
estão tão adiantados que jamais poderão
ser alcançados.
Canais de Percepção

• Compreender qual o canal de percepção (visual, auditivo e

cinestésico) é o mais desenvolvido favorece a potencializar a
capacidade de aprendizado.

•As pessoas se relacionam com o mundo a partir dos

sentidos, e cada qual apresenta um canal mais desenvolvido.
Por isso, ter consciência e entendimento do canal preferencial
contribui para que a comunicação transcorra com fluidez e
sintonia.
Auditivo:
É definido pelo indivíduo que é ligado ao mundo
através das palavras e sons.
São pessoas que apresentam as seguintes
características:
- Tende a ser prático e objetivo;
- Aprecia ouvir e discursar;
- A memória auditiva é excepcional;
- Procuram escolher bem as palavras ao falar e dão muita
atenção ao que é dito.

São capazes de construir uma história com a

informação que está adquirindo. Ruídos tendem a
distrair a atenção, costumam prestar atenção no que
está sendo dito a sua volta. São conduzidos pela
linguagem e repetem pra si o que deve ser
memorizado.
Cinestésico:
É definido pelo indivíduo que é ligado ao mundo
através das sensações: tato, olfato e paladar.
São pessoas que apresentam as seguintes
características:
- Tendem a falar baixo, devagar e tem movimentos lentos;
- As escolhas consistem em prazer físico, satisfação,
aconchego, gosto e cheiro;
- Memoriza o que sente;

São guiados por sua experiência motora, estímulos

visuais ou auditivos que discordam entre si e acabam
por distrair a atenção. São mais focados em si, tendo
plena consciência do clima que o norteia. Organizam-
se de forma contínua, inovadora e divergente.
Visual:
É definido pelo indivíduo que é ligado ao mundo
através das imagens.

•São pessoas que apresentam as seguintes características:

•- Postura corporal rígida;
•- Memoriza o que vê por isto, para estudar utiliza gráficos e
esquemas;
•- Tende a ser organizado e detalhista;
•- Aprecia leitura, moda e decoração.

•Aprende sendo apto a construir uma imagem imediata do

que está recebendo como informação. Sua atenção pode ser
distraída por estímulos visuais em excesso, mostra um
pensamento ágil e examina tudo o que está acontecendo ao
seu redor. Sua percepção é global e se necessário a divide
em várias partes.
Por que estudar a percepção visual?

• O canal visual é o mais importante na comunicação com

magnitude maior que os demais canais.

• O olho humano é muito sensível a qualquer erro nas

imagens apresentadas ao usuário, mas possui grande
capacidade de adaptar-se.
A Importância da Abordagem Psicologia
no Design

•A psicologia é um aspecto importante do trabalho de design

porque é tudo sobre a emoção e a percepção das pessoas. O
designer tem que construir o seu produto moldado sobre as
necessidades-alvo e emoção para criar um sentimento,
também com base em padrões sociais.
Teoria Gestalt e o Design

•A Gestalt pode realmente ajudar em focalizar a atenção e

organização de conteúdos de uma forma eficaz. Ele
certamente pode ser considerado uma ferramenta
essencialmente teórica. Isso permite que o desenvolvimento
da nova configuração do objeto já existente, estimulando a
criatividade.
•Como designer é realmente importante entender como as
pessoas percebem um projeto visual e tirar vantagem dessas
regras.
O que é de fato a Teoria Gestalt?

•Os Princípios da Gestalt ou gestaltismo (em alemão: Gestalt

– “essência ou a forma da forma completa de uma entidade”)
da Escola de Berlim é uma teoria da mente e postulando que
o princípio do funcionamento do cérebro é holístico, paralelo e
analógico, com a auto-organização de tendências.

•Em psicologia, gestaltismo é muitas vezes contrário ao

estruturalismo e Wundt. A frase “O todo é maior do que a
soma das partes” é muitas vezes usado para explicar os
princípios da Gestalt.
Teoria Gestalt da Percepção
Percepção é global e baseada em padrões e regras
Princípios:
• Totalidade
• Isomorfismo (experiência consciente e atividade
cerebral)
Regras:
• Lei do Fechamento (a mente completa o que falta)
• Lei da Similaridade (a mente agrupa o que for
semelhante)
• Lei da Proximidade (a mente agrupa o que estiver
próximo)
• Lei da Simetria (mesmo distantes, objetos simétricos
agrupam)
• Lei da Continuidade (a mente continua um padrão
mesmo que este termine
Tipos de Ilusões
Geométricas – são as ilusões criadas por elementos
com formas semelhantes, que estão próximos e de
alguma forma ligados ao contexto

Cromáticas – são as ilusões causadas pelas cores,

suas combinações, brilho, saturação, matizes e
tonalidades

Cognitivas – representam a experiência acumulada,

estimuladas pelo o quê conhecemos, muitas vezes
vemos uma coisa e interpretamos outra.
Fechamento
•A Lei de fechamento ocorre quando um objeto é incompleto
ou um espaço não está completamente fechado e o cérebro
ativa alguns mecanismos para completar a figura,
preenchendo as informações que faltam.
Similaridade
•Há uma tendência natural em colocar em relação elementos
similares mais do que os diferentes. Eles podem ser, por
exemplo, semelhante à cor, forma ou dimensão.
Proximidade
•A distância desempenha um papel-chave na determinação
da percepção de elementos. Coisas que são próximas entre
si são percebidos como mais relacionadas do que coisas que
estão espalhadas distante. O conceito subjacente ao conceito
de proximidade é o grupo .
Simetria
• Os símbolos do logotipo são duas mãos unidas. As duas
mãos são simétricas para formar uma escada. A simetria cria
uma redundância e previsibilidade da informação visual.
Continuidade
•Todos os elementos são percebidos como parte de um objeto
coerente assim, por exemplo, se eles estão dispostos em
uma linha que são considerados mais relacionados do que os
elementos destacados.
Princípios da Gestalt e Design Web
•Quando projetamos um layout, aplicamos uma grande série
de cuidados visuais para tornar o site mais clara e utilizável.
Por exemplo, é comum empregar algum tipo de conexão
entre os elementos GUI (Graphical User Interface) para que o
usuário pode reconhecer um padrão comum a ser capaz de
navegar o site facilmente.

•Navegação por abas é um excelente exemplo deste

princípio.
Princípios da Gestalt e Design Web
•Navegação por abas é um excelente exemplo deste princípio. A
navegação no menu responde à lei de continuação. As categorias
estão em uma linha reta e isso nos ajuda a entender que eles estão
relacionados entre si.
•Esta percepção é apoiada pelo fato de que as palavras são
agrupadas com uma proximidade e que o distância em torno, define
claramente o menu, separando-o do logotipo ou as áreas do corpo
desenhando uma caixa
Conclusões
•Design é com certeza o resultado da criatividade. Inspirando-
se nas regras visuais que têm sido estudadas por
especialistas e psicólogo podem ser útil para construir uma
metodologia que vai além do talento e intuição, capaz de
enfrentar os mais críticos.
•Os princípios básicos do projeto são os mesmos daquelas
regras que a Gestalt apresenta. Equilíbrio, proporção visual,
domínio da cor, organização, elementos que compõem a
receita para um projeto eficaz.
Alguns exemplos!
Atividade Individual

Boa Sorte!!!