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

Mais conteúdo relacionado

Mais procurados

Aula 4 Fatores Humanos - parte 1 - Disciplina de IHC
Aula 4   Fatores Humanos - parte 1 - Disciplina de IHCAula 4   Fatores Humanos - parte 1 - Disciplina de IHC
Aula 4 Fatores Humanos - parte 1 - Disciplina de IHC
André Constantino da Silva
 
Usabilidade IHC
Usabilidade IHCUsabilidade IHC
Usabilidade IHC
Wellington Oliveira
 
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
 
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
André Constantino da Silva
 
Ihc2016.2 aula 9 engenharia cognitiva e teoria da ação
Ihc2016.2 aula 9    engenharia cognitiva e teoria da açãoIhc2016.2 aula 9    engenharia cognitiva e teoria da ação
Ihc2016.2 aula 9 engenharia cognitiva e teoria da ação
Ticianne Darin
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)
Wellington Oliveira
 
Aula 2. Fatores Humanos em IHC
Aula 2. Fatores Humanos em IHCAula 2. Fatores Humanos em IHC
Aula 2. Fatores Humanos em IHCSilvia Dotta
 
Identificação de Necessidades dos Usuários e Requisitos IHC
Identificação de Necessidades dos Usuários e Requisitos IHCIdentificação de Necessidades dos Usuários e Requisitos IHC
Identificação de Necessidades dos Usuários e Requisitos IHC
Alanna Gianin
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
Victor Rubens
 
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
 
O que é Interação Humano-Computador?
O que é Interação Humano-Computador?O que é Interação Humano-Computador?
O que é Interação Humano-Computador?Sidney Roberto
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
igoroliveiracosta
 
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
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1
Robson Santos
 
Introdução a IHC
Introdução a IHCIntrodução a IHC
Introdução a IHC
Rodrigo Rodrigues
 
Aula 1. Introdução: Interface Homem-Máquina
Aula 1. Introdução: Interface Homem-MáquinaAula 1. Introdução: Interface Homem-Máquina
Aula 1. Introdução: Interface Homem-Máquina
Silvia Dotta
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]
Robson Santos
 
Métodos de avaliação de IHC
Métodos de avaliação de IHCMétodos de avaliação de IHC
Métodos de avaliação de IHC
João Aloísio Winck
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digital
Marconi Pacheco
 

Mais procurados (20)

Aula 4 Fatores Humanos - parte 1 - Disciplina de IHC
Aula 4   Fatores Humanos - parte 1 - Disciplina de IHCAula 4   Fatores Humanos - parte 1 - Disciplina de IHC
Aula 4 Fatores Humanos - parte 1 - Disciplina de IHC
 
Usabilidade IHC
Usabilidade IHCUsabilidade IHC
Usabilidade 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
 
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
 
Ihc2016.2 aula 9 engenharia cognitiva e teoria da ação
Ihc2016.2 aula 9    engenharia cognitiva e teoria da açãoIhc2016.2 aula 9    engenharia cognitiva e teoria da ação
Ihc2016.2 aula 9 engenharia cognitiva e teoria da ação
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)
 
Aula 2. Fatores Humanos em IHC
Aula 2. Fatores Humanos em IHCAula 2. Fatores Humanos em IHC
Aula 2. Fatores Humanos em IHC
 
Identificação de Necessidades dos Usuários e Requisitos IHC
Identificação de Necessidades dos Usuários e Requisitos IHCIdentificação de Necessidades dos Usuários e Requisitos IHC
Identificação de Necessidades dos Usuários e Requisitos IHC
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 
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
 
O que é Interação Humano-Computador?
O que é Interação Humano-Computador?O que é Interação Humano-Computador?
O que é Interação Humano-Computador?
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
 
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
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1
 
Introdução a IHC
Introdução a IHCIntrodução a IHC
Introdução a IHC
 
Aula 1. Introdução: Interface Homem-Máquina
Aula 1. Introdução: Interface Homem-MáquinaAula 1. Introdução: Interface Homem-Máquina
Aula 1. Introdução: Interface Homem-Máquina
 
Interface homem maquina introdução
Interface homem maquina   introduçãoInterface homem maquina   introdução
Interface homem maquina introdução
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]
 
Métodos de avaliação de IHC
Métodos de avaliação de IHCMétodos de avaliação de IHC
Métodos de avaliação de IHC
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digital
 

Destaque

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
 
Fatenp ihc-aula4
Fatenp ihc-aula4Fatenp ihc-aula4
Fatenp ihc-aula4
Daniel Boppré
 
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
igor drey
 
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
 
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 Humana
Professor 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álise
Carlos 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 Friends
Stacy Kvernmo
 

Destaque (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
 
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
 
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
 

Semelhante a 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
 
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
Cris Fidelix
 
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
zehzinho
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
Marcello Cardoso
 
Fundamentos De Ia E SbCs
Fundamentos De Ia E SbCsFundamentos De Ia E SbCs
Fundamentos De Ia E SbCs
zehzinho
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHC
Neilda Costa
 
Newton Paiva - DI - Aula 06
Newton Paiva - DI - Aula 06Newton Paiva - DI - Aula 06
Newton Paiva - DI - Aula 06
Marcello 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 ti
Francisco 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ÁQUINA
Diego BBahia
 
Aula 9 interfaces- graduação Design
Aula 9 interfaces- graduação DesignAula 9 interfaces- graduação Design
Aula 9 interfaces- graduação Design
Gustavo Fischer
 
Apresentação Aula 01
Apresentação  Aula 01Apresentação  Aula 01
Apresentação Aula 01
Professor Samuel Ribeiro
 
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
Janynne Gomes
 
Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010Apresentação TCC - Marconi Pacheco 2010
Apresentação TCC - Marconi Pacheco 2010
Marconi Pacheco
 
APRESENTAÇÃO - TEMA 4 - IHC .pptx
APRESENTAÇÃO - TEMA 4 - IHC .pptxAPRESENTAÇÃO - TEMA 4 - IHC .pptx
APRESENTAÇÃO - TEMA 4 - IHC .pptx
KaikeFonseca
 
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
UNIEURO
 

Semelhante a 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...
 
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
 
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
 

Mais de 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 Aires
Fabiano Damiati
 
Vintage
 Vintage Vintage
Vintage
Fabiano 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 Aula.15
Ihc Aula.15Ihc Aula.15
Ihc Aula.15
Fabiano Damiati
 
Ihc Aula8 M I Avaliacao Heuristica
Ihc Aula8 M I Avaliacao HeuristicaIhc Aula8 M I Avaliacao Heuristica
Ihc Aula8 M I Avaliacao Heuristica
Fabiano Damiati
 
Ihc Aula6
Ihc Aula6Ihc Aula6
Ihc Aula6
Fabiano Damiati
 
Ihc Aula4 B
Ihc Aula4 BIhc Aula4 B
Ihc Aula4 B
Fabiano Damiati
 
Ihc Aula4 A
Ihc Aula4 AIhc Aula4 A
Ihc Aula4 A
Fabiano Damiati
 
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
 
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
 

Mais de 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.