inf1403 10 engenharia semiotica - webserver2.tecgraf.puc...
TRANSCRIPT
![Page 1: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/1.jpg)
Engenharia semiótica
INF1403 – Introdução à Interação Humano-Computador
Prof. Alberto Raposo
sala 413 RDC
![Page 2: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/2.jpg)
Engenharia Cognitiva da Imagem do Sistema 2
UsuáriosDesigners de IHCe Desenvolvedores
Imagem do Sistema
Estudos com usuáriosinformam o design e aconstrução de modelos(modelos de usuário, detarefas, de interação, de
interface, de contexto, etc.)
Os vários “modelos”informam a construção
efetiva do sistema ea “imagem” externa
(interface e seu comportamentointerativo) que ele deve projetar.
![Page 3: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/3.jpg)
Medida de “Usabilidade”: Convergência dos Modelos de Design e de Uso
3
Imagem do Sistema
“modelo conceitual” do
que estão vendo e usando
UsuáriosDesigners de IHCe Desenvolvedores
“modelo conceitual” do
que produziram
![Page 4: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/4.jpg)
engenhariasemiótica
de Souza, 2005
![Page 5: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/5.jpg)
o que é comunicação?
![Page 6: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/6.jpg)
comunicação
uso de palavras, sons e outros
signos* para trocar informações
(significados) e expressar ideias,
sentimentos etc.
6
![Page 7: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/7.jpg)
Semiótica????
Semiótica é uma disciplina que estuda como (e por que) as pessoas atribuem significado às coisas, e como usamas coisas para significar o que querem dizer.
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 ser um signo.
![Page 8: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/8.jpg)
SISTEMAS DE SIGNIFICAÇÃO
Como qualquer coisa pode ser um signo (isto é: ter um significado para alguém), o espaço de possibilidades de significação é INFINITO, e pode ser bastanteDESREGRADO.
Exemplo: Uma colagem de Picasso (→)O que Picasso está comunicando?
Comunicação Humana
Assentada sobre a linguagem.Linguagem = Sistema de Significação
Associação ‘regular, sistemática’ entre expressões e conteúdos, baseada nacultura em que surge.
![Page 9: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/9.jpg)
Semiótica: estudo dos signos
![Page 10: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/10.jpg)
signo: algo que representa algo para alguém
10
InterpretaçãoInterpretante
Representação Objeto
<< um cão >>
Como isso passou a representar << um cão >>?
![Page 11: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/11.jpg)
signo: algo que representa algo para alguém
11
InterpretaçãoInterpretante
Representação Objeto
<<meu cão Attila>>
![Page 12: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/12.jpg)
processo de comunicação – semiose ilimitada
12
semioseilimitada
canal
codificação decodificação
interpretante
interpretante
interpretante
mensagem (signos): “Meu tipo ideal é o
moreno”
![Page 13: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/13.jpg)
semiose(ilimitada)
processo de comunicação em IHC
13
canal
operação bem sucedida
codificaçãodecodificação
sucesso!
pera lá...
indica erro
interpretante
tenho que tentar de
novo
mensagem (signos)
interpretante
interpretante
designer usuário
![Page 14: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/14.jpg)
adaptado de slides elaborados por Clarisse Sieckenius de Souza
engenharia semiótica (de Souza, 2005)
14
Semiótica (subst.) = estudo…dos signos
dos processos de significaçãocomo algo passa a “significar” alguma coisa
dos processos de comunicaçãocomo se usam signos para transmitir e interpretarideias
Engenharia Semióticaconfecção de artefatos de comunicação entre pessoas
![Page 15: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/15.jpg)
engenharia semiótica (de Souza, 2005)
construção de artefatos de comunicaçãoentre pessoas
interação entre pessoas e produtos da tecnologia computacional como um processo de comunicação entre pessoas(projetistas de software, usuários, fabricantes) através de software
15
![Page 16: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/16.jpg)
usuário
ENG. COGNITIVA
percepção + ação
eu (usuário) percebo X
eu aprendo X
ENG. SEMIÓTICA
comunicação
(o designer, através de)a interface me diz X
16
mundo psicológico
affordances
mundo físicocódigo
(linguagem: vocabulário, gramática)
signosdesigner usuário
![Page 17: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/17.jpg)
Usuários e Projetistas estão em cena na interação
Como?
Nos slides anteriores pode-se ver claramente a marca da presençado projetista ‘falando’ na interação.
Mas ... como o projetista pode de fato participar da interação se elenã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.
![Page 18: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/18.jpg)
o papel do designer é…
Prestar atenção ao que as pessoasentendem pelos signos que ele usa para mostrar como a sua aplicação funciona e o que se pode fazer com ela.
Projetar cuidadosamente a reação do sistema, que também é um signo (significaalgo para o usuário).
18
![Page 19: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/19.jpg)
engenharia semiótica
19
comunicação designer–usuário, através do sistema
usuário
contexto real
interpretaçãodo modelo da
aplicaçãointenção de
design
contexto esperado
usuárioDdesigner
produção +
introdução
de
tecnologia
![Page 20: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/20.jpg)
engenharia semiótica
20
comunicação designer–usuário, através do sistema
usuáriodesigner
contexto real
produção +
introdução
de
tecnologia
“Esta é a minha (designer) interpretação de quem você (usuário) é, o que aprendi que você quer ou precisa fazer, preferencialmente de que forma, e por quê.
Eis, portanto, o sistema que consequentemente concebi para você, o qual você pode ou deve usar assim, a fim de realizar uma série de objetivos associados com esta minha visão.”
interpretaçãodo modelo da
aplicaçãointenção de
design
mensagem de metacomunicação
![Page 21: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/21.jpg)
21
Exemplo de Mensagem Designer–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.
usuáriodesigner
![Page 22: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/22.jpg)
22
usuáriodesigner
Exemplo de Mensagem Designer–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.
![Page 23: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/23.jpg)
O designer utiliza signos de interface para comunicar ao usuário o que ele pode ou deve fazer
23
rótulo (label)
caixa de texto
botão de comando
Você pode ler o número de itens encontrados.
Você pode copiar o número de itens encontrados.
Você pode obter mais
resultados.
Você pode obter mais detalhes sobre os resultados.
![Page 24: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/24.jpg)
Interfaces: Sistemas de Significação
As interfaces de artefatos computacionais interativos sãorepletas 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, valoresregionais, 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 nasinterfaces que conhecemos
texto
![Page 25: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/25.jpg)
recursos de comunicação bastante utilizados
metáforasusar um signo conhecido para comunicar outro análogo ousemelhante
desktop; painel de controle
padrõesde comportamento
processo demorado → barra de progresso
clicar sobre botão → animação de pressionar-e-soltar botão
de estrutura (sintáticos)ordem de respostas em diálogos: sim, não, cancelar
ordem de parâmetros: copiar de para, mover de para
de forma (mórficos)padronização de termos: singular/plural; texto do link e nome da
página
estilo de ícones: preto e branco; estilizados; “flat design”; “material
design”25
![Page 26: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/26.jpg)
Engenharia Semiótica
26
A Engenharia Semiótica (teoria desenvolvida na PUC-Rio) é diferenteda Engenharia Cognitiva (criada por Don Norman) principalmenteporque:
1. Na Engenharia Semiótica o “processo de interação inclui osdesigners/desenvolvedores do sistema, além do usuário”.
2. A “interface” do sistema representa osdesigners/desenvolvedores em tempo de interação (seu“preposto” ou proxy).
3. A “interação” é uma “conversa entre designers/desenvolvedorese usuários de sistema, mediada pela interface”.
4. A “linguagem da conversa” é ARTIFICIAL – composta por todosos elementos que podemos utilizar numa interface de sistema. Ouseja, não é uma conversa “natural”, mas é umaconversa “humana”.
![Page 27: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/27.jpg)
Duas “teorias de IHC”
Engenharia Cognitiva
(Norman, 1986)
OBJETIVO
Gerar e organizarconhecimentos sólidos para favorecer o desenvolvimento de bons projetos de interação humano-computador.
BASE & FOCO
Cognitiva / Aprendizado e Compreensão
Quem está em cena na interação?
Usuário (somente).
Engenharia Semiótica(de Souza, 2005)
OBJETIVO
Gerar e organizar conhecimentos sólidos para favorecer o desenvolvimento de bons projetos de interação humano-computador.
BASE & FOCO
Semiótica / Comunicação e Expressão
Quem está em cena na interação?
Usuário e Projetista (Designer) do sistema.
COMO? POR
![Page 28: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/28.jpg)
engenharia semiótica28
![Page 29: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/29.jpg)
relembrando...
qualidade:O que significa um sistema ter uma boa interface?
![Page 30: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/30.jpg)
usabilidadecomunicabilidade
acessibilidadeuser experience
(UX)
![Page 31: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/31.jpg)
comunicabilidade
O que o designer quis dizer com “Cancelar”?
31
![Page 32: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/32.jpg)
comunicabilidade
O que o designer quis dizer com “Remover”?
32
![Page 33: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/33.jpg)
baixa comunicabilidade?
O que o designer quis dizer com esses signos?
33
eject?
stop?play?
![Page 34: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/34.jpg)
baixa comunicabilidade?
O que me diz se devo puxar ou empurrar?
34
![Page 35: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/35.jpg)
comunicabilidade
35
Isto diz alguma coisa para vocês?
E agora?
![Page 36: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/36.jpg)
qualidade em IHC: comunicabilidade
sucesso do designer em comunicar suasdecisões ao usuário, ou seja, se o usuáriopercebe e entende:� para que serve o sistema
� qual é a vantagem de utilizá-lo
� como funciona
� quais são os princípios gerais de interação com o sistema
benefícios de alta comunicabilidade� aumento da qualidade da entrada do usuário
� interpretação mais precisa da saída do sistema
36
![Page 37: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/37.jpg)
Em que situações comunicabilidade é importante?
37
![Page 38: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/38.jpg)
mito ou fato?
todo sistema interativo com alta usabilidade tem também alta comunicabilidade
38
![Page 39: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/39.jpg)
alta comunicabilidade
39
![Page 40: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/40.jpg)
baixa comunicabilidade
40
Posso formatar umafonte em Superscript e Subscript ao mesmotempo???
![Page 41: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/41.jpg)
baixa comunicabilidade
41
![Page 42: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/42.jpg)
comunicabilidade42
![Page 43: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/43.jpg)
questão de prova
Considerando que a metamensagem do designer para o usuário pode ser parafraseada por:
Esta a minha (designer) interpretação de quem você (usuário) é, o que aprendi que você quer ou precisa fazer, preferencialmente de que forma, e por quê. Eis, portanto, o sistema que consequentemente concebi para você, o qual você pode ou deve usar assim, a fim de realizar uma série de objetivos associados com esta minha visão.
1. Considerando as telas A, B, C, reconstrua a mensagem de metacomunicação do designer desta aplicação específica.
parte da metamensagem.
Classifique os signos em estáticos, dinâmicos e metalinguísticos.
43
![Page 44: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/44.jpg)
tipos de signos:estáticos,dinâmicos,metalinguísticos
![Page 45: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/45.jpg)
tipos de signos:estáticos,dinâmicos,metalinguísticos
![Page 46: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/46.jpg)
signos estáticos
‒ expressam o estado do sistema
‒ podem ser interpretados a partir de um retratoda interface num momento do tempo (independentemente de relações causais e temporais da interface)
46
![Page 47: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/47.jpg)
signos estáticos – estado do sistema
exemplos
‒ o layout geral e a disposição de elementos na tela
‒ os itens de menu
‒ os botões de uma barra de ferramentas
‒ os campos e botões de um formulário
‒ o conteúdo expresso em um texto, lista, tabela, árvore ou outra forma de visualização que não inclua animações
47
![Page 48: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/48.jpg)
tipos de signos:estáticos,dinâmicos,metalinguísticos
![Page 49: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/49.jpg)
signos dinâmicos
‒ expressam o comportamento do sistema
‒ envolvem aspectos temporais e causais da interface
‒ devem ser interpretados fazendo referência à própria interação
49
![Page 50: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/50.jpg)
signos dinâmicos – comportamento do sistema
exemplos
‒ a associação causal entre a escolha de um item de menu e a exibição do diálogo
‒ a possibilidade de arrastar itens de uma área para outra
‒ o deslocamento do foco da entrada de dados durante o preenchimento de um formulário
‒ a ativação e desativação de um botão de comando
‒ o surgimento de uma dica sobre um elemento de interface ao ser sobreposto pelo cursor do mouse 50
![Page 51: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/51.jpg)
tipos de signos:estáticos,dinâmicos,metalinguísticos
![Page 52: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/52.jpg)
signos metalinguísticos
‒ se referem a outros signos (de interface)
‒ comunicam explicitamente aos usuários os significados codificados no sistema e como eles podem ser utilizados
52
![Page 53: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/53.jpg)
signos metalinguísticos – referência a outros signos
exemplos
‒ mensagens de ajuda e de erro
‒ alertas
‒ diálogos de esclarecimento
‒ dicas
53
![Page 54: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/54.jpg)
questão de prova
Considerando que a metamensagem do designer para o usuário pode ser parafraseada por:
Esta a minha (designer) interpretação de quem você (usuário) é, o que aprendi que você quer ou precisa fazer, preferencialmente de que forma, e por quê. Eis, portanto, o sistema que consequentemente concebi para você, o qual você pode ou deve usar assim, a fim de realizar uma série de objetivos associados com esta minha visão.
1. Considerando as telas A, B, C, reconstrua a mensagem de metacomunicação do designer desta aplicação específica.
2. Indique quais signos lhe levaram a reconstruir cada parte da metamensagem.
3. Classifique os signos em estáticos, dinâmicos e metalinguísticos.
54
![Page 55: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/55.jpg)
como avaliar a comunicabilidadede um sistemainterativo?
![Page 56: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/56.jpg)
Método de Inspeção Semiótica (MIS)
– emissão (pelo designer)da mensagem de metacomunicação
Método de Avaliação de Comunicabilidade(MAC)
– recepção (pelo usuário)da mensagem de metacomunicação
![Page 57: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/57.jpg)
método de inspeção semiótica (MIS)
57
4. compilação e comparação de (1), (2) e (3)
1. inspeção da documentação online e offline (metacomunicação explícita)
2. inspeção dos signos estáticos da interface
3. inspeção dos signos dinâmicos da interação
5. apreciação da qualidade da metacomunicação
signos metalinguísticos: se referem a outros signos de interface
signos estáticos: expressam o estado do sistema
signos dinâmicos: expressam o comportamento do sistema
mensagem de metacomunicação reconstruída
mensagem de metacomunicação reconstruída
mensagem de metacomunicação reconstruída
o que está sendo bem / mal comunicado
lacunas; inconsistências; signos inadequados
![Page 58: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/58.jpg)
método de inspeçãosemiótica (MIS)
58
![Page 59: INF1403 10 engenharia semiotica - webserver2.tecgraf.puc ...webserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_09... · tenho que tentar de novo mensagem (signos) interpretante](https://reader034.vdocuments.site/reader034/viewer/2022052421/5bf39f2409d3f256398ca6f0/html5/thumbnails/59.jpg)
dúvidas?
usuáriodesigner
contexto real
produção +
introdução
de
tecnologia
“Esta é a minha (designer) interpretação de quem você (usuário) é, o que aprendi que você quer ou precisa fazer, preferencialmente de que forma, e por quê.
Eis, portanto, o sistema que consequentemente concebi para você, o qual você pode ou deve usar assim, a fim de realizar uma série de objetivos associados com esta minha visão.”
interpretaçãodo modelo da
aplicaçãointenção de
design
http://www.ideias.inf.puc-rio.br/aulas – [email protected]
mensagem de metacomunicação
signos estáticos, dinâmicos, metalinguísticos