Semiotica aplicada ao Design de Interação

Post on 10-May-2015

4.557 views 4 download

description

Palestra no Dia Mundial da Usabilidade 2010 em Curitiba.

Transcript of Semiotica aplicada ao Design de Interação

Semiótica Aplicada ao Design de Interação

Frederick van AmstelInstituto faberludens.com.br www.usabilidoido.com.br @fredvanamstel

Isto não é um cachimbo. Isto é Design.

O Signo de Peirce

RepresentamenObjeto

Interpretante

Semiótica das Interfaces

RepresentamenObjeto

Interpretante

?

O sentido não vem das coisas em si.

O sentido é fruto de um processo de comunicação.Teoria da Engenharia Semiótica (SERG, PUCRio)

O Design de Interação traduz o funcionamento do sistema em expressões que os seres humanos podem compreender, OU NÃO.

Semiose Ilimitada

Fotos Álbum de Fotos

Impressão de Fotos

PastaDados

Presente

Extrapolação de Sentidos

1.Desenhe um objeto sem sentido

2.Pense em todos os sentidos possíveis

Out of the Box, Joseph Pelling

Pesquisa no Faber-Ludens

• Desenvolver protótipos que explorem os limites do Design de Interação

• Desenvolver propostas para desenvolvimento social

• Desenvolver métodos, técnicas e instrumentos de pesquisa para Design de Interação

Instrumento: Icon-Sorting

Icon Sorting

• Testar a associação dos Ícones com os rótulos

• Evitar estratégia de eliminação

• Rótulos em posições aleatórias

• Tempo limite

• Código-fonte disponível

Resultado do Estudo no Usabilidoido

70% de concordância ou mais 50% de concordância

Recursivas

Hotsites

Mercado

Arquitetura da Informação

Usabilidade

Links

Programação

Consultoria

Técnica: Protocolo Semiótico

Teste de Usabilidade

18

Como decidir onde clicar?

Regra

RegraCaso

CasoResultado Inferido

Resultado Inferido

Observação Regra Hipotética

Regra Revisada

CasoTeste

• Dedução

• Indução

• Abdução (predominância na navegação Web)

19

Proposta do Método: Engenharia Reversa do Pensamento

Regra

RegraCaso

CasoResultado Inferido

Resultado Inferido

Observação Regra Hipotética

Regra Revisada

CasoTeste

• Dedução

• Indução

• Abdução (predominância na navegação Web)

20

Signo anterior à decisão

• Objeto = Página “Ensino”

• Representamen = Link “Ensino”, composto pela palavra e formatação

• Interpretante = Significado “suporte ao ensino”

arbitrária

possibilidade certeza certeza absoluta

21

22

23

Protocolo de Perguntas

O que você espera encontrar?

Conteúdo que o link possibilitaria

Porque você acha isso? Premissa que sustentaria tal possibilidade

Como você chegou a essa conclusão?

Premissas tidas como absolutas pelo usuário

24

Abdução

Investigação do raciocínio

- O que você espera encontrar?

- Suporte ao ensino.

- Por que você acha isso?

- A Biblioteca é necessária pra ensinar.

- Como você chegou à essa conclusão?

- Ensinar pressupõe aprendizado, que só é possível através da pesquisa.

Dedução

Indução

Teste de Usabilidade utilizando o Protocolo Semiótico: “A lógica foi um argumento muito utilizado pelos

usuários, bem como a experiência na navegação em outros sites na Web.” ESCOBAR, 2006

Redesign proposto ao website AttlanticaESCOBAR, Eduardo. Estudo de Caso: Análise de Interface Web baseado nos Elementos de Design. TCC em Design, Universidade Luterana do

Brasil, 2006

Método: Perfil Semiótico

Website de uma editora de alto padrão de identidade visual, com um público leitor cativo bem definido

ClaroEscuro!!

Qual dessas fotos reflete o que você

espera do site?

ConservadorOusado !

!

Qual dessas fotos reflete o que você

espera do site?

LimpoTexturizado

!!

Qual dessas fotos reflete o que você

espera do site?

Layout final desenvolvido por terceiros

Extensão do Perfil Semiótico - Universidade InvisívelAnderson Gomes da Silva, 2010

Layout inicial - Universidade InvisívelAnderson Gomes da Silva, 2010

Layout depois do perfil semiótico - Universidade InvisívelAnderson Gomes da Silva, 2010

Referências

Obrigado!

Frederick van AmstelInstituto faberludens.com.br www.usabilidoido.com.br @fredvanamstel