SlideShare uma empresa Scribd logo
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

Mais conteúdo relacionado

Mais procurados

Sistemas Multimídia - Aula 01 - Apresentação
Sistemas Multimídia - Aula 01 - ApresentaçãoSistemas Multimídia - Aula 01 - Apresentação
Sistemas Multimídia - Aula 01 - Apresentação
Leinylson Fontinele
 
IHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de DesignIHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de Design
Márcio Darlen Lopes Cavalcante
 
DESIGN DE INTERFACE
DESIGN DE INTERFACEDESIGN DE INTERFACE
DESIGN DE INTERFACE
Andrea Dalforno
 
Projeto multimedia tutorial
Projeto multimedia tutorialProjeto multimedia tutorial
Projeto multimedia tutorial
Jose De Almeida Batista
 
UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?
Marconi Pacheco
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuário
Guilherme Marques
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
igoroliveiracosta
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)
Wellington Oliveira
 
Usabilidade - Metas, Principios e Heuristicas
Usabilidade -  Metas, Principios e HeuristicasUsabilidade -  Metas, Principios e Heuristicas
Usabilidade - Metas, Principios e Heuristicas
Lidiane Dos Santos Carvalho
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
Daniel Soto
 
O Que E Interacao Cap1 Ihc
O Que E Interacao Cap1 IhcO Que E Interacao Cap1 Ihc
O Que E Interacao Cap1 Ihc
Fabiano Damiati
 
ICH - Aula5
ICH - Aula5ICH - Aula5
ICH - Aula5
Fabiano Damiati
 
Heurística de Nielsen
Heurística de NielsenHeurística de Nielsen
Heurística de Nielsen
Renato Wajnberg
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de Usuário
André Constantino da Silva
 
Ihc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcIhc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihc
Ticianne Darin
 
Introduo Informtica Mdulo 1 1193933851888380 4
Introduo Informtica Mdulo 1 1193933851888380 4Introduo Informtica Mdulo 1 1193933851888380 4
Introduo Informtica Mdulo 1 1193933851888380 4
Jose Verissimo
 
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidade
Nécio de Lima Veras
 
Design de Interação - Capítulo 8 - Design, Prototipação e Construção -
Design de Interação - Capítulo 8 - Design, Prototipação e Construção - Design de Interação - Capítulo 8 - Design, Prototipação e Construção -
Design de Interação - Capítulo 8 - Design, Prototipação e Construção -
Pedro de Vasconcellos
 
Palestra - Testes de Usabilidade
Palestra - Testes de UsabilidadePalestra - Testes de Usabilidade
Palestra - Testes de Usabilidade
Luiz Agner
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
Luiz Agner
 

Mais procurados (20)

Sistemas Multimídia - Aula 01 - Apresentação
Sistemas Multimídia - Aula 01 - ApresentaçãoSistemas Multimídia - Aula 01 - Apresentação
Sistemas Multimídia - Aula 01 - Apresentação
 
IHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de DesignIHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de Design
 
DESIGN DE INTERFACE
DESIGN DE INTERFACEDESIGN DE INTERFACE
DESIGN DE INTERFACE
 
Projeto multimedia tutorial
Projeto multimedia tutorialProjeto multimedia tutorial
Projeto multimedia tutorial
 
UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuário
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)
 
Usabilidade - Metas, Principios e Heuristicas
Usabilidade -  Metas, Principios e HeuristicasUsabilidade -  Metas, Principios e Heuristicas
Usabilidade - Metas, Principios e Heuristicas
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
 
O Que E Interacao Cap1 Ihc
O Que E Interacao Cap1 IhcO Que E Interacao Cap1 Ihc
O Que E Interacao Cap1 Ihc
 
ICH - Aula5
ICH - Aula5ICH - Aula5
ICH - Aula5
 
Heurística de Nielsen
Heurística de NielsenHeurística de Nielsen
Heurística de Nielsen
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de Usuário
 
Ihc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcIhc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihc
 
Introduo Informtica Mdulo 1 1193933851888380 4
Introduo Informtica Mdulo 1 1193933851888380 4Introduo Informtica Mdulo 1 1193933851888380 4
Introduo Informtica Mdulo 1 1193933851888380 4
 
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidade
 
Design de Interação - Capítulo 8 - Design, Prototipação e Construção -
Design de Interação - Capítulo 8 - Design, Prototipação e Construção - Design de Interação - Capítulo 8 - Design, Prototipação e Construção -
Design de Interação - Capítulo 8 - Design, Prototipação e Construção -
 
Palestra - Testes de Usabilidade
Palestra - Testes de UsabilidadePalestra - Testes de Usabilidade
Palestra - Testes de Usabilidade
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
 

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

