SlideShare ist ein Scribd-Unternehmen logo
1 von 40
Slides baseados no livro: Design e Avaliação de Interfaces Humano Computador Heloísa Vieira da Rocha M.Cecília C. Baranauskas
A PSICOLOGIA DA INTERAÇÃO HUMANO-COMPUTADOR O conceito de interface tem evoluído na mesma proporção em que se conhece mais sobre a  tecnologia dos computadores por um lado e sobre a natureza humana, por outro. DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
A PSICOLOGIA DA INTERAÇÃO HUMANO-COMPUTADOR O conhecimento sobre o ser humano enquanto sistema tem alimentado teorias em várias áreas do conhecimento; ao mesmo tempo usamos da analogia para refletir e construir conhecimento sobre o Homem. DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
A PSICOLOGIA DA INTERAÇÃO HUMANO-COMPUTADOR Só para citar algumas áreas de ciência e tecnologia em que essa relação dialética se estabelece, a  Inteligência Artificial, as Redes Neurais, a Cibernética, a Teoria da Informação, a Engenharia Genética, são exemplos contundentes. DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
UMA TEORIA CLÁSSICA PARA O PROCESSAMENTO DE INFORMAÇÃO NO HOMEM A facilidade com que palavras da linguagem de interface podem ser lembradas, como o tipo de fontes de caracteres afetam a legibilidade, e a velocidade com que lemos informação na tela, são exemplos simples de como nossa interação com computadores pode ser afetada pelo funcionamento de nossos mecanismos perceptuais, motores e de memória. DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
UMA TEORIA CLÁSSICA PARA O PROCESSAMENTO DE INFORMAÇÃO NO HOMEM Assim como o engenheiro de computação descreve um sistema de processamento de informações em termos de memórias, processadores, seus parâmetros e interconexões, Card  et al (1983) propõem  o  Modelo do Processador de Informação  Humano (MPIH) , como uma descrição aproximada para ajudar a prever a interação usuário-computador, com relação a comportamentos. DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Fatores Humanos em IHC ,[object Object],[object Object],[object Object],[object Object],[object Object],Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Um Modelo do Usuário de Computadores ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
O  M odelo do  P rocessador de  I nformação  H umano ,[object Object],Memória de Longa Duração (MLD),  Memória da Imagem Visual (MIV) Memória da Imagem Auditiva (MIA) Memória de Curta Duração (MCD),  Memória deTrabalho (MT),  Processador Perceptual (PP).  ProcessadorCognitivo (PC).  Processador Motor (PM) DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS PP PC PM MLD MCD/MT MIA MIV
GONS ,[object Object],[object Object],DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
UMA TEORIA CLÁSSICA PARA O PROCESSAMENTO DE INFORMAÇÃO NO HOMEM O modelo é constituído por um conjunto de memórias e processadores e um conjunto de  princípios de operação. Três subsistemas fazem parte e interagem no  MPIH :  Sistema Perceptual (SP),  Sistema Motor (SM)  Sistema Cognitivo (SC).  DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
O MPIH ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
O SISTEMA PERCEPTUAL ,[object Object],[object Object],[object Object],DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
O SISTEMA MOTOR ,[object Object],Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
O SISTEMA MOTOR ,[object Object],Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
O SISTEMA COGNITIVO ,[object Object],Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Princípios do Modelo do Processador de Informação Humano: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Princípios do Modelo do Processador de Informação Humano: ,[object Object],[object Object],[object Object],DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Mecanismos da Percepção Humana E sua influência no design de interfaces DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Percepção ,[object Object],DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Percepção DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Várias teorias... ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Quais são os botões da figura? ,[object Object],Time &Chaos (Shame, 1999) DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Entendendo os mecanismos da percepção... ,[object Object],[object Object],DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
[object Object],[object Object],Entendendo os mecanismos da percepção... DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Degradando a imagem...   Foto de R.C.James DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Colocando organizações competitivas... M C Escher,  Cavaleiros DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Salvador Dalí,  The Slave Market with Disappearing Bust of Voltaire DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Colocando uma organização sem sentido... Processos perceptuais impõem uma organização à imagem.... B. Riley,  Tremor DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Nosso aparato visual evolui em mundo 3D... Atribuindo profundidade (e contexto) à imagem R. Magritte,  Les Promenades d´Éuclide DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Olhando para “figuras impossíveis” Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Outra maneira de mostrar a operação que fazemos ao colocar objetos em 3D durante sua interpretação M C Escher,  Moebius Strip DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Anomalias da Percepção Células neurais interagem umas com as outras.  No único ponto do olho onde os receptores não interagem muito com os outros, o escurecimento da interseção não acontece DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Perceber é muito mais que ver... ,[object Object],(Shame, 1999) DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS
Percepção ,[object Object],[object Object],[object Object],[object Object],DESIGN E AVALIAÇÃO DE  INTERFACES HUMANO-COMPUTADOR  HELOÍSA VIEIRA DA ROCHA -  MARIA CECÍLIA CALANI BARANAUSKAS

