AULA 02 10

Prévia do material em texto

PROJETO DE 
INTERFACE
INSTITUTO FEDERAL DE EDUCAÇÃO
CIÊNCIA E TECNOLOGIA
CURSO DE SISTEMAS PARA INTERNET
Professor: Márlio Kleber Venâncio
Palmas-TO, 02 de outubro de 2018
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.
Pequena Mensagem 
do Curso
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 IndividualBoa Sorte!!!