SlideShare uma empresa Scribd logo
1 de 48
Baixar para ler offline
Interação
Humano-Computador
Ticianne Darin
No episódio anterior...
Noepisódioanterior...
Aula 8: COGNIÇÃO E PROCESSOS COGNITIVOS
Definição de Cognição:
Experiencial | Reflexiva
Processos de Cognição:
Atenção, Percepção,
Memória e Aprendizado
Modelos Mentais
E hoje...
Aula 9
Engenharia Cognitiva e Teoria da Ação
Engenharia Cognitiva
Método ajuda a intuição, se não for
transformado em ditadura. Intuição
melhora o método, se não incutir anarquia.
Em cada momento de nossa semiótica
existência, método e intuição se
complementam.
(Nadin, 1988, p.98)
8
Nossa mente tenta fazer sentido das coisas que vemos ao nosso
redor:
– Distrações em tarefas que deveriam ser simples.
– Novos objetos;
Uso das coisas do dia-a-dia
9
O que determina a maneira como
lidamos com essas situações?
11
A facilidade ou dificuldade com que operamos os objetos é devida
à habilidade do designer em tornar clara a operação sobre
o objeto:
– Projetar uma boa imagem da operação;
– Considerar outros elementos do universo de conhecimento do usuário.
A culpa é do designer!
1. Projetar uma boa imagem da operação;
2. Considerar outros elementos do
universo de conhecimento do usuário
1. Projetar uma boa imagem da operação;
2. Considerar outros elementos do
universo de conhecimento do usuário
14
A Semiótica também explica essa relação entre o objeto, seu
representante e o processo de interpretação, no plano dos signos
que encontramos ao nosso redor.
Olha a relação!
15
Entender os processos cognitivos humanos e a capacidade
e limitações da mente, no intuito de usá-los para desenvolver
sistemas interativos agradáveis, motivadores, prazerosos e
fáceis de usar.
Mas vamos continuar com
Cognição
16
Uma ciência cognitiva aplicada, que busca aplicar o que se sabe
desta ciência no design e construção de artefatos computacionais;
Objetivos:
– Entender as questões envolvidas no uso de computadores;
– Mostrar como tomar decisões melhores;
– Mostrar os custos e benefícios quando se deve privilegiar um aspecto
em detrimento de outro.
Engenharia Cognitiva
17
Modelo de Interação de Norman (Princípios fundamentais do
design para pessoas);
1. Tenha um bom modelo conceitual;
2. Faça as coisas visíveis:
• Mapeamento;
• Affordances;
• Restrições;
• Feedback.
Por quê nos frustramos com
objetos do dia-a-dia?
Affordance: forma, cor,
sombra que dão affordance
de pressionar
Mapeamento:
elementos agrupados
e relacionados
Feedback: confirmação da seleção
através do destaque da miniatura
Restrição: a
ação que não
é possível
agora, está
desabilitada
A Engenharia Cognitiva
descreve as lacunas que existem
entre o usuário e a interface.
20
A Engenharia Cognitiva considera dois lados na interface:
a do próprio sistema e a do usuário;
Realização de tarefas: resolução de problemas.
Complexidade da tarefa:
– Naturezas diferentes das variáveis envolvidas;
Variáveis psicológicas;
Variáveis físicas.
Engenharia Cognitiva
A pessoa interpreta as variáveis físicas
em termos relevantes às suas metas
psicológicas e traduz as intenções
psicológicas em ações físicas sobre
os mecanismos do sistema.
22
Mesmo em tarefas simples...
23
A discrepância entre modelo mental do usuário e o modelo
conceitual do sistema.
Qual é o problema?
Variáveis psicológicas
(objetos, intenções)
Variáveis físicas
(estado do sistema) e
controles físicos
(mecanismos de interação)
?
24
A discrepância entre modelo mental do usuário e o modelo
conceitual do sistema.
Qual é o problema?
25
Problemas de mapeamento;
Dificuldade de controle;
Dificuldade de avaliação.
Qual é o problema?
26
Mapeamento não é obvio, MAS as variáveis manipuladas são as
de interesse.
Como solucionar?
27
Problema de mapeamento
Dificuldade de controle
Dificuldade de avaliação
Qual é o problema?
28
Como solucionar?
29
Qual o problema?
30
Como identificar quais são essas discrepâncias e minimizar
ou acabar com elas?
Designer:
– Cria seu modelo mental do sistema (modelo conceitual);
– Com base nos modelos de usuário e tarefas;
Usuário:
– Interage e cria seu modelo mental da aplicação.
Aí entra a Engenharia Cognitiva
32
Qual a meta do designer?
Modelo mental ~ Modelo Conceitual
Para isso:
– o designer precisa entender o processo através do qual o usuário
interage com a interface do sistema.
Aí entra a Engenharia Cognitiva
E como entender esse processo?
Teoria da Ação
35
Teoria da Ação (Norman, 1986)
Atividade mental Atividade física
Objetivos
36
Teoria da Ação
Objetivos
Golfo de Execução Golfo de Avaliação
37
Ajudar o usuário a atravessar os golfos;
Diminuindo-os!
– Definir ações e estruturas adequadas;
– Boa escolha dos elementos de interface;
– Feedbacks significativos.
O que o designer pode fazer?
38
1. Entenda o problema completamente:
- Inclusive quais são todas as tarefas necessárias;
2. Conheça qual o modelo mental do usuário sobre as tarefas;
3. Crie um modelo conceitual com base em ambos;
4. Traduza o modelo em uma imagem do sistema que seja
próxima do modelo mental do usuário e que execute o
modelo conceitual.
Uma forma de trabalhar as 3
coisas:
39
O que você quer resolver?
O que pode ser melhorado?
O que o cliente quer?
Por que o que existe hoje não é suficiente?
Quais são os requisitos que a proposta DEVE contemplar?
Quem é o público que deve ser atendido?
Quais as atividades que devem ser realizadas?
Quais as possibilidades?
1. Entender completamente o
problema
40
 Entrevista;
 Questionário;
 Estudo de campo;
 Brainstorming de necessidades e desejos dos usuários;
 Classificação de Cartões.