Weitere ähnliche Inhalte

Was ist angesagt?

Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC
Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHCAula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC
Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHCAndré Constantino da Silva
 
Aula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de InteraçãoAula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de InteraçãoFabio Moura Pereira
 
PACT: um framework para o design de sistemas interativos
PACT: um framework para o design de sistemas interativosPACT: um framework para o design de sistemas interativos
PACT: um framework para o design de sistemas interativosWellington Oliveira
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1Robson Santos
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Wellington Oliveira
 
Aula Teste sobre IHC, usabilidade e affordance
Aula Teste sobre IHC, usabilidade e affordanceAula Teste sobre IHC, usabilidade e affordance
Aula Teste sobre IHC, usabilidade e affordanceChristopher Cerqueira
 
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...Eduardo Bertolucci
 
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
 
88194121 puc-ihc-aula11-teorias-de-ihc-eng-cognitiva
88194121 puc-ihc-aula11-teorias-de-ihc-eng-cognitiva88194121 puc-ihc-aula11-teorias-de-ihc-eng-cognitiva
88194121 puc-ihc-aula11-teorias-de-ihc-eng-cognitivaJosimar Lima
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informaçãoCristiane Mendes
 
Interação humano computador (introdução )
Interação humano computador (introdução )Interação humano computador (introdução )
Interação humano computador (introdução )Jesse Teixeira
 
Ihc2016.2 aula 7 critérios de qualidade de uso
Ihc2016.2 aula 7   critérios de qualidade de usoIhc2016.2 aula 7   critérios de qualidade de uso
Ihc2016.2 aula 7 critérios de qualidade de usoTicianne Darin
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02igoroliveiracosta
 
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixAula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixCris Fidelix
 
Ihc2016.2 aula 3 introdução ao design de interação
Ihc2016.2 aula 3   introdução ao design de interaçãoIhc2016.2 aula 3   introdução ao design de interação
Ihc2016.2 aula 3 introdução ao design de interaçãoTicianne Darin
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesLuiz Agner
 

Was ist angesagt? (20)

Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC
Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHCAula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC
Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC
 
Aula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de InteraçãoAula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de Interação
 
PACT: um framework para o design de sistemas interativos
PACT: um framework para o design de sistemas interativosPACT: um framework para o design de sistemas interativos
PACT: um framework para o design de sistemas interativos
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)
 
Aula Teste sobre IHC, usabilidade e affordance
Aula Teste sobre IHC, usabilidade e affordanceAula Teste sobre IHC, usabilidade e affordance
Aula Teste sobre IHC, usabilidade e affordance
 
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
IHC - Trabalho de Prototipação - Eduardo Bertolucci e Colegas e Classe - UNOP...
 
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
 
88194121 puc-ihc-aula11-teorias-de-ihc-eng-cognitiva
88194121 puc-ihc-aula11-teorias-de-ihc-eng-cognitiva88194121 puc-ihc-aula11-teorias-de-ihc-eng-cognitiva
88194121 puc-ihc-aula11-teorias-de-ihc-eng-cognitiva
 
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
Fatores Humanos (IHC)
Fatores Humanos (IHC)Fatores Humanos (IHC)
Fatores Humanos (IHC)
 
Interação humano computador (introdução )
Interação humano computador (introdução )Interação humano computador (introdução )
Interação humano computador (introdução )
 
Ihc2016.2 aula 7 critérios de qualidade de uso
Ihc2016.2 aula 7   critérios de qualidade de usoIhc2016.2 aula 7   critérios de qualidade de uso
Ihc2016.2 aula 7 critérios de qualidade de uso
 
Interface Homem Computador - Aula01- Introdução a IHC
Interface Homem Computador - Aula01- Introdução a IHCInterface Homem Computador - Aula01- Introdução a IHC
Interface Homem Computador - Aula01- Introdução a IHC
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
 
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixAula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
 
