Este documento discute a aplicação da semiótica ao design de interação. Apresenta os conceitos básicos da semiótica de Peirce e como eles se aplicam ao design de interfaces. Também descreve técnicas como icon sorting, protocolo semiótico e perfil semiótico que podem ser usadas para pesquisar e avaliar o significado e a compreensão de interfaces.

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

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

4. O Signo de Peirce
RepresentamenObjeto
Interpretante

5. Semiótica das Interfaces
RepresentamenObjeto
Interpretante
?

6. O sentido não vem das coisas em si.

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

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

9. Semiose Ilimitada
Fotos Álbum de Fotos
Impressão de Fotos
PastaDados
Presente

10. Extrapolação de Sentidos
1.Desenhe um objeto sem sentido
2.Pense em todos os sentidos possíveis

11. Out of the Box, Joseph Pelling

12. 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

13. Instrumento: Icon-Sorting

14. 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

15. 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

16. Técnica: Protocolo Semiótico

17. Teste de Usabilidade

18. 18
Como decidir onde clicar?
Regra
RegraCaso
Caso
Resultado
Inferido
Resultado
Inferido
Observação Regra
Hipotética
Regra
Revisada
Caso
Teste
• Dedução
• Indução
• Abdução (predominância na navegação Web)

19. 19
Proposta do Método: Engenharia
Reversa do Pensamento
Regra
RegraCaso
Caso
Resultado
Inferido
Resultado
Inferido
Observação Regra
Hipotética
Regra
Revisada
Caso
Teste
• Dedução
• Indução
• Abdução (predominância na navegação Web)

20. 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. 21

22. 22

23. 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. 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

25. 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

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

27. Método: Perfil Semiótico

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

29. ClaroEscuro
!!
Qual dessas fotos
reflete o que você
espera do site?

30. ConservadorOusado !
!
Qual dessas fotos
reflete o que você
espera do site?

31. LimpoTexturizado
!
Qual dessas fotos
reflete o que você
espera do site?

32. Layout final desenvolvido por terceiros

33. Extensão do Perfil Semiótico - Universidade Invisível
Anderson Gomes da Silva, 2010

34. Layout inicial - Universidade Invisível
Anderson Gomes da Silva, 2010

35. Layout depois do perfil semiótico - Universidade Invisível
Anderson Gomes da Silva, 2010

36. Referências

37. Obrigado!
Frederick van Amstel
Instituto faberludens.com.br
www.usabilidoido.com.br
@fredvanamstel