2. Qual o modelo mental do
usuário?
41
1. Entender completamente o problema;
2. Conhecer os usuários;
3. Projetar o que projetar:
Que modo de interação melhor suportaria as atividades do usuário?
Há uma metáfora de interface adequada para entender o produto?
Que paradigma de interação o produto irá seguir?
3. Criando modelos conceituais
42
Fazendo o uso dos recursos que você já aprendeu em IHC:
– Perspectivas de interação;
– Affordances;
– Critérios de Qualidade de Uso;
– Processos cognitivos e como influenciam no design.
4. Traduza o modelo em uma
imagem adequada do sistema
5. Seja feliz :)
E AGORA?
AGORA ESTUDEM 
46
O QUE ESTUDAR?
 Interação Humano-Computador (BARBOSA, S. D. J.; SILVA B. S. DA):
- Capítulo 3 (Seção 3.4)
 Design de Interação: Além da interação humano-computador
(PREECE, J.; ROGERS, Y.; SHARP, H.):
- Capítulo 3
Dúvidas?
Confia no Senhor de todo o teu
coração, e não te estribes no teu
próprio entendimento.
Provérbios 3:5
Até a próxima aula!

Mais conteúdo relacionado

Mais procurados

Usabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicasUsabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicasAlan Vasconcelos
 
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
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoAlan Vasconcelos
 
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
 
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
 
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 IHCAlanna Gianin
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuárioVictor Rubens
 
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
 
Ihc2016.2 aula. 12 construindo versões interativas dos designs
Ihc2016.2 aula. 12   construindo versões interativas dos designsIhc2016.2 aula. 12   construindo versões interativas dos designs
Ihc2016.2 aula. 12 construindo versões interativas dos designsTicianne Darin
 
Ihc 01-conceitos básicos
Ihc 01-conceitos básicosIhc 01-conceitos básicos
Ihc 01-conceitos básicosEduardo Xavier
 
Usabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosUsabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosAlan Vasconcelos
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesLuiz Agner
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]Robson Santos
 

Mais procurados (20)

Interface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHCInterface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHC
 
Usabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicasUsabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicas
 
Introdução a IHC
Introdução a IHCIntrodução a IHC
Introdução a IHC
 
UX Research
UX ResearchUX Research
UX Research
 
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
 
Ihc Aula7
Ihc Aula7Ihc Aula7
Ihc Aula7
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 Introdução
 
IHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de DesignIHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de Design
 
Ux design - Conceitos Básicos
Ux design - Conceitos BásicosUx design - Conceitos Básicos
Ux design - Conceitos Básicos
 
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
 
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
 
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
 
Interação Humano-Computador (IHC)
Interação Humano-Computador (IHC)Interação Humano-Computador (IHC)
Interação Humano-Computador (IHC)
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 
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
 
Ihc2016.2 aula. 12 construindo versões interativas dos designs
Ihc2016.2 aula. 12   construindo versões interativas dos designsIhc2016.2 aula. 12   construindo versões interativas dos designs
Ihc2016.2 aula. 12 construindo versões interativas dos designs
 
Ihc 01-conceitos básicos
Ihc 01-conceitos básicosIhc 01-conceitos básicos
Ihc 01-conceitos básicos
 
Usabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosUsabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípios
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]
 

Semelhante a Ihc2016.2 aula 9 engenharia cognitiva e teoria da ação

Ihc2016.2 aula 0 apresentação da disciplina de IHC
Ihc2016.2 aula 0 apresentação da disciplina de IHCIhc2016.2 aula 0 apresentação da disciplina de IHC
Ihc2016.2 aula 0 apresentação da disciplina de IHCTicianne Darin
 
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
 
Ihc2016.2 aula 2 design centrado no usuário e processos de design
Ihc2016.2 aula 2 design centrado no usuário e processos de designIhc2016.2 aula 2 design centrado no usuário e processos de design
Ihc2016.2 aula 2 design centrado no usuário e processos de designTicianne Darin
 
4 - O designer para a inovação.ppt
4 - O designer para a inovação.ppt4 - O designer para a inovação.ppt
4 - O designer para a inovação.pptDanieleMudrey1
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoMarcello Cardoso
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoWellington Marion
 
Capítulo 2 compreendendo e conceitualizando a interação [ final ]
Capítulo 2   compreendendo e conceitualizando a interação [ final ]Capítulo 2   compreendendo e conceitualizando a interação [ final ]
Capítulo 2 compreendendo e conceitualizando a interação [ final ]M. Torres
 
Design thinking - Prototipando melhores experiências web
Design thinking - Prototipando melhores experiências webDesign thinking - Prototipando melhores experiências web
Design thinking - Prototipando melhores experiências webLuanna Eroles
 
Pensamento Computacional, Programação e Robótica no 1º CEB
Pensamento Computacional, Programação e Robótica no 1º CEBPensamento Computacional, Programação e Robótica no 1º CEB
Pensamento Computacional, Programação e Robótica no 1º CEBJoão Piedade
 
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
 
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e InteraçãoCRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e InteraçãoCauê de Souza
 
Design Thinking na prática: como funciona uma consultoria de inovação
Design Thinking na prática: como funciona uma consultoria de inovaçãoDesign Thinking na prática: como funciona uma consultoria de inovação
Design Thinking na prática: como funciona uma consultoria de inovaçãoFabio Calzavara
 
Workshop Entregando Valor E Não Apenas Funcionalidades
Workshop Entregando Valor E Não Apenas FuncionalidadesWorkshop Entregando Valor E Não Apenas Funcionalidades
Workshop Entregando Valor E Não Apenas FuncionalidadesMarcelo Neves
 
Processo criativo: transformando ideias em produtos digitais
Processo criativo: transformando ideias em produtos digitaisProcesso criativo: transformando ideias em produtos digitais
Processo criativo: transformando ideias em produtos digitaisAislan Rafael
 