AULA 1- ATENÇÃO E MEMÓRIA - OUTUBRO - NOVEMBRO 2023.pptx
AULA 1- ATENÇÃO E MEMÓRIA - OUTUBRO - NOVEMBRO 2023.pptxAULA 1- ATENÇÃO E MEMÓRIA - OUTUBRO - NOVEMBRO 2023.pptx
AULA 1- ATENÇÃO E MEMÓRIA - OUTUBRO - NOVEMBRO 2023.pptx
ssuser187a51
 
apresentação .pdf
apresentação .pdfapresentação .pdf
apresentação .pdf
AnnaCludiaLimah
 
MENTE
MENTEMENTE
Cognicao humana para sala de aula
Cognicao humana para sala de aulaCognicao humana para sala de aula
Cognicao humana para sala de aula
Amyris Fernandez
 
COMO O CÉREBRO APRENDE - Cómo Aprende el Cerebro
COMO O CÉREBRO APRENDE - Cómo Aprende el CerebroCOMO O CÉREBRO APRENDE - Cómo Aprende el Cerebro
COMO O CÉREBRO APRENDE - Cómo Aprende el Cerebro
IFRS - Campus Sertão
 
Psicologia na contabilidade 03
Psicologia na contabilidade 03Psicologia na contabilidade 03
Psicologia na contabilidade 03
Milton Magnabosco
 
Design e usabilidade - Fundamentos
Design e usabilidade - FundamentosDesign e usabilidade - Fundamentos
Design e usabilidade - Fundamentos
Matheus Inácio
 
Gecon intro
Gecon introGecon intro
Gecon intro
Jose Sinotti
 
PROCESSOS PSICOLOGICOS BASICOSMEMÓRIA PPB.pdf
PROCESSOS PSICOLOGICOS BASICOSMEMÓRIA PPB.pdfPROCESSOS PSICOLOGICOS BASICOSMEMÓRIA PPB.pdf
PROCESSOS PSICOLOGICOS BASICOSMEMÓRIA PPB.pdf
vilcielepazebem
 
Experiência e perspectiva contemporânea do comportamento informacional humano
Experiência e perspectiva contemporânea do comportamento informacional humanoExperiência e perspectiva contemporânea do comportamento informacional humano
Experiência e perspectiva contemporânea do comportamento informacional humano
Kelley Cristine Gasque
 
Final.conceção e desenvolvimento de ambientes de aprendizagem online
Final.conceção e desenvolvimento de ambientes de aprendizagem onlineFinal.conceção e desenvolvimento de ambientes de aprendizagem online
Final.conceção e desenvolvimento de ambientes de aprendizagem online
Guilhermina Miranda
 
Design de Interação - Entendendo, conceituando e abordagem centrada no usuário
Design de Interação - Entendendo, conceituando e abordagem centrada no usuárioDesign de Interação - Entendendo, conceituando e abordagem centrada no usuário
Design de Interação - Entendendo, conceituando e abordagem centrada no usuário
Luiz Henrique Pinho de Sá
 
Processos cognitivos1
Processos cognitivos1Processos cognitivos1
Processos cognitivos1
anamatos66
 
Memória - Psicologia
Memória - PsicologiaMemória - Psicologia
Memória - Psicologia
Ana Felizardo
 
Teoria Geral de Sistemas
Teoria Geral de SistemasTeoria Geral de Sistemas
Design de interação e computação Pervasiva: um estudo sobre mecanismos atenci...
Design de interação e computação Pervasiva: um estudo sobre mecanismos atenci...Design de interação e computação Pervasiva: um estudo sobre mecanismos atenci...
Design de interação e computação Pervasiva: um estudo sobre mecanismos atenci...
Mauro Pinheiro
 
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Atech S.A. | Embraer Group
 
Cognição
CogniçãoCognição
Cognição
Rafael Savi
 
Cognição social
Cognição socialCognição social
Cognição social
Josevânia Silva
 
Mindfulness cultivar a atenção plena 2016
Mindfulness   cultivar a atenção plena 2016Mindfulness   cultivar a atenção plena 2016
Mindfulness cultivar a atenção plena 2016
Vasco Gaspar
 

Semelhante a Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC (20)

AULA 1- ATENÇÃO E MEMÓRIA - OUTUBRO - NOVEMBRO 2023.pptx
AULA 1- ATENÇÃO E MEMÓRIA - OUTUBRO - NOVEMBRO 2023.pptxAULA 1- ATENÇÃO E MEMÓRIA - OUTUBRO - NOVEMBRO 2023.pptx
AULA 1- ATENÇÃO E MEMÓRIA - OUTUBRO - NOVEMBRO 2023.pptx
 
