![Page 1: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/1.jpg)
Engenharia semiótica e o Método de Inspeção
SemióticaMarcello de Campos Cardoso
![Page 2: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/2.jpg)
pesquis
a
planejamento
desenv
olvimento
validaç
ão
Questionários e entrevistas
personasprototip
açãoStory mapping
Benchm
arking
Card Sorting
Análise Heurística
Percurso Cognitivo
MISMétodo de I
nspeção Semiótica
![Page 3: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/3.jpg)
Método de Inspeção Semiótica Avaliando a comunicabilidade da interface
![Page 4: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/4.jpg)
Método de Inspeção Semiótica (MIS)
Método da Engenharia Semiótica para inspeção de sistemas, com foco
para identificação de rupturas na comunicação dos elementos, ações e
respostas de uma interface.
![Page 5: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/5.jpg)
Engenharia Semiótica (EngSem)
É uma teoria explicativa de IHC, ou seja uma teoria que nos permite
compreender fenômenos envolvidos no design, uso e compreensão de
um sistema interativo.
A EngSem trata com artefatos intelectuais e busca a comunicabilidade.
![Page 6: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/6.jpg)
Engenharia Semiótica foca na comunicabilidade (compreensão)
Diferenças entre EngUsa e EngSem
Engenharia de Usabilidade busca avaliar a usabilidade (facilidade de uso)
![Page 7: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/7.jpg)
Comunicabilidade (affordance!)
A comunicabilidade de um sistema se refere
à capacidade de o projetista conseguir
transmitir aos usuários, através da interface,
o design tal como concebido por ele.
Propriedade de um sistema transmitir ao usuário
de forma eficaz e eficiente as intenções e princípios
de interação que guiaram o seu design [Prates et al. 2000]
![Page 8: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/8.jpg)
Artefato intelectual
Possui uma codificação projetada que deve ser interpretada para a solução das situações propostas pelo mesmo. A codificação é linguística, ou seja, baseada em um sistema de símbolos que possa ser interpretado por regras semânticas consistentes.
![Page 9: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/9.jpg)
![Page 10: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/10.jpg)
![Page 11: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/11.jpg)
![Page 12: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/12.jpg)
![Page 13: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/13.jpg)
![Page 14: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/14.jpg)
![Page 15: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/15.jpg)
![Page 16: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/16.jpg)
Artefato intelectual na EngSem
1. O artefato deve ser descrito em alguma linguagem artificial que seja processada por um computador; 2. A linguagem de interface com a qual o usuário vai interagir é sempre única e, logo, nova para o usuário; 3. o artefato se caracteriza como sendo de meta-comunicação. A interface de um sistema é entendida como um caso de meta-comunicação, uma vez que comunica ao usuário a visão do projetista sobre a quem ela se destina
![Page 17: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/17.jpg)
Artefato intelectual na EngSem
Em outras palavras, a interface de um sistema é uma mensagem do
designer para o usuário cujo conteúdo é direcionado [de Souza 95:84]:
![Page 18: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/18.jpg)
Artefato intelectual na EngSem
“Esta é a minha interpretação sobre quem você é, o que eu entendi que você quer ou
precisa fazer, de que formas prefere fazê-lo e por quê. Eis, portanto, o sistema que
conseqüentemente 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.
![Page 19: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/19.jpg)
Baixa comunicabilidade na interface
Em cada momento que o usuário não entende a intenção do designer, há
uma ruptura na comunicação entre ambos.
Quanto mais frequente e severas estas rupturas, mais baixa é a
comunicabilidade na interface.
![Page 20: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/20.jpg)
…e na equipe. Design é projeto, mas tb processo.
![Page 21: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/21.jpg)
MIS: Pra que serveNo MIS, o avaliador examina a meta-comunicação do designer para o
usuário com o objetivo de identificar se existem rupturas de comunicação
para melhor reconstruir esta mensagem [de Souza et al. 2006].
![Page 22: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/22.jpg)
![Page 23: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/23.jpg)
MIS: O que avaliarO inspetor avalia a interface através de seus SIGNOS, classificando-os em
3 diferentes níveis:
1) Estáticos - expressam o estado do sistema, podem ser percebidos apenas de olhar para interface (ex. botões desabilitados)
2) Dinâmicos - expressam o comportamento do sistema e só podem ser percebidos quando o usuário interage com o sistema (contador de caracteres no twitter).
3) de meta-comunicação - Ajuda e documentação
![Page 24: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/24.jpg)
MIS: Como aplicarA aplicação do MIS acontece em 5 passos
![Page 25: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/25.jpg)
MIS - 1º passoInspeção dos signos de meta-comunicação (ajuda), para determinar:
Quem é o usuário-alvo
Para que serve o sistema
O que o sistema oferece
![Page 26: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/26.jpg)
![Page 27: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/27.jpg)
![Page 28: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/28.jpg)
![Page 29: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/29.jpg)
![Page 30: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/30.jpg)
MIS - 2º passoInspeção de signos estáticos: verificar se os elementos fundamentais e
visíveis da interface são compreensíveis e atentem ao perfil e objetivos
no passo 1.
![Page 31: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/31.jpg)
![Page 32: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/32.jpg)
MIS - 3º passoInspeção dos signos dinâmicos: observar os feedbacks das ações dos
usuários, se são compreensíveis e atentem ao perfil e objetivos no
passo 1.
![Page 33: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/33.jpg)
![Page 34: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/34.jpg)
MIS - 4º passoBusca de inconsistência na linguagem dos signos (se deletar em um
lugar é remover em outro, se na documentação de ajuda há algo
desatualizado, se o feedback, formato e linguagem de botões, links,
navegações varia sem motivo)
![Page 35: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/35.jpg)
![Page 36: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/36.jpg)
![Page 37: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/37.jpg)
![Page 38: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/38.jpg)
![Page 39: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/39.jpg)
MIS - 5º passoRelatório - Identificar os principais elementos da interface (signos), os
possíveis ruídos que podem causar e recomendações de melhoria.
![Page 40: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/40.jpg)
![Page 41: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/41.jpg)
![Page 42: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/42.jpg)
MIS - Considerações
Pela robustez da técnica, para sistemas grandes, designer deve escolher uma parte crítica do sistema a avaliar, onde a interação seja mais complexa. O inspetor fala pelo usuário, portanto deve ser experiente no comportamento do mesmo. A técnica pode ser aplicada solo ou em grupo.
![Page 43: Design de Interação - Método de Inspeção Semiótica](https://reader036.vdocuments.mx/reader036/viewer/2022062304/55a9fe2c1a28abf0578b45e2/html5/thumbnails/43.jpg)
obrigado!