Semelhante a Ihc2016.2 aula 9 engenharia cognitiva e teoria da ação (20)

Ihc2016.2 aula 0 apresentação da disciplina de IHC
Ihc2016.2 aula 0 apresentação da disciplina de IHCIhc2016.2 aula 0 apresentação da disciplina de IHC
Ihc2016.2 aula 0 apresentação da disciplina de IHC
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de Usuário
 
Ihc2016.2 aula 2 design centrado no usuário e processos de design
Ihc2016.2 aula 2 design centrado no usuário e processos de designIhc2016.2 aula 2 design centrado no usuário e processos de design
Ihc2016.2 aula 2 design centrado no usuário e processos de design
 
4 - O designer para a inovação.ppt
4 - O designer para a inovação.ppt4 - O designer para a inovação.ppt
4 - O designer para a inovação.ppt
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
User eXperience
User eXperienceUser eXperience
User eXperience
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de Informação
 
Capítulo 2 compreendendo e conceitualizando a interação [ final ]
Capítulo 2   compreendendo e conceitualizando a interação [ final ]Capítulo 2   compreendendo e conceitualizando a interação [ final ]
Capítulo 2 compreendendo e conceitualizando a interação [ final ]
 
Design thinking - Prototipando melhores experiências web
Design thinking - Prototipando melhores experiências webDesign thinking - Prototipando melhores experiências web
Design thinking - Prototipando melhores experiências web
 
Workshop Design Thinking
Workshop Design ThinkingWorkshop Design Thinking
Workshop Design Thinking
 
Pensamento Computacional, Programação e Robótica no 1º CEB
Pensamento Computacional, Programação e Robótica no 1º CEBPensamento Computacional, Programação e Robótica no 1º CEB
Pensamento Computacional, Programação e Robótica no 1º CEB
 
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
 
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e InteraçãoCRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
 
O que é user experience
O que é user experienceO que é user experience
O que é user experience
 
Design Thinking na prática: como funciona uma consultoria de inovação
Design Thinking na prática: como funciona uma consultoria de inovaçãoDesign Thinking na prática: como funciona uma consultoria de inovação
Design Thinking na prática: como funciona uma consultoria de inovação
 
Workshop Entregando Valor E Não Apenas Funcionalidades
Workshop Entregando Valor E Não Apenas FuncionalidadesWorkshop Entregando Valor E Não Apenas Funcionalidades
Workshop Entregando Valor E Não Apenas Funcionalidades
 
Seminario
SeminarioSeminario
Seminario
 
Palestra UX Etec - 22_04
Palestra UX Etec - 22_04Palestra UX Etec - 22_04
Palestra UX Etec - 22_04
 
Processo criativo: transformando ideias em produtos digitais
Processo criativo: transformando ideias em produtos digitaisProcesso criativo: transformando ideias em produtos digitais
Processo criativo: transformando ideias em produtos digitais
 
Percurso cognitivo
Percurso cognitivoPercurso cognitivo
Percurso cognitivo
 

Mais de Ticianne Darin

Ihc2016.2 aula. 13 Avaliação em IHC
Ihc2016.2 aula. 13  Avaliação em IHCIhc2016.2 aula. 13  Avaliação em IHC
Ihc2016.2 aula. 13 Avaliação em IHCTicianne Darin
 
Ihc2016.2 aula. 11 projetando a interação
Ihc2016.2 aula. 11   projetando a interaçãoIhc2016.2 aula. 11   projetando a interação
Ihc2016.2 aula. 11 projetando a interaçãoTicianne Darin
 
Hd 2016.1 aula.16 - panorama do design no brasil
Hd 2016.1 aula.16 - panorama do design no brasilHd 2016.1 aula.16 - panorama do design no brasil
Hd 2016.1 aula.16 - panorama do design no brasilTicianne Darin
 
Ihc2016.2 aula. 10 coleta e análise de dados
Ihc2016.2 aula. 10  coleta e análise de dadosIhc2016.2 aula. 10  coleta e análise de dados
Ihc2016.2 aula. 10 coleta e análise de dadosTicianne Darin
 