apresentação .pdf
apresentação .pdfapresentação .pdf
apresentação .pdf
 
MENTE
MENTEMENTE
MENTE
 
Cognicao humana para sala de aula
Cognicao humana para sala de aulaCognicao humana para sala de aula
Cognicao humana para sala de aula
 
COMO O CÉREBRO APRENDE - Cómo Aprende el Cerebro
COMO O CÉREBRO APRENDE - Cómo Aprende el CerebroCOMO O CÉREBRO APRENDE - Cómo Aprende el Cerebro
COMO O CÉREBRO APRENDE - Cómo Aprende el Cerebro
 
Psicologia na contabilidade 03
Psicologia na contabilidade 03Psicologia na contabilidade 03
Psicologia na contabilidade 03
 
Design e usabilidade - Fundamentos
Design e usabilidade - FundamentosDesign e usabilidade - Fundamentos
Design e usabilidade - Fundamentos
 
Gecon intro
Gecon introGecon intro
Gecon intro
 
PROCESSOS PSICOLOGICOS BASICOSMEMÓRIA PPB.pdf
PROCESSOS PSICOLOGICOS BASICOSMEMÓRIA PPB.pdfPROCESSOS PSICOLOGICOS BASICOSMEMÓRIA PPB.pdf
PROCESSOS PSICOLOGICOS BASICOSMEMÓRIA PPB.pdf
 
Experiência e perspectiva contemporânea do comportamento informacional humano
Experiência e perspectiva contemporânea do comportamento informacional humanoExperiência e perspectiva contemporânea do comportamento informacional humano
Experiência e perspectiva contemporânea do comportamento informacional humano
 
Final.conceção e desenvolvimento de ambientes de aprendizagem online
Final.conceção e desenvolvimento de ambientes de aprendizagem onlineFinal.conceção e desenvolvimento de ambientes de aprendizagem online
Final.conceção e desenvolvimento de ambientes de aprendizagem online
 
Design de Interação - Entendendo, conceituando e abordagem centrada no usuário
Design de Interação - Entendendo, conceituando e abordagem centrada no usuárioDesign de Interação - Entendendo, conceituando e abordagem centrada no usuário
Design de Interação - Entendendo, conceituando e abordagem centrada no usuário
 
Processos cognitivos1
Processos cognitivos1Processos cognitivos1
Processos cognitivos1
 
Memória - Psicologia
Memória - PsicologiaMemória - Psicologia
Memória - Psicologia
 
Teoria Geral de Sistemas
Teoria Geral de SistemasTeoria Geral de Sistemas
Teoria Geral de Sistemas
 
Design de interação e computação Pervasiva: um estudo sobre mecanismos atenci...
Design de interação e computação Pervasiva: um estudo sobre mecanismos atenci...Design de interação e computação Pervasiva: um estudo sobre mecanismos atenci...
Design de interação e computação Pervasiva: um estudo sobre mecanismos atenci...
 
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
 
Cognição
CogniçãoCognição
Cognição
 
Cognição social
Cognição socialCognição social
Cognição social
 
Mindfulness cultivar a atenção plena 2016
Mindfulness   cultivar a atenção plena 2016Mindfulness   cultivar a atenção plena 2016
Mindfulness cultivar a atenção plena 2016
 

Mais de André Constantino da Silva

Introdução ao TelEduc
Introdução ao TelEducIntrodução ao TelEduc
Introdução ao TelEduc
André Constantino da Silva
 
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
André Constantino da Silva
 
Aula sobre texto academico - elaboração do desenvolvimento
Aula sobre texto academico - elaboração do desenvolvimentoAula sobre texto academico - elaboração do desenvolvimento
Aula sobre texto academico - elaboração do desenvolvimento
André Constantino da Silva
 
Aula 5 -Avaliação de interfaces de usuário - testes com usuários
Aula 5 -Avaliação de interfaces de usuário - testes com usuáriosAula 5 -Avaliação de interfaces de usuário - testes com usuários
Aula 5 -Avaliação de interfaces de usuário - testes com usuários
André Constantino da Silva
 
Como fazer citações e referências bibliográficas
Como fazer citações e referências bibliográficasComo fazer citações e referências bibliográficas
Como fazer citações e referências bibliográficas
André Constantino da Silva
 
Aula 1 - Apresentação da Disciplina
Aula 1 - Apresentação da DisciplinaAula 1 - Apresentação da Disciplina
Aula 1 - Apresentação da Disciplina
André Constantino da Silva
 
