Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Facetas do Design de Interação

Abordagens formal e dialética e o narrativas sobre Design de Interação em suas múltiplas facetas: social, contraditória, cultural, política, ideológica, existencial, histórica, etc.

Facetas do Design de Interação

  1. 1. facetas do Design de 
 Interação
 rodrigo@gonzatto.com rodrigo gonzatto das interfaces às interações gonzatto.com
  2. 2. Pessoas percebem o mundo de várias maneiras.
  3. 3. Propõem diferentes problemas para uma mesma questão.
  4. 4. o que o marketing sugeriu o que a administração aprovou o que foi projetado pela engenharia o que foi produzido como foi montado o que o consumidor queria... E dão soluções diferentes para problemas similares.
  5. 5. formas de analisar a interação humano-artefato • Formal • Dialética
  6. 6. compreensão formal Imagem: encontrada no artigo! Philosophy of Interaction, de Dag Svanaes! Interaction-Design.org!
  7. 7. Estatísticas quantitativas dizem O QUÊ as pessoas fizeram — mas como saber para quê e porquê?
  8. 8. Lei de Fitts
  9. 9. Lei de Fitts em softwares: Mini toolbar do Microsoft Office
  10. 10. Lei de Fitts em OS: utilizada na barra de ferramentas superior
  11. 11. Lei de Fitts em OS: utilizada na barra de ferramentas superior
  12. 12. Imagem: Modelo de ! Card, Moran and Newell! The Psychology of Human-Computer Interaction, 1983!
  13. 13. Imagem: Modelo de ! Donald Norman! 7 estágios da Ação!
  14. 14. compreensão dialética
  15. 15. Dimensão social • Lâmpada elétrica com a criação do filamento incandescente em 1879 • Escrita do livro "Grundisse" até 1858 (mas só publicado muitos anos depois) Imagem: Capa de livro da! Editora Boitempo!
  16. 16. O que as pessoas fazem com os artefatos,pelos artefatos, para os artefatos,em torno dos artefatos e nos artefatos?
  17. 17. Para irmos
 das interfaces às interações • Nesta apresentação temos 
 estórias sobre construção social de interfaces • Visão breve e geral de algumas das diferentes 
 facetas do humano-computador • Que nos indicam compressões outras, para além 
 da formal (e, desta maneira, outras compreensões, perguntas e respostas) “Das Interfaces às Interações “ é o título da dissertação de Frederick van Amstel!
  18. 18. facetas do____ humano-computador • Contraditória/Dialética • Histórica • Existencial • Cultural • Atividade (Contextual) • Ética e Moral • Política • Ideológica
  19. 19. faceta contradições e dialética porquê os links! mudaram de 90’s até hoje?! ! porquê os ícones de! comprimir, salvar e a barra de rolagem estão mudando e/ou desaparecendo?
  20. 20. Qual a história do ! hiperlink (hiperligação) link endereço / sítio ou âncora? ! e como mudou em virtude de contradições entre o novo e o artigo
  21. 21. A LONGA HISTÓRIA DA URL E DOS ENCURTADORES DE URL ! endereço URL: http://www.site.com/node/123 URL amigável: site.com/sobre tinyurl.com/site bit.ly, migre.me, u.nu, ➡.ws (unicode characters) longurl.org glo.bo, goo.gl, g.co, fb.me senta.la, rial.to, pqp.vc (ponto frio - encurtar preço) + virus + rick rolled
  22. 22. ! (além de ver as interfaces, para ver as interações é preciso ver as pessoas, o social)
  23. 23. Interfaces... cada vez mais intuitivas??? + roda rolagem no mouse + gestual no celular (dois dedos)
  24. 24. ...? ...? O disquete significa... salvar? ZIP é... comprimir?
  25. 25. faceta histórico-social porquê existem hoje! botões de liga e desliga! que não ligam e não desligam?
  26. 26. porquê o botão de liga/desliga! se moveu em torno do computador! ! e se transformou ao! longo do tempo?
  27. 27. faceta existência gonzatto diz (para todos): :) porquê o! :)! surgiu?
  28. 28. :o
  29. 29. • Oi. • Oi. Eu estou feliz. • Oi * feliz * • Oi :) • Oi : ^ ) • Oi ^_^ ! • emoticon, emoji, internetês... QUAL A DIFERENÇA?
  30. 30. QUAL A DIFERENÇA?
  31. 31. faceta cultura qual desses botões! passa para o! próximo slide?! ! como representar ! o controle tempo ! na interface?
  32. 32. Diferenças culturais no uso da Wikipedia
  33. 33. faceta atividade+contexto como entender! o que significa clicar! em curtir e cutucar?! ! sem analisar o processo ! e o contexto ! de quem cutuca e curte?! (análise de tarefa basta?)
  34. 34. compartilhar links quantificar muito bom! gostei disso eu também eu também [2] eu também [3] eu também [4] Imagens encontradas no post “Des de Frederick van Amstel! http://fredvanamstel.com/blog/intera
  35. 35. contexto! e contradições Imagens encontradas no post “Design as M de Frederick van Amstel! http://fredvanamstel.com/blog/interaction-de
  36. 36. faceta ética e moral quais as valores, regras e negociações ! de uso e produção não estão na interface! e quais estão?
  37. 37. Relações de Gêneroum exemplo:
  38. 38. Cadastro e perfil noVila Mulher
  39. 39. exemplo do IRC: @ op para homens + voice para mulheres
  40. 40. faceta política como interfaces! são reguladas! quanto a regras! e normas! legais, sociais! e políticas, ! visando certas! interações?
  41. 41. faceta ideologia o modo como artefatos ! (como mapas e representações)! são usados e produzidos! refletem e/ou refratam ideias e ideais?
  42. 42. Cartografia de Mercator, 1569
  43. 43. diferentes mapas, diferentes ênfases politico, geográfico, densidade, hidrográfico
  44. 44. diferentes cartografias, diferentes formas de representar o mundo ! a questão das projeções cartográficas
  45. 45. mapa mundi antigo eurocentrismo?
  46. 46. Joaquín Torres-García, 1941
  47. 47. mapa, representação e usabilidade um mapa precisa representar fielmente o mundo?
  48. 48. O Mapa da Discórdia. Revista Época.! http://epoca.globo.com/colunas-e-blogs/faz-caber/noticia/2014/10/o-mapa-da-discordia.html
  49. 49. O Mapa da Discórdia. Revista Época.! http://epoca.globo.com/colunas-e-blogs/faz-caber/noticia/2014/10/o-mapa-da-discordia.html
  50. 50. Quem ganhou por município? 2o turno Gazeta do Povo! http://www.gazetadopovo.com.br/vidapublica/eleicoes/2014/mapa-apuracao-por-municipios-no- brasil.phtml
  51. 51. Votos por município 2o turno. Gazeta do Povo! http://www.gazetadopovo.com.br/vidapublica/eleicoes/2014/mapa-apuracao-por-municipios-no- brasil.phtml
  52. 52. Volume de votos por estado. Estadão.! http://www.estadao.com.br/infograficos/os-sete-mitos-das-eleicoes-2014,271980.htm
  53. 53. Mapa das diferenças. Estadão.! http://infograficos.estadao.com.br/public/politica/resultado-eleicoes-2014/
  54. 54. visibilidade e circulação de informação google maps e as favelas
  55. 55. Cultura
  56. 56. The founder of the TED, Richard Wurman, created the phrase “information architect” and a few of his books helped drive the idea of “information design”

×