semiotica aplicada ao design de interação

37
Semiótica Aplicada ao Design de Interação Frederick van Amstel Instituto faberludens.com.br www.usabilidoido.com.br @fredvanamstel

Upload: frederick-van-amstel

Post on 10-May-2015

4.557 views

Category:

Design


4 download

DESCRIPTION

Palestra no Dia Mundial da Usabilidade 2010 em Curitiba.

TRANSCRIPT

Page 1: 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

Page 2: Semiotica aplicada ao Design de Interação
Page 3: Semiotica aplicada ao Design de Interação

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

Page 4: Semiotica aplicada ao Design de Interação

O Signo de Peirce

RepresentamenObjeto

Interpretante

Page 5: Semiotica aplicada ao Design de Interação

Semiótica das Interfaces

RepresentamenObjeto

Interpretante

?

Page 6: Semiotica aplicada ao Design de Interação

O sentido não vem das coisas em si.

Page 7: Semiotica aplicada ao Design de Interação

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

Page 8: Semiotica aplicada ao Design de Interação

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

Page 9: Semiotica aplicada ao Design de Interação

Semiose Ilimitada

Fotos Álbum de Fotos

Impressão de Fotos

PastaDados

Presente

Page 10: Semiotica aplicada ao Design de Interação

Extrapolação de Sentidos

1.Desenhe um objeto sem sentido

2.Pense em todos os sentidos possíveis

Page 11: Semiotica aplicada ao Design de Interação

Out of the Box, Joseph Pelling

Page 12: Semiotica aplicada ao Design de Interação

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

Page 13: Semiotica aplicada ao Design de Interação

Instrumento: Icon-Sorting

Page 14: Semiotica aplicada ao Design de Interação

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

Page 15: Semiotica aplicada ao Design de Interação

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

Page 16: Semiotica aplicada ao Design de Interação

Técnica: Protocolo Semiótico

Page 17: Semiotica aplicada ao Design de Interação

Teste de Usabilidade

Page 18: Semiotica aplicada ao Design de Interação

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)

Page 19: Semiotica aplicada ao Design de Interação

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)

Page 20: Semiotica aplicada ao Design de Interação

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

Page 21: Semiotica aplicada ao Design de Interação

21

Page 22: Semiotica aplicada ao Design de Interação

22

Page 23: Semiotica aplicada ao Design de Interação

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

Page 24: Semiotica aplicada ao Design de Interação

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

Page 25: Semiotica aplicada ao Design de Interaçã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

Page 26: Semiotica aplicada ao Design de Interação

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

Page 27: Semiotica aplicada ao Design de Interação

Método: Perfil Semiótico

Page 28: Semiotica aplicada ao Design de Interação

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

Page 29: Semiotica aplicada ao Design de Interação

ClaroEscuro!!

Qual dessas fotos reflete o que você

espera do site?

Page 30: Semiotica aplicada ao Design de Interação

ConservadorOusado !

!

Qual dessas fotos reflete o que você

espera do site?

Page 31: Semiotica aplicada ao Design de Interação

LimpoTexturizado

!!

Qual dessas fotos reflete o que você

espera do site?

Page 32: Semiotica aplicada ao Design de Interação

Layout final desenvolvido por terceiros

Page 33: Semiotica aplicada ao Design de Interação

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

Page 34: Semiotica aplicada ao Design de Interação

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

Page 35: Semiotica aplicada ao Design de Interação

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

Page 36: Semiotica aplicada ao Design de Interação

Referências

Page 37: Semiotica aplicada ao Design de Interação

Obrigado!

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