Introdução ao ambiente virtual de aprendizagem TelEduc
Introdução ao ambiente virtual de aprendizagem TelEducIntrodução ao ambiente virtual de aprendizagem TelEduc
Introdução ao ambiente virtual de aprendizagem TelEduc
André Constantino da Silva
 
Aula 3 – A áera de IHC
Aula 3 – A áera de IHCAula 3 – A áera de IHC
Aula 3 – A áera de IHC
André Constantino da Silva
 
InkBlog: A Pen-Based Blog Tool for e-Learning Environments
InkBlog: A Pen-Based Blog Tool for e-Learning EnvironmentsInkBlog: A Pen-Based Blog Tool for e-Learning Environments
InkBlog: A Pen-Based Blog Tool for e-Learning Environments
André Constantino da Silva
 
Aula 3
Aula 3Aula 3
Aula 2 final
Aula 2 finalAula 2 final
Aula 1 final
Aula 1 finalAula 1 final
Aula 10 - Comando de Decisão Múltipla e Comandos de Repetição
Aula 10 - Comando de Decisão Múltipla e Comandos de RepetiçãoAula 10 - Comando de Decisão Múltipla e Comandos de Repetição
Aula 10 - Comando de Decisão Múltipla e Comandos de Repetição
André Constantino da Silva
 
Aula 9 - Resultado Operandos Matemáticos, Operadores Aritmeticos, Relacionais...
Aula 9 - Resultado Operandos Matemáticos, Operadores Aritmeticos, Relacionais...Aula 9 - Resultado Operandos Matemáticos, Operadores Aritmeticos, Relacionais...
Aula 9 - Resultado Operandos Matemáticos, Operadores Aritmeticos, Relacionais...
André Constantino da Silva
 
Aula 6 – linguagem HTML - Endereço absoluto e relativo
Aula 6 – linguagem HTML - Endereço absoluto e relativoAula 6 – linguagem HTML - Endereço absoluto e relativo
Aula 6 – linguagem HTML - Endereço absoluto e relativo
André Constantino da Silva
 
Aula 7 – linguagem HTML - Frames
Aula 7 – linguagem HTML - FramesAula 7 – linguagem HTML - Frames
Aula 7 – linguagem HTML - Frames
André Constantino da Silva
 
Aula 8 - Lógica de Programação - Variáveis, Tipos de dados e Operadores
Aula 8 - Lógica de Programação - Variáveis, Tipos de dados e OperadoresAula 8 - Lógica de Programação - Variáveis, Tipos de dados e Operadores
Aula 8 - Lógica de Programação - Variáveis, Tipos de dados e Operadores
André Constantino da Silva
 
Aula 4 – Linguagem HTML - Imagens e links
Aula 4 – Linguagem HTML - Imagens e linksAula 4 – Linguagem HTML - Imagens e links
Aula 4 – Linguagem HTML - Imagens e links
André Constantino da Silva
 
Aula 3 – Linguagem HTML - formatação de texto
Aula 3 – Linguagem HTML -  formatação de textoAula 3 – Linguagem HTML -  formatação de texto
Aula 3 – Linguagem HTML - formatação de texto
André Constantino da Silva
 
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
André Constantino da Silva
 

Mais de André Constantino da Silva (20)

Introdução ao TelEduc
Introdução ao TelEducIntrodução ao TelEduc
Introdução ao TelEduc
 
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
 
Aula sobre texto academico - elaboração do desenvolvimento
Aula sobre texto academico - elaboração do desenvolvimentoAula sobre texto academico - elaboração do desenvolvimento
Aula sobre texto academico - elaboração do desenvolvimento
 
Aula 5 -Avaliação de interfaces de usuário - testes com usuários
Aula 5 -Avaliação de interfaces de usuário - testes com usuáriosAula 5 -Avaliação de interfaces de usuário - testes com usuários
Aula 5 -Avaliação de interfaces de usuário - testes com usuários
 
Como fazer citações e referências bibliográficas
Como fazer citações e referências bibliográficasComo fazer citações e referências bibliográficas
Como fazer citações e referências bibliográficas
 
Aula 1 - Apresentação da Disciplina
Aula 1 - Apresentação da DisciplinaAula 1 - Apresentação da Disciplina
Aula 1 - Apresentação da Disciplina
 
Introdução ao ambiente virtual de aprendizagem TelEduc
Introdução ao ambiente virtual de aprendizagem TelEducIntrodução ao ambiente virtual de aprendizagem TelEduc
Introdução ao ambiente virtual de aprendizagem TelEduc
 
Aula 3 – A áera de IHC
Aula 3 – A áera de IHCAula 3 – A áera de IHC
Aula 3 – A áera de IHC
 