Hd 2016.1 aula.15 - design pós-moderno
Hd 2016.1 aula.15 - design pós-modernoHd 2016.1 aula.15 - design pós-moderno
Hd 2016.1 aula.15 - design pós-modernoTicianne Darin
 
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
 
Hd 2016.1 aula.14 - art deco e streamline
Hd 2016.1 aula.14 - art deco e streamlineHd 2016.1 aula.14 - art deco e streamline
Hd 2016.1 aula.14 - art deco e streamlineTicianne Darin
 
Ihc2016.2 aula 6 interface e modelo de interação
Ihc2016.2 aula 6   interface e modelo de interaçãoIhc2016.2 aula 6   interface e modelo de interação
Ihc2016.2 aula 6 interface e modelo de interaçãoTicianne Darin
 
Hd 2016.1 aula.13 - estilo internacional
Hd 2016.1 aula.13 - estilo internacionalHd 2016.1 aula.13 - estilo internacional
Hd 2016.1 aula.13 - estilo internacionalTicianne Darin
 
Ihc2016.2 aula 5 contexto de uso e interação
Ihc2016.2 aula 5   contexto de uso e interaçãoIhc2016.2 aula 5   contexto de uso e interação
Ihc2016.2 aula 5 contexto de uso e interaçãoTicianne Darin
 
Hd 2016.1 aula.12 - de stijl
Hd 2016.1 aula.12 - de stijlHd 2016.1 aula.12 - de stijl
Hd 2016.1 aula.12 - de stijlTicianne Darin
 
Ihc2016.2 aula 4 design conceitual
Ihc2016.2 aula 4   design conceitualIhc2016.2 aula 4   design conceitual
Ihc2016.2 aula 4 design conceitualTicianne Darin
 
Hd 2016.1 aula.11_bauhaus
Hd 2016.1 aula.11_bauhausHd 2016.1 aula.11_bauhaus
Hd 2016.1 aula.11_bauhausTicianne Darin
 
Hd 2016.1 aula.10_construtivismo russo
Hd 2016.1 aula.10_construtivismo russoHd 2016.1 aula.10_construtivismo russo
Hd 2016.1 aula.10_construtivismo russoTicianne Darin
 
Hd 2016.1 aula 9_influências das vanguardas europeias - surrealismo
Hd 2016.1 aula 9_influências das vanguardas europeias - surrealismoHd 2016.1 aula 9_influências das vanguardas europeias - surrealismo
Hd 2016.1 aula 9_influências das vanguardas europeias - surrealismoTicianne Darin
 
Hd 2016.1 aula 8_influências das vanguardas europeias - dadaísmo
Hd 2016.1 aula 8_influências das vanguardas europeias - dadaísmoHd 2016.1 aula 8_influências das vanguardas europeias - dadaísmo
Hd 2016.1 aula 8_influências das vanguardas europeias - dadaísmoTicianne Darin
 
Hd 2016.1 aula 7_influências das vanguardas europeias - futurismo
Hd 2016.1 aula 7_influências das vanguardas europeias - futurismoHd 2016.1 aula 7_influências das vanguardas europeias - futurismo
Hd 2016.1 aula 7_influências das vanguardas europeias - futurismoTicianne Darin
 
Hd 2016.1 aula 6_influências das vanguardas europeias - cubismo
Hd 2016.1 aula 6_influências das vanguardas europeias - cubismoHd 2016.1 aula 6_influências das vanguardas europeias - cubismo
Hd 2016.1 aula 6_influências das vanguardas europeias - cubismoTicianne Darin
 
Hd 2016.1 aula 5_vanguardas do início do século xx (1)
Hd 2016.1 aula 5_vanguardas do início do século xx (1)Hd 2016.1 aula 5_vanguardas do início do século xx (1)
Hd 2016.1 aula 5_vanguardas do início do século xx (1)Ticianne Darin
 
Hd 2016.1 aula 4_b_art nouveau
Hd 2016.1 aula 4_b_art nouveauHd 2016.1 aula 4_b_art nouveau
Hd 2016.1 aula 4_b_art nouveauTicianne Darin
 

