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

Semiotica aplicada ao Design de Interação

May 10, 2015

Download

Design

Palestra no Dia Mundial da Usabilidade 2010 em Curitiba.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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