Ihc2016.2 aula 3 introdução ao design de interação
Ihc2016.2 aula 3   introdução ao design de interaçãoIhc2016.2 aula 3   introdução ao design de interação
Ihc2016.2 aula 3 introdução ao design de interação
 
Ux design - Conceitos Básicos
Ux design - Conceitos BásicosUx design - Conceitos Básicos
Ux design - Conceitos Básicos
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
 

Andere mochten auch

Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!Monica Possel
 
O Processo do Design de Interação
O Processo do Design de InteraçãoO Processo do Design de Interação
O Processo do Design de Interaçãoigor drey
 
Design de interação e usabilidade
Design de interação e usabilidadeDesign de interação e usabilidade
Design de interação e usabilidadeInformantTalks
 
Piero Della Francesca
Piero Della FrancescaPiero Della Francesca
Piero Della Francescawill1110
 
Aula 03 - Mecanismos da Percepção Humana
Aula 03  - Mecanismos da Percepção HumanaAula 03  - Mecanismos da Percepção Humana
Aula 03 - Mecanismos da Percepção HumanaProfessor Samuel Ribeiro
 
Aula 6 Modelos Mentais: conceito e análise
Aula 6  Modelos Mentais: conceito e análiseAula 6  Modelos Mentais: conceito e análise
Aula 6 Modelos Mentais: conceito e análiseCarlos Alves
 
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and FriendsThe Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and FriendsStacy Kvernmo
 

Andere mochten auch (10)

Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!
 
Fatenp ihc-aula4
Fatenp ihc-aula4Fatenp ihc-aula4
Fatenp ihc-aula4
 
O Processo do Design de Interação
O Processo do Design de InteraçãoO Processo do Design de Interação
O Processo do Design de Interação
 
O Sistema Perceptual Humano
O Sistema Perceptual HumanoO Sistema Perceptual Humano
O Sistema Perceptual Humano
 
Design de interação e usabilidade
Design de interação e usabilidadeDesign de interação e usabilidade
Design de interação e usabilidade
 
Piero Della Francesca
Piero Della FrancescaPiero Della Francesca
Piero Della Francesca
 
Aula 03 - Mecanismos da Percepção Humana
Aula 03  - Mecanismos da Percepção HumanaAula 03  - Mecanismos da Percepção Humana
Aula 03 - Mecanismos da Percepção Humana
 
Aula 6 Modelos Mentais: conceito e análise
Aula 6  Modelos Mentais: conceito e análiseAula 6  Modelos Mentais: conceito e análise
Aula 6 Modelos Mentais: conceito e análise
 
Percepção - Psicologia
Percepção - PsicologiaPercepção - Psicologia
Percepção - Psicologia
 
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and FriendsThe Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
 

Ähnlich wie ICH - Aula5

Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...Rafael Burity
 
Fundamentos De Ia E Sistemas Baseados em Conhecimento
Fundamentos De Ia E Sistemas Baseados em ConhecimentoFundamentos De Ia E Sistemas Baseados em Conhecimento
Fundamentos De Ia E Sistemas Baseados em Conhecimentozehzinho
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoMarcello Cardoso
 
Fundamentos De Ia E SbCs
Fundamentos De Ia E SbCsFundamentos De Ia E SbCs
Fundamentos De Ia E SbCszehzinho
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHCNeilda Costa
 
Newton Paiva - DI - Aula 06
Newton Paiva - DI - Aula 06Newton Paiva - DI - Aula 06
Newton Paiva - DI - Aula 06Marcello Cardoso
 
Praticas no ensino profissional na area das ti
Praticas no ensino profissional na area das tiPraticas no ensino profissional na area das ti
Praticas no ensino profissional na area das tiFrancisco Pires
 
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
 
Aula 9 interfaces- graduação Design
Aula 9 interfaces- graduação DesignAula 9 interfaces- graduação Design
Aula 9 interfaces- graduação DesignGustavo Fischer
 
Aula: Fatores Humanos e Interatividade na IHM
Aula: Fatores Humanos e Interatividade na IHMAula: Fatores Humanos e Interatividade na IHM
Aula: Fatores Humanos e Interatividade na IHMJanynne Gomes
 
Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010Marconi Pacheco
 
