Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

IDF TEMUCO #01 - Diseño de Interacción

735 views

Published on

Presentación del primer Local Meeting de IDF Temuco, tema: El Diseño de Interacción y sus alcances.

Presentado por Alexis Brantes, Continent Manager of IDF South America

Published in: Design
  • Be the first to comment

IDF TEMUCO #01 - Diseño de Interacción

  1. 1. ROIUX 17Abril Viernes En Instituto Chileno Suizo de Idiomas y Cultura José V. Lastarria 93, piso 2. | Metro U.Católica Local Meeting #8, desde las 7pm SANTIAGO Caso de éxito por Danilo Díaz, Consultor UX Tema
  2. 2. ROIUX 17Abril Viernes En Instituto Chileno Suizo de Idiomas y Cultura José V. Lastarria 93, piso 2. | Metro U.Católica Local Meeting #8, desde las 7pm SANTIAGO Caso de éxito por Danilo Díaz, Consultor UX Tema IDF TEMUCO #01 DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Hablemos de Diseño de Interacción Alexis Brantes R. UX Strategist & Emotion Researcher en Posmo CX Consulting & Training Continent Manager of South America en Interaction Design Foundation Diplomado en Diseño de Interacción & Physical Computing - UDD Certificado User-Centered Design & Usability - IDF Especializado en NeuroEconomia - HSE Especializado en Neuropsicoeducación - AE Diseñador Gráfico - Licenciado en Diseño - UDLA
  3. 3. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Hablemos sobre • Diseño de Interacción (IxD) • Interacción Humano-Computador (HCI) • User-Centered Systems (UCS) • Physical Computing • Affective Computing • Design for Emotion
  4. 4. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción ¿Diseño de Interacción?
  5. 5. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción “El Diseño de Interacción era algo relativamente marginado a mediado de los 90. La comunidad del diseño consideró por largo tiempo la conducta del mundo virtual dentro del diseño industrial. Durante este periodo, la academia y la industria se mantuvieron ocupados de la usabilidad y en la ingeniería de los factores humanos, enfocándose en formas de operacionalizar la psicología y ergonomía en metodologías eficientes y libre de errores en interacciones para dar soporte a tareas de trabajo” Jonas Lowgren, 2014 Interaction Design - brief intro The Encyclopedia of Human-Computer Interaction, 2nd Ed Interaction Design Foundation
  6. 6. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción El Diseño de Interacción es sobre moldear las cosas digitales para el uso de las personas
  7. 7. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Moldear
  8. 8. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Moldear Es un termino que usamos conscientemente, ya que hace referencia a la actividad de diseñar. (“Construir” puede aplicarse a Ingeniería)
  9. 9. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Diseñar es sobre explorar posibles futuros
  10. 10. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Es Diseñar productos digitales interactivos, ambientes, sistemas y servicios
  11. 11. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción El término fue acuñado por Bill Moggridge y Bill Verplank a mediados de los 80s. Tomó 10 años para que los diseñadores lo re-descubrieran y lo utilizaran.
  12. 12. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Para Verplank, fue una adaptación del termino utilizado en Ciencias de la Computación user interface design para la profesión del diseño industrial.
  13. 13. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Para Moggridge, era una mejora de cara bonita, el cual había sido acuñado en 1984 en referencia a la aplicación del diseño industrial en productos que contienen software.
  14. 14. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Metodologías
  15. 15. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción • Goal-oriented design • Diseño orientado a objetivos (o Goal-Directed™ design) “Concierne significativamente a satisfacer las necesidades y deseos de las personas que van a interactuar con un producto o servicio”
  16. 16. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción • Personas • El Diseño orientado a objetivos expuesto en “The Inmates Are Running the Asylum” aboga por el uso de personas, las cuales son creadas despise de entrevistar a un numero significante de usuarios.
  17. 17. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción • Cognitive Dimensions • El cognitive dimensions framework entrega un vocabulario especializado para evaluar y modificar soluciones particulares de diseño. • Ha sido diseñado como un acercamiento ligero para el análisis de una cualidad de diseño, mas que una revision profunda o descripción detallada. • Entrega un vocabulario en común para discutir los multiples factores encontrados, ya sea en UI o programación.
  18. 18. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción • Affective interaction design • Durante el proceso de Diseño de Interacción, debemos ocuparnos de aspectos claves que condicionan las respuestas emocionales de nuestros usuarios. • Se necesitan productos que evoquen emociones positivas por sobre las negativas. • El uso del “expressive interfaces” (interfaces expresivas). En software, por ejemplo, utilizar iconos dinámicos, animaciones y sonidos para reforzar interacciones o informar estados del sistema ayudan a que el usuario otorgue sentido a sus interacciones, ya que estas influencias son percibidas como efectivas y confiables. • Los estudios muestran que el aspecto afectivo afecta la perception del usuario sobre la usabilidad.
  19. 19. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción • 5 Dimensiones del Interaction Design • 1D Palabras • Define las interacciones. El usuario las utiliza para interactuar. • 2D Representación Visual • Es con lo que el usuario interactúa. • 3D Objetos Físicos o Espacios • Es el espacio donde el usuario interactúa. Define los elementos con los que se debe interactuar. • 4D Tiempo • El tiempo en el que el usuario interactúa. • 5D Conducta • Define las acciones del usuario en reacción a la interfaz y el como esta responde ante él.
  20. 20. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción ¿HCI?
  21. 21. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Human–computer interaction (HCI) Investiga el diseño y uso del diseño de la technology de la computación, enfocándose principalmente en las interfaces entre el usuario y la computadora. Observan el comportamiento humano y mejoran las formas de interactuar con la tecnología.
  22. 22. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción
  23. 23. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción
  24. 24. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción User-Centered System (UCS) Es un area de investigación que tiene por objetivo el estudio y mejora de las interacciones entre individuos, sistemas computacionales y recursos de información. Las características humanas y habilidades de ambos puntos permiten realizar grandes avances en la comprensión de sus relaciones. Áreas importantes de investigación son interacciones de lenguaje natural, conocimiento base del sistema, soporte informático para el aprendizaje, manejo de la información e introducción de nuevas tecnologías en las organizaciones.
  25. 25. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Human-Centered Design (HCD)
  26. 26. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Viabilidad Idoneidad Rentabilidad
  27. 27. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Physical Computing
  28. 28. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Physical Computing Es la forma en que trabajamos el software y hardware para dar sentido a la tecnología y acercarla a las personas. En este aspecto macro podemos abarcar sistemas de control de tráfico, procesos de automatización en la industria o Smart Cities. Utiliza un marco creativo y también afectivo para establecer relaciones con los seres humanos. En la práctica, describe el arte y pasión por hacer las cosas a mano, el diseño interactivo exploratorio o proyectos de afición DIY que usan sensores, micro-crontroladores y servo-motores para traducir la entrada análoga a un sistema de software, y/o controlar dispositivos electromecánicos como motores, alumbrando u otro hardware.
  29. 29. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción
  30. 30. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción
  31. 31. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Affective Computing
  32. 32. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Affective Computing Es el estudio y el desarrollo de sistemas y dispositivos que pueden reconocer, interpretar, tratar, y simular afectos humanos. Es un campo interdisciplinario que atraviesa la informática, la psicología, y la ciencia cognitiva que busca que la máquina interprete el estado emocional de las personas y adapte su comportamiento, dando a una respuesta apropiada para las emociones percibidas.
  33. 33. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción
  34. 34. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción
  35. 35. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción
  36. 36. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Design for Emotion
  37. 37. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción ¿Porqué es relevante?
  38. 38. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción
  39. 39. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción
  40. 40. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción
  41. 41. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción
  42. 42. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Esta en todas partes
  43. 43. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Generamos vínculos
  44. 44. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción
  45. 45. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción ¿Qué entienden por emoción?
  46. 46. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción
  47. 47. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Sentimiento muy intenso de alegría o tristeza producido por un hecho, una idea, un recuerdo, etc
  48. 48. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción
  49. 49. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción “Nos sentimos tristes porque lloramos, enfadados porque golpeamos” 1884 William James (1842 -1910)
  50. 50. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Pieter Desmet Susa Group / Design & Emotion Society Marco Van Hout Susa Group Aarron Walter MailChimp / WuFoo Donald A. Norman NNGroup / Interaction Design Foundation
  51. 51. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Donald A. Norman NNGroup / Interaction Design Foundation Diseño Visceral: Apariencia (Aceptación o Rechazo). Provoca la sensación “Lo quiero”, “Lo necesito” y resulta inexplicable a nivel racional (Subconsciente)
  52. 52. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Necomimi Brainwave (Orejas que responden a estímulos neuronales)
  53. 53. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Donald A. Norman NNGroup / Interaction Design Foundation Diseño Conductual: Placer y Efectividad de Uso (Evaluamos el aspecto funcional del diseño, la calidad de uso, la performance). ¿Es coherente con las expectativas generadas?
  54. 54. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción SPHERO 2.0 (Esfera interactiva todo terreno)
  55. 55. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Donald A. Norman NNGroup / Interaction Design Foundation Diseño Reflexivo: Auto-imagen, Satisfacción Personal, Recuerdos. Involucra lo emotivo, el orgullo, la satisfacción y la carga de sensaciones, e incluso los valores que una persona otorga a esto.
  56. 56. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción ROMO (El Robot Emocional de smartphone para todos)
  57. 57. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Aarron Walter MailChimp / WuFoo
  58. 58. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Marco Van Hout Design for Emotion
  59. 59. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción Pieter Desmet Driven Design
  60. 60. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción
  61. 61. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción
  62. 62. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R. IDF Temuco #01Diseño de Interacción ¡Muchas gracias!
  63. 63. ROIUX 17Abril Viernes En Instituto Chileno Suizo de Idiomas y Cultura José V. Lastarria 93, piso 2. | Metro U.Católica Local Meeting #8, desde las 7pm SANTIAGO Caso de éxito por Danilo Díaz, Consultor UX Tema

×