inf1403 inf1403 – introdução a interação introdução a...

11

INF1403 INF1403 –– Introdução a Interação Introdução a Interação HumanoHumano--Computador (IHC)Computador (IHC)

serg

TurmaTurma 3WB3WBProfessor: Alberto Professor: Alberto BarbosaBarbosa RaposoRaposo

Engenharia SemióticaEngenharia SemióticaHá mais “H” em IHC do que o “H” dos usuários Há mais “H” em IHC do que o “H” dos usuários

Duas “teorias de IHC”Duas “teorias de IHC”

Engenharia CognitivaEngenharia Cognitiva(Norman, 1986)(Norman, 1986)

OBJETIVOOBJETIVO

Gerar e organizar conhecimentos Gerar e organizar conhecimentos sólidos para favorecer o sólidos para favorecer o

Engenharia SemiEngenharia Semióóticatica(de Souza, 2005)(de Souza, 2005)

OBJETIVOOBJETIVO

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 humanode interação humano--computador.computador.

BASE & FOCOBASE & FOCO

Cognitiva / Aprendizado e Cognitiva / Aprendizado e CompreensãoCompreensã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 humanode interação humano--computador.computador.

BASE & FOCOBASE & FOCO

Semiótica / Comunicação e Semiótica / Comunicação e ExpressãoExpressã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Ê?

Na Visão da Engenharia Semiótica:

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’

serg

– 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 significadoTudo pode ter significado.

Tudo pode ser um signo.

SISTEMAS DE SIGNIFICAÇÃOSISTEMAS 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 HumanaComunicação HumanaAssentada sobre a Assentada sobre a linguagemlinguagem..Linguagem = Sistema de SignificaçãoLinguagem = Sistema de Significação

•• Associação ‘regular, sistemática’Associação ‘regular, sistemática’ entre expressões e conteúdos, baseada naculturacultura em que surge.

Interfaces: Sistemas de SignificaçãoInterfaces: 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

serg

• 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ídiaComputadores: 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ídiahá 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.

serg

Tela do MS Power PointTela do MS Power Point

Usuários e Projetistas estão em cena na interaçãoUsuá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 horanã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/designerdesigner faz parte da IHC (1/2)faz parte da IHC (1/2)

•• PorPor quêquê??– Primeiro, vamos pensar: qual o problema se ele não fizer parte

da IHC?

Por exemplo, pensemos na engenharia cognitiva: qual a

serg

Por exemplo, pensemos na engenharia cognitiva: qual a conseqüência de aquela teoriateoria de IHCde IHC não incluir o projetista nacena 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ãoestá ele também realizando ações determinantes do curso que a interação está tomando? POR QUÊ?)

O projetista/O projetista/designerdesigner 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 humanasinteligê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 concretizarconcretizar.

Processo de ComunicaçãoProcesso de Comunicação

semiose

ilimitadainterpretante

interpretante

serg23

ilimitada

canal

codificação decodificação

interpretante

interpretante

mensagem (signos): “Meu tipo ideal é o

moreno”

semiose(ilimitada)

Processo de Comunicação em IHCProcesso de Comunicação em IHC

pera lá...

indica erro

tenho que tentar de novo

interpretante

serg24

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

serg25

•• 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óticaEngenharia Semiótica

contexto

modelo percebido da aplicação

modelo pretendido da aplicação

comunicação designer–usuário, através do sistema

serg26

usuáriodesigner

contexto

meio

Caracterização de IHC Caracterização de IHC –– A visão A visão centrada na comunicaçãocentrada na comunicação

•• A idéia central de Engenharia SemióticaA 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çãoMetacomunicação

serg

•• MetacomunicaçãoMetacomunicaçã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

conjunto de objetivos que se enquadram nesta visão."

Exemplo de Mensagem DesignerExemplo de Mensagem Designer––UsuárioUsuá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.

serg28

usuáriodesigner

Exemplo de Mensagem DesignerExemplo de Mensagem Designer––UsuárioUsuárioA 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.

serg29

usuáriodesigner

Qualidade em IHC: ComunicabilidadeQualidade 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

serg30

– como funciona– quais são os princípios gerais de interação com o sistema

•• benefícios de alta comunicabilidadebenefí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 TextoExemplos: Metacomunicação em Editores de Texto

•• NotepadNotepad•• WordPadWordPad•• TextPadTextPad•• Notepad ++Notepad ++

serg

•• 2 Tipos de Metacomunicação2 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áticosNotepad: Signos Estáticos

serg

Abrir Notepad einspecionar menus:

O que é o editor?Para que serve?Para que não serve?Como usar?

Wordpad : Signos EstáticosWordpad : Signos Estáticos

serg

Abrir Worpad einspecionar menus:


TextPad : Signos EstáticosTextPad : Signos Estáticos

Baixar trial do Textpad de:

serg

Baixar trial do Textpad de:http://www.textpad.com/

Abrir TextPad einspecionar menus:


Notepad ++ : Signos EstáticosNotepad ++ : Signos Estáticos

serg

Baixar o Notepad ++ de:http://notepad-plus.sourceforge.net/uk/site.htm

Abrir Notepad ++ e inspecionar menus:


Signos DinâmicosSignos 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 PreliminaresEngenharia Semiótica: Conclusões Preliminares

Os Os projetistasprojetistas se se comunicamcomunicam, , simsim, com , com osos usuáriosusuários emem tempo de tempo de interaçãointeração. . PorémPoré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

serg

• 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 linguagensdisponí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 simplespalavras exóticas, conceitos simples

InterpretInterpretanteante –– um significado em processoum 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’.

SemioseSemiose –– 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 IHCInterpretante e Semiose em IHC

•• Um caso antigo, mas exemplar: Veja o filme cdplayerUm caso antigo, mas exemplar: Veja o filme cdplayer--Win95 Win95

Ao encontrar o signo ‘Ao encontrar o signo ‘REMOVEREMOVE��’’o usuário o usuário imaginaimagina um significadoum significadopossível (interpretante): removerpossível (interpretante): removerda lista ao lado (de faixas do CD!).da lista ao lado (de faixas do CD!).

serg

da lista ao lado (de faixas do CD!).da lista ao lado (de faixas do CD!).

– Mas, acha que não pode ser issoe vai em frente. Aparentementetudo dá certo, até que um tempodepois ... em novo encontro comos signos de interface, ele nãoouve todas as faixas! Será queo significado era mesmo aquele??

SEMIOSE: uma geração de significados que continua sempre.

http://mitpress.mit.edu/catalog/item/default.asp?ttype=2&tid=10486

IHC no DI da PUCIHC no DI da PUC--Rio Rio <=><=> Engenharia SemióticaEngenharia Semiótica

serg

http://www.morganclaypool.com/doi/abs/10.2200/S00173ED1V01Y200901HCI002


serg


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

inf1403 inf1403 – introdução a interação introdução a...

Documents