design de interação - método de inspeção semiótica

43
Engenharia semiótica e o Método de Inspeção Semiótica Marcello de Campos Cardoso [email protected]

Upload: marcello-cardoso

Post on 18-Jul-2015

197 views

Category:

Design


4 download

TRANSCRIPT

Page 1: Design de Interação - Método de Inspeção Semiótica

Engenharia semiótica e o Método de Inspeção

SemióticaMarcello de Campos Cardoso

[email protected]

Page 2: Design de Interação - Método de Inspeção Semiótica

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

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

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

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

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

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

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
Page 10: Design de Interação - Método de Inspeção Semiótica
Page 11: Design de Interação - Método de Inspeção Semiótica
Page 12: Design de Interação - Método de Inspeção Semiótica
Page 13: Design de Interação - Método de Inspeção Semiótica
Page 14: Design de Interação - Método de Inspeção Semiótica
Page 15: Design de Interação - Método de Inspeção Semiótica
Page 16: Design de Interação - Método de Inspeção Semiótica

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

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

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

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

…e na equipe. Design é projeto, mas tb processo.

Page 21: Design de Interação - Método de Inspeção Semiótica

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
Page 23: Design de Interação - Método de Inspeção Semiótica

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

MIS: Como aplicarA aplicação do MIS acontece em 5 passos

Page 25: Design de Interação - Método de Inspeção Semiótica

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
Page 27: Design de Interação - Método de Inspeção Semiótica
Page 28: Design de Interação - Método de Inspeção Semiótica
Page 29: Design de Interação - Método de Inspeção Semiótica
Page 30: Design de Interação - Método de Inspeção Semiótica

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
Page 32: Design de Interação - Método de Inspeção Semiótica

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
Page 34: Design de Interação - Método de Inspeção Semiótica

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
Page 36: Design de Interação - Método de Inspeção Semiótica
Page 37: Design de Interação - Método de Inspeção Semiótica
Page 38: Design de Interação - Método de Inspeção Semiótica
Page 39: Design de Interação - Método de Inspeção Semiótica

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
Page 41: Design de Interação - Método de Inspeção Semiótica
Page 42: Design de Interação - Método de Inspeção Semiótica

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

obrigado!