InkBlog: A Pen-Based Blog Tool for e-Learning Environments
InkBlog: A Pen-Based Blog Tool for e-Learning EnvironmentsInkBlog: A Pen-Based Blog Tool for e-Learning Environments
InkBlog: A Pen-Based Blog Tool for e-Learning Environments
 
Aula 3
Aula 3Aula 3
Aula 3
 
Aula 2 final
Aula 2 finalAula 2 final
Aula 2 final
 
Aula 1 final
Aula 1 finalAula 1 final
Aula 1 final
 
Aula 10 - Comando de Decisão Múltipla e Comandos de Repetição
Aula 10 - Comando de Decisão Múltipla e Comandos de RepetiçãoAula 10 - Comando de Decisão Múltipla e Comandos de Repetição
Aula 10 - Comando de Decisão Múltipla e Comandos de Repetição
 
Aula 9 - Resultado Operandos Matemáticos, Operadores Aritmeticos, Relacionais...
Aula 9 - Resultado Operandos Matemáticos, Operadores Aritmeticos, Relacionais...Aula 9 - Resultado Operandos Matemáticos, Operadores Aritmeticos, Relacionais...
Aula 9 - Resultado Operandos Matemáticos, Operadores Aritmeticos, Relacionais...
 
Aula 6 – linguagem HTML - Endereço absoluto e relativo
Aula 6 – linguagem HTML - Endereço absoluto e relativoAula 6 – linguagem HTML - Endereço absoluto e relativo
Aula 6 – linguagem HTML - Endereço absoluto e relativo
 
Aula 7 – linguagem HTML - Frames
Aula 7 – linguagem HTML - FramesAula 7 – linguagem HTML - Frames
Aula 7 – linguagem HTML - Frames
 
Aula 8 - Lógica de Programação - Variáveis, Tipos de dados e Operadores
Aula 8 - Lógica de Programação - Variáveis, Tipos de dados e OperadoresAula 8 - Lógica de Programação - Variáveis, Tipos de dados e Operadores
Aula 8 - Lógica de Programação - Variáveis, Tipos de dados e Operadores
 
Aula 4 – Linguagem HTML - Imagens e links
Aula 4 – Linguagem HTML - Imagens e linksAula 4 – Linguagem HTML - Imagens e links
Aula 4 – Linguagem HTML - Imagens e links
 
Aula 3 – Linguagem HTML - formatação de texto
Aula 3 – Linguagem HTML -  formatação de textoAula 3 – Linguagem HTML -  formatação de texto
Aula 3 – Linguagem HTML - formatação de texto
 
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
 

Último

TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdfTOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
Momento da Informática
 
Logica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptxLogica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptx
Momento da Informática
 
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
Faga1939
 
Segurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas PráticasSegurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas Práticas
Danilo Pinotti
 
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdfEscola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Gabriel de Mattos Faustino
 
História da Rádio- 1936-1970 século XIX .2.pptx
História da Rádio- 1936-1970 século XIX   .2.pptxHistória da Rádio- 1936-1970 século XIX   .2.pptx
História da Rádio- 1936-1970 século XIX .2.pptx
TomasSousa7
 
Manual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdfManual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdf
WELITONNOGUEIRA3
 

Último (7)

TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdfTOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
 
Logica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptxLogica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptx
 
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
 
Segurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas PráticasSegurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas Práticas
 
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdfEscola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
 
História da Rádio- 1936-1970 século XIX .2.pptx
História da Rádio- 1936-1970 século XIX   .2.pptxHistória da Rádio- 1936-1970 século XIX   .2.pptx
História da Rádio- 1936-1970 século XIX .2.pptx
 
Manual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdfManual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdf
 

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

  • 1. Fundamentos de Fatores Humanos em IHC Parte 2 Prof. André Constantino da Silva IHC Matutino 24 de agosto de 2014
  • 2. Tudo junto e misturado • 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çã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
  • 5. 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
  • 6. Quais são os botões da figura? • Os objetos carregam certas características que dirigem nossa percepção sobre eles...
  • 7. Qual a frase mais fácil de ler? Por quê?
  • 8. 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)
  • 9. 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
  • 10. 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
  • 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
  • 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í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
  • 20. Vídeos Extras • http://youtu.be/ywaovES97vI?list=PL4EDA0 1368AB3E59E
  • 22. 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…
  • 23. 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
  • 24. 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
  • 25. 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
  • 26. Um exemplo de uso excessivo de gráficos
  • 27. 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
  • 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çã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
  • 30. • Memória Próxima Aula... • Modelo de Processador de Informação Humano