APRESENTAÇÃO - TEMA 4 - IHC .pptx
APRESENTAÇÃO - TEMA 4 - IHC .pptxAPRESENTAÇÃO - TEMA 4 - IHC .pptx
APRESENTAÇÃO - TEMA 4 - IHC .pptxKaikeFonseca
 
Um estudo sobre inteligência artificial e o funcionamento de um agente
Um estudo sobre inteligência artificial e o funcionamento de um agenteUm estudo sobre inteligência artificial e o funcionamento de um agente
Um estudo sobre inteligência artificial e o funcionamento de um agenteUNIEURO
 
Interação Homem-Computador - Interfaces naturais
Interação Homem-Computador - Interfaces naturaisInteração Homem-Computador - Interfaces naturais
Interação Homem-Computador - Interfaces naturaisJuliano Padilha
 

Ähnlich wie ICH - Aula5 (20)

Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
 
Fundamentos De Ia E Sistemas Baseados em Conhecimento
Fundamentos De Ia E Sistemas Baseados em ConhecimentoFundamentos De Ia E Sistemas Baseados em Conhecimento
Fundamentos De Ia E Sistemas Baseados em Conhecimento
 
Aula 1
Aula 1Aula 1
Aula 1
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
Fundamentos De Ia E SbCs
Fundamentos De Ia E SbCsFundamentos De Ia E SbCs
Fundamentos De Ia E SbCs
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHC
 
Parte II
Parte IIParte II
Parte II
 
Newton Paiva - DI - Aula 06
Newton Paiva - DI - Aula 06Newton Paiva - DI - Aula 06
Newton Paiva - DI - Aula 06
 
Praticas no ensino profissional na area das ti
Praticas no ensino profissional na area das tiPraticas no ensino profissional na area das ti
Praticas no ensino profissional na area das ti
 
Interfece
InterfeceInterfece
Interfece
 
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
 
Sc ad-tp-g4-a.ppt
Sc ad-tp-g4-a.pptSc ad-tp-g4-a.ppt
Sc ad-tp-g4-a.ppt
 
Aula 9 interfaces- graduação Design
Aula 9 interfaces- graduação DesignAula 9 interfaces- graduação Design
Aula 9 interfaces- graduação Design
 
Apresentação Aula 01
Apresentação  Aula 01Apresentação  Aula 01
Apresentação Aula 01
 
Aula: Fatores Humanos e Interatividade na IHM
Aula: Fatores Humanos e Interatividade na IHMAula: Fatores Humanos e Interatividade na IHM
Aula: Fatores Humanos e Interatividade na IHM
 
Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010
 
APRESENTAÇÃO - TEMA 4 - IHC .pptx
APRESENTAÇÃO - TEMA 4 - IHC .pptxAPRESENTAÇÃO - TEMA 4 - IHC .pptx
APRESENTAÇÃO - TEMA 4 - IHC .pptx
 
Um estudo sobre inteligência artificial e o funcionamento de um agente
Um estudo sobre inteligência artificial e o funcionamento de um agenteUm estudo sobre inteligência artificial e o funcionamento de um agente
Um estudo sobre inteligência artificial e o funcionamento de um agente
 
Fatores Humanos no Projeto Multimídia
Fatores Humanos no Projeto MultimídiaFatores Humanos no Projeto Multimídia
Fatores Humanos no Projeto Multimídia
 
Interação Homem-Computador - Interfaces naturais
Interação Homem-Computador - Interfaces naturaisInteração Homem-Computador - Interfaces naturais
Interação Homem-Computador - Interfaces naturais
 

Mehr von Fabiano Damiati

Certificado atividades complementares 01
Certificado atividades complementares 01Certificado atividades complementares 01
Certificado atividades complementares 01Fabiano Damiati
 
Herr Strom - Ediction 2012 Buenos Aires
Herr Strom - Ediction 2012 Buenos AiresHerr Strom - Ediction 2012 Buenos Aires
Herr Strom - Ediction 2012 Buenos AiresFabiano Damiati
 
Das Pinturas Rupestres à Hipermídia
Das Pinturas Rupestres à HipermídiaDas Pinturas Rupestres à Hipermídia
Das Pinturas Rupestres à HipermídiaFabiano Damiati
 
PsicodinâMica Das Cores Em ComunicaçãO
PsicodinâMica Das Cores Em ComunicaçãOPsicodinâMica Das Cores Em ComunicaçãO
PsicodinâMica Das Cores Em ComunicaçãOFabiano Damiati
 