Mais de Ticianne Darin (20)

Ihc2016.2 aula. 13 Avaliação em IHC
Ihc2016.2 aula. 13  Avaliação em IHCIhc2016.2 aula. 13  Avaliação em IHC
Ihc2016.2 aula. 13 Avaliação em IHC
 
Ihc2016.2 aula. 11 projetando a interação
Ihc2016.2 aula. 11   projetando a interaçãoIhc2016.2 aula. 11   projetando a interação
Ihc2016.2 aula. 11 projetando a interação
 
Hd 2016.1 aula.16 - panorama do design no brasil
Hd 2016.1 aula.16 - panorama do design no brasilHd 2016.1 aula.16 - panorama do design no brasil
Hd 2016.1 aula.16 - panorama do design no brasil
 
Ihc2016.2 aula. 10 coleta e análise de dados
Ihc2016.2 aula. 10  coleta e análise de dadosIhc2016.2 aula. 10  coleta e análise de dados
Ihc2016.2 aula. 10 coleta e análise de dados
 
Hd 2016.1 aula.15 - design pós-moderno
Hd 2016.1 aula.15 - design pós-modernoHd 2016.1 aula.15 - design pós-moderno
Hd 2016.1 aula.15 - design pós-moderno
 
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
 
Hd 2016.1 aula.14 - art deco e streamline
Hd 2016.1 aula.14 - art deco e streamlineHd 2016.1 aula.14 - art deco e streamline
Hd 2016.1 aula.14 - art deco e streamline
 
Ihc2016.2 aula 6 interface e modelo de interação
Ihc2016.2 aula 6   interface e modelo de interaçãoIhc2016.2 aula 6   interface e modelo de interação
Ihc2016.2 aula 6 interface e modelo de interação
 
Hd 2016.1 aula.13 - estilo internacional
Hd 2016.1 aula.13 - estilo internacionalHd 2016.1 aula.13 - estilo internacional
Hd 2016.1 aula.13 - estilo internacional
 
Ihc2016.2 aula 5 contexto de uso e interação
Ihc2016.2 aula 5   contexto de uso e interaçãoIhc2016.2 aula 5   contexto de uso e interação
Ihc2016.2 aula 5 contexto de uso e interação
 
Hd 2016.1 aula.12 - de stijl
Hd 2016.1 aula.12 - de stijlHd 2016.1 aula.12 - de stijl
Hd 2016.1 aula.12 - de stijl
 
Ihc2016.2 aula 4 design conceitual
Ihc2016.2 aula 4   design conceitualIhc2016.2 aula 4   design conceitual
Ihc2016.2 aula 4 design conceitual
 
Hd 2016.1 aula.11_bauhaus
Hd 2016.1 aula.11_bauhausHd 2016.1 aula.11_bauhaus
Hd 2016.1 aula.11_bauhaus
 
Hd 2016.1 aula.10_construtivismo russo
Hd 2016.1 aula.10_construtivismo russoHd 2016.1 aula.10_construtivismo russo
Hd 2016.1 aula.10_construtivismo russo
 
Hd 2016.1 aula 9_influências das vanguardas europeias - surrealismo
Hd 2016.1 aula 9_influências das vanguardas europeias - surrealismoHd 2016.1 aula 9_influências das vanguardas europeias - surrealismo
Hd 2016.1 aula 9_influências das vanguardas europeias - surrealismo
 
Hd 2016.1 aula 8_influências das vanguardas europeias - dadaísmo
Hd 2016.1 aula 8_influências das vanguardas europeias - dadaísmoHd 2016.1 aula 8_influências das vanguardas europeias - dadaísmo
Hd 2016.1 aula 8_influências das vanguardas europeias - dadaísmo
 
Hd 2016.1 aula 7_influências das vanguardas europeias - futurismo
Hd 2016.1 aula 7_influências das vanguardas europeias - futurismoHd 2016.1 aula 7_influências das vanguardas europeias - futurismo
Hd 2016.1 aula 7_influências das vanguardas europeias - futurismo
 
