O que é isto, a Interação? (Design de Interação)

1.634 visualizações

Publicada em

Slides sobre Design de Interação e a questão da interação, em uma perspectiva histórica de suas "ondas", paradigmas e abordagens. Trata do conceito de interação e a compreensão do computador como pela Ergonomia, IHC, Design de Interação, UX, apontando também a área atualmente. Utilizei estes slides na palestra sobre DxI na Semana de Informática 2014 da UTFPR-Curitiba.

Publicada em: Design
0 comentários
7 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.634
No SlideShare
0
A partir de incorporações
0
Número de incorporações
8
Ações
Compartilhamentos
0
Downloads
45
Comentários
0
Gostaram
7
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

O que é isto, a Interação? (Design de Interação)

  1. 1. introdução a história design de interação, o que é isto, a interação? rodrigo@gonzatto.com rodrigo gonzatto gonzatto.com
  2. 2. O que não é Design de Interação? • Não é Computação, mas também. • É Interação Humano-Computador (IHC), mas também é outra coisa. • É diferente de Design de Interfaces (GUI) (ou de Webdesign, etc).
  3. 3. O que faz / estuda ? • O designer de interação debate, pesquisa, projeta, adapta, testa e avalia artefatos como websites, softwares, celulares, tablets, painéis, videogames, etc. • Seu objeto é o projeto das interações humanas mediadas por artefatos interativos, ou seja, coisas digitais que participam ativamente da ação humana imagem de ! Matias Arvola!
  4. 4. adaptado de Alex Primo onde está a interação? Marketing Interação reativa Interação mútua
  5. 5. A “INTERAÇÃO” do Design de Interação • A +B = C • O profissional em designer de interação: de avaliador de telas e criador de interfaces até pesquisador de nichos de mercado C A Ação Entre Ação B
  6. 6. o que é isto? imagem de! Wittgeinstein ! (via. Matias Arvola)!
  7. 7. Pato! Coelho! “O significado de algo não depende apenas da própria coisa. Se dá na interação. E a interação não está somente no sistema ou somente em quem usa. É mediação entre estes”
  8. 8. O que é Design de Interação? • Campo de pesquisa interdisciplinar • Exemplos de campos influentes: ‣ Interação Humano Computador (Computação) ‣ Design Participativo (Sistemas de Informação) ‣ Design Gráfico + Design de Produto (Design) ‣ Cognição e Comportamento (Psicologia) ‣ entre outros…
  9. 9. modelo de! Luiz Ernesto Merkle!
  10. 10. Fazer “DESIGN” em Design de Interação • Prototipação: pensar com materiais • Iteração: processo não-linear • Colaboração e Participação: co-construção • Pesquisa: com equipe, usuários, stakeholders, contexto, artefatos, etc. “Pensar artefatos de 'fora' para ‘dentro'." “Um sistema não funciona se quem o manuseia não dá sentido à ele.”
  11. 11. Breve histórico: as 3 "ondas" Fatores Humanos linha de comando um computador para muitos Ergonomia ! 70’s IHC interface gráfica um computador, uma pessoa Psicologia ! Design de Interação / UX interfaces tangíveis, dispositivos móveis, afetividade... uma pessoa, vários computadores ! Design Computação Ciências Cognitivas Arquitetura Ciências Sociais Antropologia Filosofia Arte Sistemas de Informação Comunicação
  12. 12. abordagens históricas • Sistema • Parceiro de discurso • Ferramenta • Mídia • Mediação
  13. 13. Sistema // @ # & * % usuário como computador
  14. 14. ENIAC “girls” (década de 40)
  15. 15. usuária = programadora!
  16. 16. programando com a mão:! https://www.youtube.com/watch?v=P12r8DKHsak!
  17. 17. Parceiro de discurso computador como pessoa I.A.
  18. 18. IBM PC Teclados!
  19. 19. ordene: mem(ória)! e como resposta terá informações sobre a memória do computador!
  20. 20. peça: dir(etório) e como resposta terá informações sobre o diretório! peça: CD (Change Directory, ou CHDIR) e o computador obedece!
  21. 21. Você está em C:/ C:/ _ CD PASTA (C)hange (D)irectory para PASTA Você esta em C:/PASTA/ C:/PASTA _
  22. 22. Será que a memória e a lógica humana! funciona como a memória e lógica computacional?!
  23. 23. adaptado de slides! de Frederick van Amstel! Será que a memória e a lógica humana! funciona como a memória e lógica computacional?!
  24. 24. filme: 2001 - Uma Odisséia no Espaço!
  25. 25. Ferramenta + = == trabalho ou produto
  26. 26. ferramenta-mouse: outra interação!
  27. 27. Sistema STAR da Xerox
  28. 28. mother of all demos, 1968! Douglas Engelbart! GUI - graphic user interface! + mouse + teclado!
  29. 29. ferramenta VisiCalc e planilhas eletrônicas
  30. 30. sketchpad, 1963! Ivan Sutherland!
  31. 31. Mídia / Linguagem DxI
  32. 32. League of Legends! Intel Extreme Masters! 2010
  33. 33. League of Legends! season 2014
  34. 34. Windows Phone e Facebook (antigo, eu sei)
  35. 35. Mediações Significado, Valores, Discursos, Ideologia Cultura e viés CTS
  36. 36. Curious Rituals, 2012! Media Design Program! Art Center College of Design in Pasadena, California.
  37. 37. Nipple Chair, Anthony Dunne Prazeres complicados
  38. 38. Press X to make a Sanduich! Anjin!
  39. 39. Obrigado! rodrigo@gonzatto.com rodrigo gonzatto gonzatto.com

×