Abordagens teóricas de IHC

Prévia do material em texto

Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Interação Humano-Computador
Aula 4
Marcelle Mota
mpmota@ufpa.br
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Agenda
• Abordagens teóricas de IHC (Capítulo 3)
2
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Abordagens teóricas de IHC
1. Psicologia experimental
2. Psicologia cognitiva aplicada
3. Abordagens etnometodológicas
4. Teoria da atividade
5. Cognição distribuída
6. Engenharia cognitiva
7. Engenharia Semiótica
3
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Cognitiva
• Na base da engenharia cognitiva está a 
discrepância entre os objetivos expressos 
psicologicamente e os controles e 
variáveis físicos de uma tarefa
4
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Cognitiva (2)
• Problemas de mapeamento
– Qual é o controle de água quente e qual é 
o de água fria? De que maneira cada 
controle deve ser girado para aumentar 
ou reduzir o fluxo da água?
5
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Cognitiva (3)
• Dificuldade de controle: 
– Para aumentar a temperatura da água 
mantendo o fluxo constante, é necessário 
manipular simultaneamente as duas 
torneiras.
6
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Cognitiva (4)
• Dificuldade de avaliação:
– Quando há dois bicos de torneira, às 
vezes se torna difícil avaliar se o 
resultado desejado foi alcançado.
7
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Tentativa de solução
8
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Definição de cor RGB-HSL
• Dificuldade de mapeamento, controle e 
avaliação
9
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Definição de cor RGB-HSL
• definição de cor via componentes [Red, Green e 
Blue] ou [Hue (matiz), Saturation , Luminance]
problemas de mapeamento das componentes RGB e HSL
dificuldade de controle das componentes HSL
dificuldade de avaliação, 
pois não se vê a cor definida
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Definição de cor RGB-HSL (2)
• Dificuldade de controle HSL
11
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Tentativa de solução
reduz problemas de 
mapeamento e 
dificuldade de controle das 
componentes RGB e HSL
• definição de cor via componentes [Red, Green e 
Blue] e [Hue (matiz), Saturation , Luminance]
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Cognitiva (5)
• Modelos:
– Modelo de design
– A imagem do sistema
– Modelo do usuário
13
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Cognitiva (6)
• O usuário deve ser capaz de elaborar um modelo 
conceitual compatível com o modelo de design através 
da sua interação com a imagem do sistema. Para isso, o 
designer deverá produzir uma imagem de sistema 
explícita, inteligível e consistente com seu modelo de 
design. 
14
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Cognitiva (7)
• Teoria da Ação - golfos
variáveis 
psicológicas
variáveis
e controles 
físicos
distância entre
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
EngCog – Teoria da ação
16
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Exemplo prático
17
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Semiótica
• É uma teoria de IHC centrada na 
comunicação
• Caso particular de comunicação humana 
mediada por sistemas computacionais
• foco de investigação é a comunicação 
entre designers, usuários e sistemas
18
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010) 19
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Semiótica (2)
• investiga processos de comunicação em dois níveis 
distintos: 
– a comunicação direta usuário–sistema e 
– a metacomunicação do designer para o usuário 
mediada pelo sistema, através da sua interface.
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Semiótica (3)
• Caracteriza aplicações computacionais 
como artefatos de metacomunicação, 
ou seja, artefatos que comunicam uma 
mensagem do designer para os usuários 
sobre a comunicação usuário-sistema, 
sobre como eles podem e devem 
utilizar o sistema, por que e com que 
efeitos
21
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Semiótica
• Signo
– É algo que significa algo para alguém em determinada 
circunstância
• Sistemas de significação
– São convenções sociais ou culturais que nos permitem 
interpretar signos
• Comunicação
– Produção de signos utilizando sistemas de significação
para escolher formas de representar (expressão) 
seus significados pretendidos (conteúdo) de modo a 
alcançar uma variedade de objetivos (intenção).
• Semiose
– Processo interpretativo que nos leva a associar 
cadeias de significados
22
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Semiótica (2)
23
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Semiose (3)
24
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Semiótica (4)
• Os signos são:
– Estáticos
– Dinâmicos
– Metalinguisticos
25
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Semiótica (5)
• paráfrase da metamensagem:
Este é o meu (designer) entendimento de quem
você (usuário) é, do que aprendi que você quer
ou precisa fazer, de que maneiras prefere fazer,
e por quê. Este, portanto, é o sistema que
projetei para você, e esta é a forma como você
pode ou deve utilizá-lo para alcançar uma gama
de objetivos que se encaixam nesta visão.
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Semiótica (6)
• espaço de design de IHC
– quem é o emissor (designer)? Que 
aspectos das limitações, motivações, 
crenças e preferências do designer 
devem ser comunicados ao usuário para 
o benefício da metacomunicação;
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Semiótica (7)
• espaço de design de IHC
– quem é o receptor (usuário)? Que 
aspectos das limitações, motivações, 
crenças e preferências do usuário, tal 
como interpretado pelo designer, devem 
ser comunicados aos usuários reais para 
que eles assumam seu papel como 
interlocutores do sistema;
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Semiótica (8)
• espaço de design de IHC
– qual é o contexto da comunicação? 
Que elementos do contexto de interação 
— psicológico, sociocultural, tecnológico, 
físico etc. — devem ser processados 
pelo sistema, e como;
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Semiótica (9)
• espaço de design de IHC
– qual é o código da comunicação? Que 
códigos computáveis podem ou devem 
ser utilizados para apoiar a 
metacomunicação eficiente, ou seja, 
qual deve ser a linguagem de interface;
Slides adaptadosdo Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Semiótica (10)
• espaço de design de IHC
– qual é o canal? Quais canais de 
comunicação estão disponíveis para a 
metacomunicação designer–usuário, e 
como eles podem ou devem ser 
utilizados;
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Engenharia Semiótica (11)
• espaço de design de IHC
– qual é a mensagem? O que o designer 
quer contar aos usuários, e com que 
efeito, ou seja, qual é a intenção 
comunicativa do designer.
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Exemplo antigo
• http://www.olx.com.br/
33
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Exemplo atual
34
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Template de metacomunicação
• Este é o meu entendimento, como 
designer, de quem você, usuário, é, do 
que aprendi que você quer ou precisa 
fazer, de que maneiras prefere fazer, e 
por quê. 
• Este, portanto, é o sistema que projetei 
para você, e esta é a forma como você 
pode ou deve utilizá-lo para alcançar 
uma gama de objetivos que se encaixam 
nesta visão.
35
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
quem você, usuário, é
• A quem a mensagem do designer está 
endereçada (i.e., para o designer, quem 
são os usuários do sistema)? Quais os 
perfis desses destinatários (i.e., quais são 
suas características, valores e crenças)?
36
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
quer ou precisa fazer
• Na visão do designer, o que os usuários 
vão querer comunicar ao sistema (i.e., 
quais são os desejos e necessidades dos 
usuários, o que eles querem ou precisam 
fazer com apoio do sistema)? Por quê?
37
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
de que maneiras prefere fazer
• Como, onde e quando o designer espera 
que os usuários se engajem nessa 
comunicação (i.e., utilizem o sistema para 
realizar o que querem ou precisam fazer)? 
Por quê?
38
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
este, portanto, é o sistema que 
projetei para você
• O que o designer está comunicando? Que 
conteúdo e expressão está utilizando 
nessa comunicação? Qual é a sua visão 
de design?
39
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
a forma como você pode ou 
deve utilizá-lo
• Como essa metacomunicação privilegia 
certos desejos e necessidades dos 
usuários, em detrimento a outros? Como 
essa metacomunicação indica diferentes 
estratégias de comunicação que o 
usuário pode seguir ao se comunicar com 
o preposto do designer? Como a 
comunicação do usuário com o preposto 
do designer é facilitada em certos 
contextos, em detrimento a outros? Por 
quê?
40
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
alcançar uma gama de objetivos
• Que efeito(s) o designer espera que sua 
comunicação cause? Que objetivos ele 
espera que o usuário alcance por meio 
dessa comunicação?
41
Slides adaptados do Livro Interação Humano-Computador (Barbosa e Silva, 2010)
Cadastro dos grupos no sigaa
42