Hd 2016.1 aula 6_influências das vanguardas europeias - cubismo
Hd 2016.1 aula 6_influências das vanguardas europeias - cubismoHd 2016.1 aula 6_influências das vanguardas europeias - cubismo
Hd 2016.1 aula 6_influências das vanguardas europeias - cubismo
 
Hd 2016.1 aula 5_vanguardas do início do século xx (1)
Hd 2016.1 aula 5_vanguardas do início do século xx (1)Hd 2016.1 aula 5_vanguardas do início do século xx (1)
Hd 2016.1 aula 5_vanguardas do início do século xx (1)
 
Hd 2016.1 aula 4_b_art nouveau
Hd 2016.1 aula 4_b_art nouveauHd 2016.1 aula 4_b_art nouveau
Hd 2016.1 aula 4_b_art nouveau
 

Ihc2016.2 aula 9 engenharia cognitiva e teoria da ação

  • 3. Noepisódioanterior... Aula 8: COGNIÇÃO E PROCESSOS COGNITIVOS Definição de Cognição: Experiencial | Reflexiva Processos de Cognição: Atenção, Percepção, Memória e Aprendizado Modelos Mentais
  • 5. Aula 9 Engenharia Cognitiva e Teoria da Ação
  • 7. Método ajuda a intuição, se não for transformado em ditadura. Intuição melhora o método, se não incutir anarquia. Em cada momento de nossa semiótica existência, método e intuição se complementam. (Nadin, 1988, p.98)
  • 8. 8 Nossa mente tenta fazer sentido das coisas que vemos ao nosso redor: – Distrações em tarefas que deveriam ser simples. – Novos objetos; Uso das coisas do dia-a-dia
  • 9. 9
  • 10. O que determina a maneira como lidamos com essas situações?
  • 11. 11 A facilidade ou dificuldade com que operamos os objetos é devida à habilidade do designer em tornar clara a operação sobre o objeto: – Projetar uma boa imagem da operação; – Considerar outros elementos do universo de conhecimento do usuário. A culpa é do designer!
  • 12. 1. Projetar uma boa imagem da operação; 2. Considerar outros elementos do universo de conhecimento do usuário
  • 13. 1. Projetar uma boa imagem da operação; 2. Considerar outros elementos do universo de conhecimento do usuário
  • 14. 14 A Semiótica também explica essa relação entre o objeto, seu representante e o processo de interpretação, no plano dos signos que encontramos ao nosso redor. Olha a relação!
  • 15. 15 Entender os processos cognitivos humanos e a capacidade e limitações da mente, no intuito de usá-los para desenvolver sistemas interativos agradáveis, motivadores, prazerosos e fáceis de usar. Mas vamos continuar com Cognição
  • 16. 16 Uma ciência cognitiva aplicada, que busca aplicar o que se sabe desta ciência no design e construção de artefatos computacionais; Objetivos: – Entender as questões envolvidas no uso de computadores; – Mostrar como tomar decisões melhores; – Mostrar os custos e benefícios quando se deve privilegiar um aspecto em detrimento de outro. Engenharia Cognitiva
  • 17. 17 Modelo de Interação de Norman (Princípios fundamentais do design para pessoas); 1. Tenha um bom modelo conceitual; 2. Faça as coisas visíveis: • Mapeamento; • Affordances; • Restrições; • Feedback. Por quê nos frustramos com objetos do dia-a-dia?
  • 18. Affordance: forma, cor, sombra que dão affordance de pressionar Mapeamento: elementos agrupados e relacionados Feedback: confirmação da seleção através do destaque da miniatura Restrição: a ação que não é possível agora, está desabilitada
  • 19. A Engenharia Cognitiva descreve as lacunas que existem entre o usuário e a interface.
  • 20. 20 A Engenharia Cognitiva considera dois lados na interface: a do próprio sistema e a do usuário; Realização de tarefas: resolução de problemas. Complexidade da tarefa: – Naturezas diferentes das variáveis envolvidas; Variáveis psicológicas; Variáveis físicas. Engenharia Cognitiva
  • 21. A pessoa interpreta as variáveis físicas em termos relevantes às suas metas psicológicas e traduz as intenções psicológicas em ações físicas sobre os mecanismos do sistema.
  • 22. 22 Mesmo em tarefas simples...
  • 23. 23 A discrepância entre modelo mental do usuário e o modelo conceitual do sistema. Qual é o problema? Variáveis psicológicas (objetos, intenções) Variáveis físicas (estado do sistema) e controles físicos (mecanismos de interação) ?
  • 24. 24 A discrepância entre modelo mental do usuário e o modelo conceitual do sistema. Qual é o problema?
  • 25. 25 Problemas de mapeamento; Dificuldade de controle; Dificuldade de avaliação. Qual é o problema?
  • 26. 26 Mapeamento não é obvio, MAS as variáveis manipuladas são as de interesse. Como solucionar?
  • 27. 27 Problema de mapeamento Dificuldade de controle Dificuldade de avaliação Qual é o problema?
  • 30. 30 Como identificar quais são essas discrepâncias e minimizar ou acabar com elas? Designer: – Cria seu modelo mental do sistema (modelo conceitual); – Com base nos modelos de usuário e tarefas; Usuário: – Interage e cria seu modelo mental da aplicação. Aí entra a Engenharia Cognitiva
  • 31.
  • 32. 32 Qual a meta do designer? Modelo mental ~ Modelo Conceitual Para isso: – o designer precisa entender o processo através do qual o usuário interage com a interface do sistema. Aí entra a Engenharia Cognitiva
  • 33. E como entender esse processo?
  • 35. 35 Teoria da Ação (Norman, 1986) Atividade mental Atividade física Objetivos
  • 36. 36 Teoria da Ação Objetivos Golfo de Execução Golfo de Avaliação
  • 37. 37 Ajudar o usuário a atravessar os golfos; Diminuindo-os! – Definir ações e estruturas adequadas; – Boa escolha dos elementos de interface; – Feedbacks significativos. O que o designer pode fazer?
  • 38. 38 1. Entenda o problema completamente: - Inclusive quais são todas as tarefas necessárias; 2. Conheça qual o modelo mental do usuário sobre as tarefas; 3. Crie um modelo conceitual com base em ambos; 4. Traduza o modelo em uma imagem do sistema que seja próxima do modelo mental do usuário e que execute o modelo conceitual. Uma forma de trabalhar as 3 coisas:
  • 39. 39 O que você quer resolver? O que pode ser melhorado? O que o cliente quer? Por que o que existe hoje não é suficiente? Quais são os requisitos que a proposta DEVE contemplar? Quem é o público que deve ser atendido? Quais as atividades que devem ser realizadas? Quais as possibilidades? 1. Entender completamente o problema
  • 40. 40  Entrevista;  Questionário;  Estudo de campo;  Brainstorming de necessidades e desejos dos usuários;  Classificação de Cartões. 2. Qual o modelo mental do usuário?
  • 41. 41 1. Entender completamente o problema; 2. Conhecer os usuários; 3. Projetar o que projetar: Que modo de interação melhor suportaria as atividades do usuário? Há uma metáfora de interface adequada para entender o produto? Que paradigma de interação o produto irá seguir? 3. Criando modelos conceituais
  • 42. 42 Fazendo o uso dos recursos que você já aprendeu em IHC: – Perspectivas de interação; – Affordances; – Critérios de Qualidade de Uso; – Processos cognitivos e como influenciam no design. 4. Traduza o modelo em uma imagem adequada do sistema
  • 46. 46 O QUE ESTUDAR?  Interação Humano-Computador (BARBOSA, S. D. J.; SILVA B. S. DA): - Capítulo 3 (Seção 3.4)  Design de Interação: Além da interação humano-computador (PREECE, J.; ROGERS, Y.; SHARP, H.): - Capítulo 3
  • 48. Confia no Senhor de todo o teu coração, e não te estribes no teu próprio entendimento. Provérbios 3:5 Até a próxima aula!