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

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. 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. 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. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción
¿Diseño de Interacción?

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. 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. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción
Moldear

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. 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. 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. 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. 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. 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. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción
Metodologías

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. 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. 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. 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. 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. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción
¿HCI?

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. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción

23. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción

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. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción
Human-Centered Design (HCD)

26. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción
Viabilidad
Idoneidad
Rentabilidad

27. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción
Physical Computing

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. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción

30. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción

31. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción
Affective Computing

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. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción

34. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción

35. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción

36. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción
Design for Emotion

37. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción
¿Porqué es relevante?

38. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción

39. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción

40. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción

41. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción

42. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción
Esta en todas partes

43. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción
Generamos vínculos

44. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción

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. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción

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. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción

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. 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. 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. 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. 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. 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. 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. 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. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción
Aarron Walter
MailChimp / WuFoo

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. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción
Pieter Desmet
Driven Design

60. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción

61. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción

62. DISEÑO DE INTERACCIÓN Y FACTORES HUMANOS Alexis Brantes R.
IDF Temuco #01Diseño de Interacción
¡Muchas gracias!

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