Fundamentos de Fatores Humanos 
em IHC 
Parte 2 
Prof. André Constantino da Silva 
IHC 
Matutino 
24 de agosto de 2014
Tudo junto e misturado 
• http://youtu.be/sk0rPAGoJcs?t=32m9s 
Assistir do 32:11 até 36:50
Revisando 
• Psicologia (na IHC) 
– Funções Mentais Superiores 
• Percepção 
– Teorias da percepção: ecologista x construtivista 
• Sensação 
• Atenção 
• Memória 
• Linguagem e pensamento 
• Emoção
Teorias da Percepção Humana 
• Construtivistas 
– A informação que captamos é “construída” 
envolve processos cognitivos 
• Ecologistas 
– A informação é “detectada” em um processo 
direto 
noção de affordance
Ecologista (Preece et al., 1994) 
– Percepção é um processo direto que envolve 
a detecção de informação do ambiente e não 
requer quaisquer processos de construção ou 
elaboração 
– Conceito de Affordance: os objetos carregam 
certas características que dirigem nossa 
percepção sobre eles
Quais são os botões da figura? 
• Os objetos carregam certas características 
que dirigem nossa percepção sobre eles...
Qual a frase mais fácil de ler? Por quê?
Perceber é muito mais que ver... 
• A demanda por memorização e a carga cognitiva exigida pelas 
interfaces de comandos, nas interfaces gráficas é deslocada 
para o processamento perceptual e viso-motor 
(Shame, 1999)
Percepção e Reconhecimento no 
Design de Interfaces 
• A implicação óbvia é projetar 
representações que sejam facilmente 
perceptíveis, exemplo: 
– O texto deve ser legível 
– Os ícones devem ser fáceis de se distiguir e ler
Percepção 
• Como teorias de percepção podem influenciar o 
design de interfaces? 
– abordagem construtivista e abordagem ecológica 
• Informação precisa ser representada de forma 
que possa ser entendida e percebida sem 
ambiguidades
Abordagem Construtivista 
• percepção envolve a intervenção de representações e 
memórias 
– o que se vê não é uma réplica do mundo como uma 
fotografia 
– o sistema visual constrói um modelo do mundo através de 
transformações, acréscimos, distorções e descartando 
informação 
• a habilidade de perceber objetos em uma tela - textos, 
gráficos, representações bi ou tri-dimensionais - é 
resultado de nosso conhecimento anterior e 
expectativas do que deveria aparecer
Abordagem Ecológica 
• percepção é um processo direto no qual a 
informação é simplesmente detetada ao 
invés de ser construída 
• conceito central - affordance 
– o que se vê como comportamento de um 
sistema, objeto ou evento é o que é permitido 
pelo sistema, objeto ou evento
Percepção - Resumo 
• Percepção é um processo ativo 
• Existem duas teorias principais sobre percepção: 
construtivista e ecológica 
– A abordagem construtivista tem sido usada para 
auxiliar no design de display de informações de 
forma a torná-la rapidamente perceptível 
– A abordagem ecológica tem sido usada para auxiliar 
no design de objetos da interface – affordance
Vídeos - Extras 
• https://www.youtube.com/watch?v=0_WL 
OzUg8eA 
• https://www.youtube.com/watch?v=l9x0irs 
INXg 
• https://www.youtube.com/watch?v=axEy4h 
DmKOo
Figuras Anamórficas 
• https://www.youtube.com/watch?v=uzQcZ 
czkgQA 
• https://www.youtube.com/watch?v=- 
K8cFO8n6hY
Sensação
Sensação 
• É a operação que leva ao cérebro 
informações de fenômenos do meio 
externo e do estado do organismo 
• É por meio dela que os indivíduos se 
relacionam com o ambiente 
– Órgão de sentido
Tipos de Sensação 
• Exteroceptiva: permite o contato entre o 
indivíduo e o meio externo por meio dos órgãos 
dos sentidos 
• Interoceptiva: permite ao cérebro tomar 
conhecimento do que acontece nos órgãos 
internos 
– Exemplo: fome, calor, frio, desconforto 
• Proprioceptiva: permite ao cérebro tomar 
conhecimento do movimento corpóreo no 
espaço e da sua posição em relação aos outros 
– Exemplo: equilíbrio
Estímulos 
• Estímulos muito tênues ou muito intensos 
não são detectados 
– Limiar da sensação 
• Sensação é relativa: varia de acordo com o 
ambiente, estado emocional, uso de 
medicamentos, etc
Vídeos Extras 
• http://youtu.be/ywaovES97vI?list=PL4EDA0 
1368AB3E59E
Atenção 
• https://www.youtube.com/watch?v=FzeXeXR9cCs
Atenção 
• Seleção de coisas para se concentrar dentre 
várias ao nosso redor, em um dado momento 
• Mecanismo que permite a fixação de alguns 
estímulos e a organização das informações para o 
processo de tomada de decisão 
– Seletiva: foca em alguns e descarta os demais 
– É influenciada pelas necessidades, motivações, 
interesses, personalidade, cultura, objetivo, prazer, 
medo…
Atenção dividida e focada 
• atenção focada 
– habilidade de concentrar em um determinado 
evento quando existe uma série de eventos 
competindo 
• o que é relevante as atividades e intenções que se tem no 
momento 
• atenção dividida 
– quando se tenta atender a mais de uma 
demanda ao mesmo tempo 
• ex.: dirigir e conversar com um passageiro ao lado
Atenção Focada e Dividida 
• A atenção focalizada e dividida nos permite ser 
seletivos apesar da grande quantidade de 
estímulos competindo, no entanto limita nossa 
capacidade de perceber todos os outros eventos
Focando atenção em uma Interface 
• As informações de uma interface devem ser 
estruturadas para capturar a atenção do usuário, 
por exemplo usando fronteiras perceptíveis 
(windows), cor, vídeo reverso, som e luzes 
piscantes
Um exemplo de uso excessivo de 
gráficos
Focando atenção em uma Interface 
• Como dirigir a atenção do usuário para a 
informação relevante no display? 
– Estruturando a interface 
• torná-la fácil de ser navegada 
• apresentar informação na medida certa: nem muita e nem 
pouca 
• agrupar e ordenar a informação em partes significativas 
– Outras técnicas 
• cores 
• técnicas de alerta: vídeo reverso, som etc 
• janelas
Multi-tarefas e Interrupções 
• executar uma série de tarefas alternadamente 
durante um mesmo período de tempo 
• tarefas primárias e secundárias 
• como saber de onde recomeçar 
– ajudas cognitivas 
• sistemas devem ser projetados para 
sitematicamente prover informação sobre o 
status de uma determinada atividade 
– p. ex: ainda não salvou arquivo …..
Implicações da atenção no projeto de 
interfaces 
• Salientar a informação, quando esta necessitar de 
atenção 
• Utilizar técnicas que façam com que coisas se 
destaquem, como: cor, disposição, espaçamento, 
sublinhado, ordenação e animação. 
• Evitar sobrecarregar a interface 
– Exemplo: Google, possui um design simples e rápido 
• Evitar usar muitos recursos só porque o software 
permite implementá-los
• Memória 
Próxima Aula... 
• Modelo de Processador de Informação 
Humano

Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC

  • 1.
    Fundamentos de FatoresHumanos em IHC Parte 2 Prof. André Constantino da Silva IHC Matutino 24 de agosto de 2014
  • 2.
    Tudo junto emisturado • http://youtu.be/sk0rPAGoJcs?t=32m9s Assistir do 32:11 até 36:50
  • 3.
    Revisando • Psicologia(na IHC) – Funções Mentais Superiores • Percepção – Teorias da percepção: ecologista x construtivista • Sensação • Atenção • Memória • Linguagem e pensamento • Emoção
  • 4.
    Teorias da PercepçãoHumana • Construtivistas – A informação que captamos é “construída” envolve processos cognitivos • Ecologistas – A informação é “detectada” em um processo direto noção de affordance
  • 5.
    Ecologista (Preece etal., 1994) – Percepção é um processo direto que envolve a detecção de informação do ambiente e não requer quaisquer processos de construção ou elaboração – Conceito de Affordance: os objetos carregam certas características que dirigem nossa percepção sobre eles
  • 6.
    Quais são osbotões da figura? • Os objetos carregam certas características que dirigem nossa percepção sobre eles...
  • 7.
    Qual a frasemais fácil de ler? Por quê?
  • 8.
    Perceber é muitomais que ver... • A demanda por memorização e a carga cognitiva exigida pelas interfaces de comandos, nas interfaces gráficas é deslocada para o processamento perceptual e viso-motor (Shame, 1999)
  • 9.
    Percepção e Reconhecimentono Design de Interfaces • A implicação óbvia é projetar representações que sejam facilmente perceptíveis, exemplo: – O texto deve ser legível – Os ícones devem ser fáceis de se distiguir e ler
  • 10.
    Percepção • Comoteorias de percepção podem influenciar o design de interfaces? – abordagem construtivista e abordagem ecológica • Informação precisa ser representada de forma que possa ser entendida e percebida sem ambiguidades
  • 11.
    Abordagem Construtivista •percepção envolve a intervenção de representações e memórias – o que se vê não é uma réplica do mundo como uma fotografia – o sistema visual constrói um modelo do mundo através de transformações, acréscimos, distorções e descartando informação • a habilidade de perceber objetos em uma tela - textos, gráficos, representações bi ou tri-dimensionais - é resultado de nosso conhecimento anterior e expectativas do que deveria aparecer
  • 12.
    Abordagem Ecológica •percepção é um processo direto no qual a informação é simplesmente detetada ao invés de ser construída • conceito central - affordance – o que se vê como comportamento de um sistema, objeto ou evento é o que é permitido pelo sistema, objeto ou evento
  • 13.
    Percepção - Resumo • Percepção é um processo ativo • Existem duas teorias principais sobre percepção: construtivista e ecológica – A abordagem construtivista tem sido usada para auxiliar no design de display de informações de forma a torná-la rapidamente perceptível – A abordagem ecológica tem sido usada para auxiliar no design de objetos da interface – affordance
  • 14.
    Vídeos - Extras • https://www.youtube.com/watch?v=0_WL OzUg8eA • https://www.youtube.com/watch?v=l9x0irs INXg • https://www.youtube.com/watch?v=axEy4h DmKOo
  • 15.
    Figuras Anamórficas •https://www.youtube.com/watch?v=uzQcZ czkgQA • https://www.youtube.com/watch?v=- K8cFO8n6hY
  • 16.
  • 17.
    Sensação • Éa operação que leva ao cérebro informações de fenômenos do meio externo e do estado do organismo • É por meio dela que os indivíduos se relacionam com o ambiente – Órgão de sentido
  • 18.
    Tipos de Sensação • Exteroceptiva: permite o contato entre o indivíduo e o meio externo por meio dos órgãos dos sentidos • Interoceptiva: permite ao cérebro tomar conhecimento do que acontece nos órgãos internos – Exemplo: fome, calor, frio, desconforto • Proprioceptiva: permite ao cérebro tomar conhecimento do movimento corpóreo no espaço e da sua posição em relação aos outros – Exemplo: equilíbrio
  • 19.
    Estímulos • Estímulosmuito tênues ou muito intensos não são detectados – Limiar da sensação • Sensação é relativa: varia de acordo com o ambiente, estado emocional, uso de medicamentos, etc
  • 20.
    Vídeos Extras •http://youtu.be/ywaovES97vI?list=PL4EDA0 1368AB3E59E
  • 21.
  • 22.
    Atenção • Seleçãode coisas para se concentrar dentre várias ao nosso redor, em um dado momento • Mecanismo que permite a fixação de alguns estímulos e a organização das informações para o processo de tomada de decisão – Seletiva: foca em alguns e descarta os demais – É influenciada pelas necessidades, motivações, interesses, personalidade, cultura, objetivo, prazer, medo…
  • 23.
    Atenção dividida efocada • atenção focada – habilidade de concentrar em um determinado evento quando existe uma série de eventos competindo • o que é relevante as atividades e intenções que se tem no momento • atenção dividida – quando se tenta atender a mais de uma demanda ao mesmo tempo • ex.: dirigir e conversar com um passageiro ao lado
  • 24.
    Atenção Focada eDividida • A atenção focalizada e dividida nos permite ser seletivos apesar da grande quantidade de estímulos competindo, no entanto limita nossa capacidade de perceber todos os outros eventos
  • 25.
    Focando atenção emuma Interface • As informações de uma interface devem ser estruturadas para capturar a atenção do usuário, por exemplo usando fronteiras perceptíveis (windows), cor, vídeo reverso, som e luzes piscantes
  • 26.
    Um exemplo deuso excessivo de gráficos
  • 27.
    Focando atenção emuma Interface • Como dirigir a atenção do usuário para a informação relevante no display? – Estruturando a interface • torná-la fácil de ser navegada • apresentar informação na medida certa: nem muita e nem pouca • agrupar e ordenar a informação em partes significativas – Outras técnicas • cores • técnicas de alerta: vídeo reverso, som etc • janelas
  • 28.
    Multi-tarefas e Interrupções • executar uma série de tarefas alternadamente durante um mesmo período de tempo • tarefas primárias e secundárias • como saber de onde recomeçar – ajudas cognitivas • sistemas devem ser projetados para sitematicamente prover informação sobre o status de uma determinada atividade – p. ex: ainda não salvou arquivo …..
  • 29.
    Implicações da atençãono projeto de interfaces • Salientar a informação, quando esta necessitar de atenção • Utilizar técnicas que façam com que coisas se destaquem, como: cor, disposição, espaçamento, sublinhado, ordenação e animação. • Evitar sobrecarregar a interface – Exemplo: Google, possui um design simples e rápido • Evitar usar muitos recursos só porque o software permite implementá-los
  • 30.
    • Memória PróximaAula... • Modelo de Processador de Informação Humano