O consumidor no processo de compra
O consumidor no processo de compraO consumidor no processo de compra
O consumidor no processo de compraFabiano Damiati
 
O Consumidor No Diva Estudo Do Consumidor
O Consumidor No Diva   Estudo Do ConsumidorO Consumidor No Diva   Estudo Do Consumidor
O Consumidor No Diva Estudo Do ConsumidorFabiano Damiati
 
Ihc Aula8 M I Avaliacao Heuristica
Ihc Aula8 M I Avaliacao HeuristicaIhc Aula8 M I Avaliacao Heuristica
Ihc Aula8 M I Avaliacao HeuristicaFabiano Damiati
 
O Que E Interacao Cap1 Ihc
O Que E Interacao Cap1 IhcO Que E Interacao Cap1 Ihc
O Que E Interacao Cap1 IhcFabiano Damiati
 
Das Pinturas Rupestres à Hipermídia
Das Pinturas Rupestres à HipermídiaDas Pinturas Rupestres à Hipermídia
Das Pinturas Rupestres à HipermídiaFabiano Damiati
 
Pesquisa De Marketing F.N. Mattar Cap 2
Pesquisa De Marketing   F.N. Mattar   Cap 2Pesquisa De Marketing   F.N. Mattar   Cap 2
Pesquisa De Marketing F.N. Mattar Cap 2Fabiano Damiati
 
Pesquisa De Marketing F.N. Mattar Cap 1
Pesquisa De Marketing   F.N. Mattar   Cap 1Pesquisa De Marketing   F.N. Mattar   Cap 1
Pesquisa De Marketing F.N. Mattar Cap 1Fabiano Damiati
 
Visão Psico SociolóGica Da Educação
Visão Psico SociolóGica Da EducaçãoVisão Psico SociolóGica Da Educação
Visão Psico SociolóGica Da EducaçãoFabiano Damiati
 

Mehr von Fabiano Damiati (20)

Certificado atividades complementares 01
Certificado atividades complementares 01Certificado atividades complementares 01
Certificado atividades complementares 01
 
Herr Strom - Ediction 2012 Buenos Aires
Herr Strom - Ediction 2012 Buenos AiresHerr Strom - Ediction 2012 Buenos Aires
Herr Strom - Ediction 2012 Buenos Aires
 
Vintage
VintageVintage
Vintage
 
Vintage
 Vintage Vintage
Vintage
 
Das Pinturas Rupestres à Hipermídia
Das Pinturas Rupestres à HipermídiaDas Pinturas Rupestres à Hipermídia
Das Pinturas Rupestres à Hipermídia
 
PsicodinâMica Das Cores Em ComunicaçãO
PsicodinâMica Das Cores Em ComunicaçãOPsicodinâMica Das Cores Em ComunicaçãO
PsicodinâMica Das Cores Em ComunicaçãO
 
O consumidor no processo de compra
O consumidor no processo de compraO consumidor no processo de compra
O consumidor no processo de compra
 
Marketing B2B
Marketing B2BMarketing B2B
Marketing B2B
 
O Consumidor No Diva Estudo Do Consumidor
O Consumidor No Diva   Estudo Do ConsumidorO Consumidor No Diva   Estudo Do Consumidor
O Consumidor No Diva Estudo Do Consumidor
 
Ihc Aula.15
Ihc Aula.15Ihc Aula.15
Ihc Aula.15
 
Ihc Aula8 M I Avaliacao Heuristica
Ihc Aula8 M I Avaliacao HeuristicaIhc Aula8 M I Avaliacao Heuristica
Ihc Aula8 M I Avaliacao Heuristica
 
Ihc Aula6
Ihc Aula6Ihc Aula6
Ihc Aula6
 
Ihc Aula4 B
Ihc Aula4 BIhc Aula4 B
Ihc Aula4 B
 
Ihc Aula4 A
Ihc Aula4 AIhc Aula4 A
Ihc Aula4 A
 
O Que E Interacao Cap1 Ihc
O Que E Interacao Cap1 IhcO Que E Interacao Cap1 Ihc
O Que E Interacao Cap1 Ihc
 
Das Pinturas Rupestres à Hipermídia
Das Pinturas Rupestres à HipermídiaDas Pinturas Rupestres à Hipermídia
Das Pinturas Rupestres à Hipermídia
 
Lycra 2000
Lycra 2000Lycra 2000
Lycra 2000
 
