Your SlideShare is downloading. ×
Semiotica aplicada ao Design de Interação
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Semiotica aplicada ao Design de Interação

4,516
views

Published on

Palestra no Dia Mundial da Usabilidade 2010 em Curitiba.

Palestra no Dia Mundial da Usabilidade 2010 em Curitiba.

Published in: Design

1 Comment
6 Likes
Statistics
Notes
No Downloads
Views
Total Views
4,516
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
134
Comments
1
Likes
6
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Semiótica Aplicada ao Design de Interação Frederick van Amstel Instituto faberludens.com.br www.usabilidoido.com.br @fredvanamstel
  • 2. Isto não é um cachimbo. Isto é Design.
  • 3. O Signo de Peirce RepresentamenObjeto Interpretante
  • 4. Semiótica das Interfaces RepresentamenObjeto Interpretante ?
  • 5. O sentido não vem das coisas em si.
  • 6. O sentido é fruto de um processo de comunicação. Teoria da Engenharia Semiótica (SERG, PUCRio)
  • 7. O Design de Interação traduz o funcionamento do sistema em expressões que os seres humanos podem compreender, OU NÃO.
  • 8. Semiose Ilimitada Fotos Álbum de Fotos Impressão de Fotos PastaDados Presente
  • 9. Extrapolação de Sentidos 1.Desenhe um objeto sem sentido 2.Pense em todos os sentidos possíveis
  • 10. Out of the Box, Joseph Pelling
  • 11. 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
  • 12. Instrumento: Icon-Sorting
  • 13. 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
  • 14. 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
  • 15. Técnica: Protocolo Semiótico
  • 16. Teste de Usabilidade
  • 17. 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)
  • 18. 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)
  • 19. 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
  • 20. 21
  • 21. 22
  • 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
  • 23. 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
  • 24. 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
  • 25. 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
  • 26. Método: Perfil Semiótico
  • 27. Website de uma editora de alto padrão de identidade visual, com um público leitor cativo bem definido
  • 28. ClaroEscuro !! Qual dessas fotos reflete o que você espera do site?
  • 29. ConservadorOusado ! ! Qual dessas fotos reflete o que você espera do site?
  • 30. LimpoTexturizado ! Qual dessas fotos reflete o que você espera do site?
  • 31. Layout final desenvolvido por terceiros
  • 32. Extensão do Perfil Semiótico - Universidade Invisível Anderson Gomes da Silva, 2010
  • 33. Layout inicial - Universidade Invisível Anderson Gomes da Silva, 2010
  • 34. Layout depois do perfil semiótico - Universidade Invisível Anderson Gomes da Silva, 2010
  • 35. Referências
  • 36. Obrigado! Frederick van Amstel Instituto faberludens.com.br www.usabilidoido.com.br @fredvanamstel

×