SlideShare una empresa de Scribd logo
1 de 30
Descargar para leer sin conexión
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

Más contenido relacionado

La actualidad más candente

Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHCNeilda Costa
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & UsabilidadeLuiz China
 
Aula: Evolução das interfaces
Aula: Evolução das interfacesAula: Evolução das interfaces
Aula: Evolução das interfacesJanynne Gomes
 
Aula: Princípios de design de interfaces
Aula: Princípios de design de interfacesAula: Princípios de design de interfaces
Aula: Princípios de design de interfacesJanynne Gomes
 
Aula: Gerações de interfaces
Aula: Gerações de interfacesAula: Gerações de interfaces
Aula: Gerações de interfacesJanynne Gomes
 
Ihc 01-conceitos básicos
Ihc 01-conceitos básicosIhc 01-conceitos básicos
Ihc 01-conceitos básicosEduardo Xavier
 
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 ihcTicianne Darin
 
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINAIHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINADiego BBahia
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores Monica Mesquita
 
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 acessibilidadeNécio de Lima Veras
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioErico Fileno
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]Robson Santos
 
Aula: Tipos de Interface
Aula: Tipos de InterfaceAula: Tipos de Interface
Aula: Tipos de InterfaceJanynne Gomes
 
Sistemas Operacionais - Aula 04 - Prática 1 - (SOSim)
Sistemas Operacionais - Aula 04 - Prática 1 - (SOSim)Sistemas Operacionais - Aula 04 - Prática 1 - (SOSim)
Sistemas Operacionais - Aula 04 - Prática 1 - (SOSim)Leinylson Fontinele
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuárioBruno Biagioni Neto
 

La actualidad más candente (20)

Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHC
 
Usabilidade IHC
Usabilidade IHCUsabilidade IHC
Usabilidade IHC
 
ICH - Aula5
ICH - Aula5ICH - Aula5
ICH - Aula5
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & Usabilidade
 
Aula: Evolução das interfaces
Aula: Evolução das interfacesAula: Evolução das interfaces
Aula: Evolução das interfaces
 
Aula: Princípios de design de interfaces
Aula: Princípios de design de interfacesAula: Princípios de design de interfaces
Aula: Princípios de design de interfaces
 
Aula: Gerações de interfaces
Aula: Gerações de interfacesAula: Gerações de interfaces
Aula: Gerações de interfaces
 
Aula 2 - A área de IHC
Aula 2 - A área de IHCAula 2 - A área de IHC
Aula 2 - A área de IHC
 
Ihc 01-conceitos básicos
Ihc 01-conceitos básicosIhc 01-conceitos básicos
Ihc 01-conceitos básicos
 
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
 
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINAIHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
 
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
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no Usuário
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]
 
Aula: Tipos de Interface
Aula: Tipos de InterfaceAula: Tipos de Interface
Aula: Tipos de Interface
 
Sistemas Operacionais - Aula 04 - Prática 1 - (SOSim)
Sistemas Operacionais - Aula 04 - Prática 1 - (SOSim)Sistemas Operacionais - Aula 04 - Prática 1 - (SOSim)
Sistemas Operacionais - Aula 04 - Prática 1 - (SOSim)
 
O Sistema Perceptual Humano
O Sistema Perceptual HumanoO Sistema Perceptual Humano
O Sistema Perceptual Humano
 
Interface homem maquina introdução
Interface homem maquina   introduçãoInterface homem maquina   introdução
Interface homem maquina introdução
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
 

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

Cognicao humana para sala de aula
Cognicao humana para sala de aulaCognicao humana para sala de aula
Cognicao humana para sala de aulaAmyris 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 CerebroIFRS - Campus Sertão
 
Psicologia na contabilidade 03
Psicologia na contabilidade 03Psicologia na contabilidade 03
Psicologia na contabilidade 03Milton Magnabosco
 
Design e usabilidade - Fundamentos
Design e usabilidade - FundamentosDesign e usabilidade - Fundamentos
Design e usabilidade - FundamentosMatheus Inácio
 
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 humanoKelley 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 onlineGuilhermina 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árioLuiz Henrique Pinho de Sá
 
Processos cognitivos1
Processos cognitivos1Processos cognitivos1
Processos cognitivos1anamatos66
 
Memória - Psicologia
Memória - PsicologiaMemória - Psicologia
Memória - PsicologiaAna Felizardo
 
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é 02Atech S.A. | Embraer Group
 
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 2016Vasco Gaspar
 
Psicologia - a mente, as emoções e a conação
Psicologia - a mente, as emoções e a conaçãoPsicologia - a mente, as emoções e a conação
Psicologia - a mente, as emoções e a conaçãoJoana Filipa Rodrigues
 

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

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
 
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
 
16_memoria_e_educacao.pdf
16_memoria_e_educacao.pdf16_memoria_e_educacao.pdf
16_memoria_e_educacao.pdf
 
Psicologia - a mente, as emoções e a conação
Psicologia - a mente, as emoções e a conaçãoPsicologia - a mente, as emoções e a conação
Psicologia - a mente, as emoções e a conação
 

Más de 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 desenvolvimentoAndré 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áriosAndré Constantino da Silva
 
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árioAndré 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áficasAndré 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 TelEducAndré 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 EnvironmentsAndré Constantino da Silva
 
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çãoAndré 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 relativoAndré 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 OperadoresAndré Constantino da Silva
 

Más 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
 
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
 
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 4 - Avaliação de Interface - Parte 1
Aula 4 -  Avaliação de Interface - Parte 1Aula 4 -  Avaliação de Interface - Parte 1
Aula 4 - Avaliação de Interface - Parte 1
 
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 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