Pesquisa De Marketing F.N. Mattar Cap 2
Pesquisa De Marketing   F.N. Mattar   Cap 2Pesquisa De Marketing   F.N. Mattar   Cap 2
Pesquisa De Marketing F.N. Mattar Cap 2
 
Pesquisa De Marketing F.N. Mattar Cap 1
Pesquisa De Marketing   F.N. Mattar   Cap 1Pesquisa De Marketing   F.N. Mattar   Cap 1
Pesquisa De Marketing F.N. Mattar Cap 1
 
Visão Psico SociolóGica Da Educação
Visão Psico SociolóGica Da EducaçãoVisão Psico SociolóGica Da Educação
Visão Psico SociolóGica Da Educação
 

ICH - Aula5

  • 1. Slides baseados no livro: Design e Avaliação de Interfaces Humano Computador Heloísa Vieira da Rocha M.Cecília C. Baranauskas
  • 2. A PSICOLOGIA DA INTERAÇÃO HUMANO-COMPUTADOR O conceito de interface tem evoluído na mesma proporção em que se conhece mais sobre a tecnologia dos computadores por um lado e sobre a natureza humana, por outro. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 3. A PSICOLOGIA DA INTERAÇÃO HUMANO-COMPUTADOR O conhecimento sobre o ser humano enquanto sistema tem alimentado teorias em várias áreas do conhecimento; ao mesmo tempo usamos da analogia para refletir e construir conhecimento sobre o Homem. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 4. A PSICOLOGIA DA INTERAÇÃO HUMANO-COMPUTADOR Só para citar algumas áreas de ciência e tecnologia em que essa relação dialética se estabelece, a Inteligência Artificial, as Redes Neurais, a Cibernética, a Teoria da Informação, a Engenharia Genética, são exemplos contundentes. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 5. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 6. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 7. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 8. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 9. UMA TEORIA CLÁSSICA PARA O PROCESSAMENTO DE INFORMAÇÃO NO HOMEM A facilidade com que palavras da linguagem de interface podem ser lembradas, como o tipo de fontes de caracteres afetam a legibilidade, e a velocidade com que lemos informação na tela, são exemplos simples de como nossa interação com computadores pode ser afetada pelo funcionamento de nossos mecanismos perceptuais, motores e de memória. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 10. UMA TEORIA CLÁSSICA PARA O PROCESSAMENTO DE INFORMAÇÃO NO HOMEM Assim como o engenheiro de computação descreve um sistema de processamento de informações em termos de memórias, processadores, seus parâmetros e interconexões, Card et al (1983) propõem o Modelo do Processador de Informação Humano (MPIH) , como uma descrição aproximada para ajudar a prever a interação usuário-computador, com relação a comportamentos. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. UMA TEORIA CLÁSSICA PARA O PROCESSAMENTO DE INFORMAÇÃO NO HOMEM O modelo é constituído por um conjunto de memórias e processadores e um conjunto de princípios de operação. Três subsistemas fazem parte e interagem no MPIH : Sistema Perceptual (SP), Sistema Motor (SM) Sistema Cognitivo (SC). DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23. Mecanismos da Percepção Humana E sua influência no design de interfaces DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30. Degradando a imagem... Foto de R.C.James DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 31. Colocando organizações competitivas... M C Escher, Cavaleiros DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 32. Salvador Dalí, The Slave Market with Disappearing Bust of Voltaire DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 33. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 34. Colocando uma organização sem sentido... Processos perceptuais impõem uma organização à imagem.... B. Riley, Tremor DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 35. Nosso aparato visual evolui em mundo 3D... Atribuindo profundidade (e contexto) à imagem R. Magritte, Les Promenades d´Éuclide DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 36. Olhando para “figuras impossíveis” Por que estudar IHC ? Heloísa Vieira da Rocha - IHC'2002 Outra maneira de mostrar a operação que fazemos ao colocar objetos em 3D durante sua interpretação M C Escher, Moebius Strip DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 37. DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 38. Anomalias da Percepção Células neurais interagem umas com as outras. No único ponto do olho onde os receptores não interagem muito com os outros, o escurecimento da interseção não acontece DESIGN E AVALIAÇÃO DE INTERFACES HUMANO-COMPUTADOR HELOÍSA VIEIRA DA ROCHA - MARIA CECÍLIA CALANI BARANAUSKAS
  • 39.
  • 40.