INF1403 – Introdução a IHC
1
Um Modelo Clássico de IHC
A Engenharia Cognitiva
25/08/2014
www.inf.puc-rio.br/~inf1403
© SERG 2014
SEMIOTIC ENGINEERING RESEARCH GROUP
2
INF1403 – Introdução a IHC
Roteiro da Aula
•
Discussão do Tema de Autoaprendizado
•
•
Modelos e Racionalização no Desenvolvimento de TI
O “modelo de IHC” segundo a abordagem clássica de
Engenharia Cognitiva
A travessia de 2 golfos: Execução e Avaliação
Exemplo
Design Centrado no Usuário (User Centered Design) a aula
•
•
•
© SERG 2014
SEMIOTIC ENGINEERING RESEARCH GROUP
3
INF1403 – Introdução a IHC
Modelos e Racionalização no Desenvolvimento de TI
•
A questão da “racionalização” da atividade do usuário
– O que é?
– Por que acontece?
– Algumas consequências importantes?
© SERG 2014
SEMIOTIC ENGINEERING RESEARCH GROUP
4
INF1403 – Introdução a IHC
Modelos e Racionalização no Desenvolvimento de TI
•
A questão da “racionalização” da atividade do usuário
– O que é?
– Por que acontece?
– Algumas consequências importantes?
•
Modelos
–
–
–
–
Representação de uma racionalização
Função dos modelos
Racionalização e Abstração
Importância da “escolha” de um modelo para trabalhar
© SERG 2014
SEMIOTIC ENGINEERING RESEARCH GROUP
5
INF1403 – Introdução a IHC
Exemplo de consequências de escolha de modelo
•
A escolha da perspectiva de
sistema
– Elementos do “Modelo”
• Ênfase no processo e na
qualidade da entrada de
dados
• Visão de “sistema” que
engloba software +
usuário
• Usuário faz parte do
sistema
– Design de interação
• Coloca o usuário “no
trilho” do sistema
• Etc.
© SERG 2014
SEMIOTIC ENGINEERING RESEARCH GROUP
6
INF1403 – Introdução a IHC
Exemplo de consequências de escolha de modelo
•
A escolha da perspectiva de
sistema
– Elementos do “Modelo”
• Ênfase no processo e na
qualidade da entrada de
dados
• Visão de “sistema” que
engloba software +
usuário
• Usuário faz parte do
sistema
– Design de interação
• Coloca o usuário “no
trilho” do sistema
• Etc.
•
A escolha da perspectiva de
diálogo
– Elementos do “Modelo”
• Ênfase no processo e na
qualidade (naturalidade)
da conversa
• Visão de “paridade”,
sistema é par do usuário
• Usuário e sistema
compartilham intenções e
iniciativas
– Design de interação
• Sistema “raciocina” e usa
“linguagem natural”
• Etc.
© SERG 2014
SEMIOTIC ENGINEERING RESEARCH GROUP
7
INF1403 – Introdução a IHC
O “modelo” de IHC segundo a “Engenharia Cognitiva”
Descreve o que é IHC
Neste modelo IHC é um tipo de “ação”.
Por que
cognitiva?
© SERG 2014
SEMIOTIC ENGINEERING RESEARCH GROUP
8
INF1403 – Introdução a IHC
O “modelo” de IHC segundo a “Engenharia Cognitiva”
Descreve o que é IHC
Neste modelo IHC é um tipo de “ação”.
•
Lembra alguma
coisa?
Ação é uma sequência iterada de 7 estágios.
1. Definir um OBJETIVO GERAL para a ação
2. Estabelecer uma INTENÇÃO IMEDIATA (“o que fazer agora?”)
3. Estabelecer uma SEQUÊNCIA DE AÇÕES para realizar a intenção imediata
4. EXECUTAR AS AÇÕES da sequência estabelecida
5. PERCEBER O ESTADO RESULTANTE das ações
6. INTERPRETAR O QUE É PERCEBIDO
7. AVALIAR se a intenção imediata foi atingida (S/N);
caso tenha não tenha sido, gerar uma intenção imediata diferente;
* Pode ser uma intenção para desfazer ou para substituir
o efeito que não serviu.
caso contrário, avaliar se o objetivo geral da ação foi atingido (S/N).
* Se foi atingido, é o final da iteração dos estágios;
* Se não foi, inicia-se nova iteração, retomando-se o passo 2.
© SERG 2014
SEMIOTIC ENGINEERING RESEARCH GROUP
9
INF1403 – Introdução a IHC
O “modelo” de IHC segundo a “Engenharia Cognitiva”
Descreve o que é IHC
Neste modelo IHC é um tipo de “ação”.
•
Ações Mentais
Ações Físicas
Ações Mentais
Ação é uma sequência iterada de 7 estágios.
1.
2.
3.
4.
5.
6.
7.
Definir um OBJETIVO GERAL para a ação
Estabelecer uma INTENÇÃO IMEDIATA (“o que fazer agora?”)
Estabelecer uma SEQUÊNCIA DE AÇÕES para realizar a intenção imediata
EXECUTAR AS AÇÕES da sequência estabelecida
PERCEBER O ESTADO RESULTANTE das ações
INTERPRETAR O QUE É PERCEBIDO
AVALIAR se a intenção imediata foi atingida (S/N);
caso tenha não tenha sido, gerar uma intenção imediata diferente;
* Pode ser uma intenção para desfazer ou para substituir
o efeito que não serviu.
caso contrário, avaliar se o objetivo geral da ação foi atingido (S/N).
* Se foi atingido, é o final da iteração dos estágios;
* Se não foi, inicia-se nova iteração, retomando-se o passo 2.
© SERG 2014
SEMIOTIC ENGINEERING RESEARCH GROUP
10
INF1403 – Introdução a IHC
Ação do Usuário em IHC: Travessia de 2 golfos
(Série de ações mentais e físicas)
Travessia do Golfo de Execução
Travessia do Golfo de Avaliação
(Série de ações mentais e físicas)
© SERG 2014
SEMIOTIC ENGINEERING RESEARCH GROUP
11
INF1403 – Introdução a IHC
Modelo de IHC segundo a Engenharia Cognitiva
1. Formular intenção imediata
2. Elaborar plano de ação (sequência
de passos para realizar a intenção)
3. Executar o plano (acionar o sistema)
2
Travessia do Golfo de Execução
Objetivo
Geral da
Interação
(uso)
1
© SERG 2014
SEMIOTIC ENGINEERING RESEARCH GROUP
12
INF1403 – Introdução a IHC
Modelo de IHC segundo a Engenharia Cognitiva
1. Formular intenção imediata
2. Elaborar plano de ação (sequência
de passos para realizar a intenção)
3. Executar o plano (acionar o sistema)
2
Travessia do Golfo de Execução
Objetivo
Geral da
Interação
(uso)
1
Travessia do Golfo de Avaliação
3
1. Perceber o estado do sistema
(resultante da ação executada)
2. Interpretar o estado
3. Avaliar se houve progresso na
realização da intenção imediata
e objetivo geral
© SERG 2014
SEMIOTIC ENGINEERING RESEARCH GROUP
13
INF1403 – Introdução a IHC
Design Centrado no Usuário (User Centered Design)
Quem é o SUJEITO
de todas as ações do modelo?
O “USUÁRIO” !
2
Neste modelo, só interessa o
que o USUÁRIO faz: daí dizer que o
modelo é “CENTRADO NO USUÁRIO”.
Objetivo
Geral da
Interação
(uso)
Travessia do Golfo de Execução
1
Travessia do Golfo de Avaliação
1
3
2
Fim
3
© SERG 2014
SEMIOTIC ENGINEERING RESEARCH GROUP
INF1403 – Introdução a IHC
14
Por quem este
modelo foi
proposto e
quando?
•
Don Norman, 1986
© SERG 2014
SEMIOTIC ENGINEERING RESEARCH GROUP
15
INF1403 – Introdução a IHC
Demonstração em Sala de Aula
•
Aplicação : Balsamiq Mockups©
Ferramenta de Criação de Modelos
de Interface
•
Meta do Usuário : criar o modelo de
uma página como essa.
© SERG 2014
SEMIOTIC ENGINEERING RESEARCH GROUP