1 1
INF1403
INF1403 – – Introdução a Interação Introdução a Interação Humano
Humano--Computador (IHC) Computador (IHC)
Turma
Turma 3WB3WB Professor: Alberto
Professor: Alberto BarbosaBarbosa RaposoRaposo Engenharia Semiótica
Engenharia Semiótica
Há mais “H” em IHC do que o “H” dos usuários Há mais “H” em IHC do que o “H” dos usuários
serg
serg
Duas “teorias de IHC”
Duas “teorias de IHC”
Engenharia Cognitiva Engenharia Cognitiva
(Norman, 1986) (Norman, 1986) OBJETIVO
OBJETIVO
Gerar e organizar conhecimentos Gerar e organizar conhecimentos sólidos para favorecer o
sólidos para favorecer o
Engenharia Semi
Engenharia Semióóticatica (de Souza, 2005)
(de Souza, 2005) OBJETIVO
OBJETIVO
Gerar e organizar conhecimentos Gerar e organizar conhecimentos sólidos para favorecer o
sólidos para favorecer o
serg
sólidos para favorecer o sólidos para favorecer o
desenvolvimento de bons projetos desenvolvimento de bons projetos de interação humano
de interação humano--computador.computador.
BASE & FOCO BASE & FOCO
Cognitiva / Aprendizado e Cognitiva / Aprendizado e Compreensão
Compreensão
Quem está em cena na interação?
Quem está em cena na interação?
Usuário (somente).
Usuário (somente).
sólidos para favorecer o sólidos para favorecer o
desenvolvimento de bons projetos desenvolvimento de bons projetos de interação humano
de interação humano--computador.computador.
BASE & FOCO BASE & FOCO
Semiótica / Comunicação e Semiótica / Comunicação e Expressão
Expressão
Quem está em cena na interação?
Quem está em cena na interação?
Usuário e Projetista (Designer) Usuário e Projetista (Designer) do sistema.
do sistema.
COMO? POR QUÊ?
COMO? POR QUÊ?
serg
Na Visão da Engenharia Semiótica:
serg
serg
serg
Semiótica????
Semiótica????
•• Semiótica é uma disciplina que estuda como (e por que) Semiótica é uma disciplina que estuda como (e por que) as pessoas atribuem significado às coisas, e como usam as pessoas atribuem significado às coisas, e como usam as coisas para significar o que querem dizer.
as coisas para significar o que querem dizer.
– Tudo o que ‘tem significado’ – Tudo o que ‘tem significado’
para alguém é um SIGNO.
• Exemplos:
Palavras têm significado (‘semiótica’ significa algo).
Imagens têm significado (→) Lugares, pessoas, aromas,
sensações, lembranças...
Tudo pode ter significado Tudo pode ter significado.
Tudo pode ser um signo.
SISTEMAS DE SIGNIFICAÇÃO SISTEMAS DE SIGNIFICAÇÃO
•• Como qualquer coisa pode ser um signo (isto é: ter um Como qualquer coisa pode ser um signo (isto é: ter um significado para alguém), o espaço de possibilidades de significado para alguém), o espaço de possibilidades de significação é INFINITO, e pode ser bastante
significação é INFINITO, e pode ser bastante DESREGRADO.
DESREGRADO.
– Exemplo: Uma colagem de Picasso ( → )
serg
– Exemplo: Uma colagem de Picasso ( → )
• O que Picasso está comunicando?
Comunicação Humana Comunicação Humana
Assentada sobre a
Assentada sobre a linguagem linguagem..
Linguagem = Sistema de Significação Linguagem = Sistema de Significação
•• Associação ‘regular, sistemática’Associação ‘regular, sistemática’ entre expressões e conteúdos, baseada na
cultura
cultura em que surge.
Interfaces: Sistemas de Significação Interfaces: Sistemas de Significação
•• As interfaces de artefatos computacionais interativos As interfaces de artefatos computacionais interativos são repletas de sistemas de significação:
são repletas de sistemas de significação:
– Associam com regularidade certas expressões (textos, imagens, sons, ‘widgets’) a certos conteúdos estabelecidos
• na cultura geral do usuário (costumes de seu país, sua língua, valores regionais, etc.)
• na cultura tecnológica do usuário (suas práticas com computadores e programas, aparelhos eletro-eletrônicos digitais, etc.).
– Exemplos de expressões de sistemas de significações comuns nas interfaces que conhecemos
texto
Computadores: Um tipo de Mídia Computadores: Um tipo de Mídia
•• Os computadores são meios de comunicação entre pessoas. Os computadores são meios de comunicação entre pessoas.
Veja exemplo da loja
Veja exemplo da loja Submarino.com.br . Submarino.com.br .
serg
Até em ‘
Até em ‘aplicações pessoais’ aplicações pessoais’ há espaços de mídia há espaços de mídia
•• Os desenvolvedores do MS Office se comunicam com seus Os desenvolvedores do MS Office se comunicam com seus usuários (clientes) através da interface.
usuários (clientes) através da interface.
Tela do MS Power Point Tela do MS Power Point
Usuários e Projetistas estão em cena na interação Usuários e Projetistas estão em cena na interação
Como?
Como?
– Nos slides anteriores pode-se ver claramente a marca da presença do projetista ‘falando’ na interação.
serg
– Mas ... como o projetista pode de fato participar da interação se ele não está lá na hora não está lá na hora?
– A interface é o representante do projetista na conversa com o usuário.
• Tecnicamente dizemos que a interface é o preposto (o que está designado para agir/falar em nome) do projetista ou designer do artefato computacional interativo.
O projetista/
O projetista/designer designer faz parte da IHC (1/2) faz parte da IHC (1/2)
•
• Por Por quê quê? ?
– Primeiro, vamos pensar: qual o problema se ele não fizer parte da IHC?
Por exemplo, pensemos na engenharia cognitiva: qual a Por exemplo, pensemos na engenharia cognitiva: qual a
conseqüência de aquela teoriateoria de IHCde IHC não incluir o projetista na cena de interação?
É fácil ou natural modelar esta interação como uma sequência de ações totalmente centrada no usuário (ie. na qual “um outro” não está ele também realizando ações determinantes do curso que a interação está tomando? POR QUÊ?)
O projetista/
O projetista/designer designer faz parte da IHC (2/2) faz parte da IHC (2/2)
– Agora, vamos pensar: e se ele fizer parte da IHC?
Por exemplo, pensemos nas vantagensvantagens de uma teoria de IHCteoria de IHC que inclui o projetista na cena de interação?
1. Ela deve gerar e organizar conhecimentos que:
–– ExplicamExplicam como se dá esta interação através do sistema; e
serg
–– ExplicamExplicam como se dá esta interação através do sistema; e – Indicam quais os meios e modos mais adequadosmeios e modos mais adequados para
diferentes tipos e objetivos de comunicação entre o projetista e o usuário.
2. Ela revela aos usuários que os sistemas são produtos da produtos da
inteligência, da competência técnica e das escolhas humanas inteligência, da competência técnica e das escolhas humanas, e por isto:
– Seus projetistas têm responsabilidadeprojetistas têm responsabilidade pelos efeitos do produto; e
– Sempre há alternativas (melhores e piores) para o projeto do produto. Nenhum produto tem uma única forma de se Nenhum produto tem uma única forma de se concretizar
concretizar.
Processo de Comunicação Processo de Comunicação
semiose ilimitada interpretante
interpretante
ilimitada
codificação decodificação
interpretante interpretante
mensagem (signos):
“Meu tipo ideal é o
semiose (ilimitada)
Processo de Comunicação em IHC Processo de Comunicação em IHC
pera lá...
indica erro tenho que
tentar de novo
interpretante
serg 24
(ilimitada)
operação bem sucedida
canal
codificação decodificação
sucesso!
indica erro
interpretante
mensagem (signos)
interpretante
O papel do designer é…
O papel do designer é…
•• Prestar atenção ao que as pessoas entendem pelos Prestar atenção ao que as pessoas entendem pelos signos que ele usa para mostrar como a sua aplicação signos que ele usa para mostrar como a sua aplicação funciona e o que se pode fazer com ela.
funciona e o que se pode fazer com ela.
•• Projetar cuidadosamente a reação do sistema, que Projetar cuidadosamente a reação do sistema, que também é um signo (significa algo para o usuário).
também é um signo (significa algo para o usuário).
Engenharia Semiótica Engenharia Semiótica
contexto
modelo percebido da
aplicação modelo
pretendido da aplicação
comunicação designer–usuário, através do sistema
serg 26
usuário designer
contexto
meio
Caracterização de IHC
Caracterização de IHC –– A visão A visão centrada na comunicação centrada na comunicação
•• A idéia central de Engenharia Semiótica A idéia central de Engenharia Semiótica
– Os designers se comunicam com os usuários em tempo de interação.
– A interface do sistema representa o designer durante a interação.
•• Metacomunicação Metacomunicação
•• Metacomunicação Metacomunicação
– ‘Communicação sobresobre communicação’
O projetista comunica como e por que o usuário deve se comunicar com o sistema.
– O que os designers dizem para os usuários através de/durante a interação:
“Eis a minha visão de quem você é,
o que aprendi que você deseja ou precisa fazer, de que formas preferenciais e por quê.
Este é o sistema que conseqüentemente elaborei para você,
e esta é a forma como você pode ou deve usá-lo para realizar um
Exemplo de Mensagem Designer
Exemplo de Mensagem Designer––Usuário Usuário
Ué, como faço para indicar a duração do compromisso?
O importante em um
compromisso é chegar na hora:
então vou representar esta hora inicial por um campo com
horário.
serg 28
usuário designer
Exemplo de Mensagem Designer
Exemplo de Mensagem Designer––Usuário Usuário
A duração do
compromisso é indicada indiretamente pela diferença entre as horas de início e
término.
O importante em uma agenda é representar
quando um compromisso inicia e
termina.
usuário designer
Qualidade em IHC: Comunicabilidade Qualidade em IHC: Comunicabilidade
•• sucesso do designer em comunicar suas decisões ao usuário, i.e., sucesso do designer em comunicar suas decisões ao usuário, i.e., se o usuário percebe e entende:
se o usuário percebe e entende:
– para que serve o sistema
– qual é a vantagem de utilizá-lo – como funciona
serg 30
– como funciona
– quais são os princípios gerais de interação com o sistema
•• benefícios de alta comunicabilidade benefícios de alta comunicabilidade
– aumento da qualidade da entrada do usuário – interpretação mais precisa da saída do sistema
Exemplos: Metacomunicação em Editores de Texto Exemplos: Metacomunicação em Editores de Texto
•• Notepad Notepad
•• WordPad WordPad
•• TextPad TextPad
•• Notepad ++ Notepad ++
•• 2 Tipos de Metacomunicação 2 Tipos de Metacomunicação
–– EstáticaEstática:
• O que o projetista está dizendo para o usuário a partir de telas fixas de interface
–– DinâmicaDinâmica:
• O que o projetista está dizendo para o usuário da sucessão de telas em um contexto de interação
Notepad: Signos Estáticos Notepad: Signos Estáticos
serg
Abrir Notepad e inspecionar menus:
O que é o editor?
Para que serve?
Para que não serve?
Como usar?
Wordpad : Signos Estáticos Wordpad : Signos Estáticos
Abrir Worpad e
inspecionar menus:
O que é o editor?
Para que serve?
Para que não serve?
Como usar?
TextPad : Signos Estáticos TextPad : Signos Estáticos
Baixar trial do Textpad de:
serg
Baixar trial do Textpad de:
http://www.textpad.com/
Abrir TextPad e inspecionar menus:
O que é o editor?
Para que serve?
Para que não serve?
Como usar?
Notepad ++ : Signos Estáticos Notepad ++ : Signos Estáticos
Baixar o Notepad ++ de:
http://notepad-plus.sourceforge.net/uk/site.htm
Abrir Notepad ++ e inspecionar menus:
O que é o editor?
Para que serve?
Para que não serve?
Como usar?
Signos Dinâmicos Signos Dinâmicos
1.
1. Os signos dinâmicos aparecem como efeito de uma Os signos dinâmicos aparecem como efeito de uma interação. Em telas fixas, não são permanentemente interação. Em telas fixas, não são permanentemente perceptíveis (embora possam aparecer por uns
perceptíveis (embora possam aparecer por uns segundos e depois sumir).
segundos e depois sumir).
serg
segundos e depois sumir).
segundos e depois sumir).
Engenharia Semiótica: Conclusões Preliminares Engenharia Semiótica: Conclusões Preliminares
Os
Os projetistas projetistas se se comunicam comunicam, , sim sim, com , com os os usuários usuários em em tempo de tempo de interação
interação. . Porém Porém … …
– Sua comunicação nem sempre é feita em linguagem natural.
Às vezes a única base da comunicação é:
• O que o ‘preposto do designer’ está deixando o usuário fazer; e
• O que o ‘preposto do designer’ está deixando o usuário fazer; e
• Como o ‘preposto do designer’ está reagindo ao que usuário fez.
Comunicação por seqüências de ‘falas’ (em vários tipos de linguagens
disponíveis na interface para interação). Sempre há SIGNOS ESTÁTICOS e SIGNOS DINÂMICOS na comunicação. Procure por eles.
Papel da Cultura e do Conhecimento Prévio:
Se o usuário não tivesse experiência com o TextPad, será que ele teria
‘captado’ a metacomunicação do projetista do Notepad ++?
Para finalizar:
Para finalizar: Interpretante & semiose ... Interpretante & semiose ...
palavras exóticas, conceitos simples palavras exóticas, conceitos simples Interpret
Interpretante ante –– um significado em processo um significado em processo
– O significado de uma coisa evolui constantemente, através das novas associações que fazemos a cada vez que encontramos o signo a que ele se refere.
• Por exemplo: ‘Interação Humano-Computador’.
serg
• Por exemplo: ‘Interação Humano-Computador’.
– Na primeira aula, este SIGNO tinha um significado (talvez vago) que a cada nova aula ganha, para todos nós, novas facetas – se enriquece.
Algumas facetas são meramente ADICIONADAS; outras
SUBSTITUEM facetas que estavam imprecisas ou equivocadas; outras ainda SÃO POSSIBILIDADES, PERGUNTAS ... facetas de significado que só entenderemos melhor no futuro, depois de novos encontros com o mesmo signo ‘Interação Humano-Computador’.
Semiose
Semiose –– o processo indefinidamente longo e o processo indefinidamente longo e
imprevisível pelo qual os signos adquirem novas facetas imprevisível pelo qual os signos adquirem novas facetas de significado em nossas mentes.
de significado em nossas mentes.
Interpretante e Semiose em IHC Interpretante e Semiose em IHC
•• Um caso antigo, mas exemplar: Veja o filme cdplayer Um caso antigo, mas exemplar: Veja o filme cdplayer--Win95 Win95 Ao encontrar o signo ‘
Ao encontrar o signo ‘REMOVE REMOVE ’’
o usuário
o usuário imagina imagina um significado um significado possível (interpretante): remover possível (interpretante): remover da lista ao lado (de faixas do CD!).
da lista ao lado (de faixas do CD!).
da lista ao lado (de faixas do CD!).
da lista ao lado (de faixas do CD!).
– Mas, acha que não pode ser isso e vai em frente. Aparentemente tudo dá certo, até que um tempo depois ...
em novo encontro com
os signos de interface, ele não ouve todas as faixas! Será que o significado era mesmo aquele??
http://mitpress.mit.edu/catalog/item/
default.asp?ttype=2&tid=10486
IHC no DI da PUC
IHC no DI da PUC--Rio Rio <=><=> Engenharia SemióticaEngenharia Semiótica
serg
http://www.morganclaypool.com/doi /abs/10.2200/S00173ED1V01Y200 901HCI002
IHC no DI da PUC
IHC no DI da PUC--Rio Rio <=><=> Engenharia SemióticaEngenharia Semiótica
IHC no DI da PUC
IHC no DI da PUC--Rio Rio <=><=> Engenharia SemióticaEngenharia Semiótica
Disponível para você baixar e ler em:
http://www.inf.puc-
serg
http://www.inf.puc-
rio.br/~inf1403/docs/JAI2007_PratesB arbosa_EngSem.pdf