Este documento presenta una introducción al tema de diseño de interacción humano-computadora. Explica que la HCI estudia la relación entre usuarios humanos y sistemas computacionales, buscando entender cómo funcionan los usuarios y las tareas que necesitan realizar para facilitar el cumplimiento de dichas tareas. También describe algunos factores que caracterizan a los usuarios, las herramientas y las tareas, e introduce conceptos como interfaz e interacción.

1. Diseño de la Interacción
Humano-Computadora.
Introducción.
Mtro. Omar Sosa Tzec.
Lic. en Diseño de Interacción.
Universidad Iberoamericana Campus Puebla.
http://www.tzek-design.com/blog

2. La interfaz como
punto de partida.

3. Usuario
Interfaz
Tarea Herramienta
Del objeto a la interfase.
Gui Bonsiepe.
Infinito. 1999.

4. ¿Qué caracteriza al usuario?
¿Qué caracteriza a la herramienta?
¿Qué caracteriza a la tarea?

5. El usuario podría estar caracterizado por:
* Su nivel de alfabetización.
* Su nivel de alfabetización funcional.
* Su nivel de alfabetización informática.
* Su nivel de alfabetización informacional.
* Experiencias de la niñez, adolescencia o
etapa adulta.
* Conocimiento.
* Capacidades psico-motoras.
* Capacidades especiales. ¿Qué otra cosa?

6. La herramienta podría estar caracterizada por:
* Su peso y volumen.
* La composición de sus materiales.
* Competitividad tecnológica, económica y
operacional.
* Capacidad de respuesta.
¿Qué otra cosa?

7. La tarea podría estar caracterizada por:
* Su complejidad.
* El o los resultados esperados.
* Tiempo de ejecución.
* Camino de ejecución.
¿Qué otra cosa?

8. ¿Qué es esto?

9. ¿Quién es el usuario?

10. ¿Cuál es el conocimiento básico que tiene el usuario para utilizar esta herramienta?

11. ¿Qué se puede considerar interfaz y qué no? ¿Todo es la interfaz?

12. ?
¿Esto es una interfaz? ¿Hay otras interfaces necesarias para la manipulación de esta herramienta?

13. ¿Cuál es la tarea? ¿Es una o son muchas?

14. ¿El usuario cambia? ¿Es el mismo? ¿Hay diferentes tipos de usuarios?

15. ¿La tarea cambia? ¿O hay muchas tareas?

16. ¿Qué es la interfaz?

17. ¿Cada elemento corresponde necesariamente a una tarea?

18. Interacción Humano-Computadora
(HCI).

19. La Interacción Humano–Computadora
(HCI por sus siglas en inglés) es el
estudio de la relación que existe entre
los usuarios humanos y los sistemas
de cómputo que usan para realizar
diversas tareas.
The Esscence of Human–Computer
Interaction.
Christine Faulkner.
Prentince Hall, 1997.

20. Busca entender cómo funcionan los
usuarios, las tareas que necesitan
llevar a cabo y el modo en el que los
sistemas de cómputo necesitan estar
estructurados para facilitar el
cumplimiento de esas tareas.
The Esscence of Human–Computer
Interaction.
Christine Faulkner.
Prentince Hall, 1997.

21. Usuario
Interfaz
Sistema
Tarea
de Cómputo

22. Para entender a los usuarios es
necesario entender los procesos,
capacidades y predilecciones que
pueden asociarse a las tareas que
desempeñan.
Esto involucra un entendimiento y
conocimiento de cosas como la
memoria, visión, cognición, oído,
tacto y habilidades motrices.
El sistema computacional necesita ser
entendido en términos de lo que
puede hacer por los usuarios y cómo
podría comunicarse mejor con ellos...
The Esscence of Human–Computer
Interaction.
Christine Faulkner.
Prentince Hall, 1997.

23. La interacción humano-computadora
comprende el proceso que se lleva a
cabo cuando un humano interactúa
con un producto de software.
Formalización del Modelo de Diseño para la
Interacción Humano-Computadora.
Gustavo A. Valero.
Universidad de los Andes Mérida, 2008.

24. Existen varios factores que intervienen en la
HCI relativos al usuario, ambiente, tecnología
y desempeño del sistema en general, de que
no considerarse apropiadamente en el
desarrollo del software, el producto obtenido
puede que no satisfaga completamente los
requisitos de los usuarios.
Formalización del Modelo de Diseño para la
Interacción Humano-Computadora.
Gustavo A. Valero.
Universidad de los Andes Mérida, 2008.

25. La interacción humano-computadora es una
disciplina que tiene que ver con el diseño,
evaluación e implementación de sistemas
computacionales interactivos para uso
humano y con el estudio de los fenómenos de
mayor importancia que están involucrados.
ACM SIGCHI Curricula for Human-Computer Interaction.
Enero, 2010.

26. Ergonomía
Psicología social
y factores
y organizacional
humanos
Psicología
Ingeniería
cognitiva
Ciencias de la
Diseño
Computación
interacción
humano-computadora
Inteligencia
Artificial Antropología
Lingüística
Sociología
Filosofía
The Esscence of Human–
Computer Interaction.
Christine Faulkner.
Prentince Hall, 1997.

27. ¿A qué se refiere con…
el sistema computacional
necesita ser entendido en
términos de lo que puede
hacer por los usuarios y
cómo podría comunicarse
mejor con ellos?

28. Si la tarea
es la misma…
¿Todos los usuarios pueden usar
exitosamente la misma herramienta?
¿Existe la idea de interfaz global?
¿El diseño es universal? ¿Por qué
hablar de la palabra diseño?

29. El diseño universal es un paradigma del diseño relativamente nuevo, que
dirige sus acciones al desarrollo de productos y entornos de fácil acceso
para el mayor número de personas posible, sin la necesidad de adaptarlos
o rediseñarlos de una forma especial.
El concepto surge del diseño sin barreras, del diseño accesible y de la
tecnología asistiva de apoyo. A diferencia de estos conceptos el diseño
universal alcanza todos los aspectos de la accesibilidad, y se dirige a
todas las personas, incluidas las personas con discapacidad.
Resuelve el problema con una visión holista, partiendo de la idea de la
diversidad humana. Además, tiene en cuenta la manera en que se vende el
producto y la imagen de producto, para que éstos, además de ser
accesibles, puedan venderse y captar a todo el rango de consumidores.
Wikipedia.
Enero 2010.

30. ¿Habrá alguna relación entre el diseño
universal con la antropometría?

31. ¿Con la ergonomía?

32. ¿Con las interfaces?

33. ¿Con las interfaces gráficas?

34. ¿Qué hay acerca de las
convenciones gráfico-culturales?
¿De la alfabetización visual?
¿De la cultura visual?
¿Qué hay del lenguaje, su escritura
y su lectura?
¿Modismos?

35. La interacción humano-computadora
incluye la interfaz de usuario (tanto
hardware como software), modelado
de sistemas y usuarios, ciencias del
comportamiento y cognitivas,
estudios empíricos, metodología,
técnica y herramientas. La meta de la
mayoría del trabajo en interacción
humano-computadora es, de una
forma u otra, proveer al usuario con
una gran alto de usabilidad.
Developing user interfaces: ensuring usability
trhough product & process.
Debora HIx and Rex Harston.
Wiley, 1993.

36. Usabilidad = facilidad de uso.
Pero, ¿cómo se evalúa?
¿existen métodos de evaluación?
¿cómo ayuda a mejorar las cosas?

37. ¿Si no es usable, no sirve?

38. Otros enfoques:
Ingeniería Semiótica.

39. Del diseño de interacción y
la interacción humano computadora.

40. El diseño de interacción (DIx) define
la estructura y comportamiento de
productos y servicios interactivos.
Los diseñadores de interacción crean
relaciones sólidas entre la gente y
los sistemas interactivos que usan,
desde las computadoras hasta
dispositivos móviles, dando las
bases para experiencias intangibles.
IxDA. Interaction Design Association.
2010.

41. HCI
DIx
¿Está el diseño de interacción contenido en la interacción humano-computadora?

42. DIx
HCI
¿Está la interacción humano-computadora contenida en el el diseño de interacción?

43. diseño de interacción
interacción humano-computadora
¿Es esta relación válida?

44. En los primeros días, el término “diseño”
dentro de la comunidad de HCI significaba
ingeniería de usabilidad: “…el proceso de
modelar a los usuarios y sistemas y
especificar el comportamiento del sistema
de tal forma que encaje con las tares de
los usuarios, que sea eficiente, fácil de
usar y de aprender.
Research Through Design as a Method for Interaction
Design Research in HCI.
John Zimmerman, Jodi Forlizzi, Shelley Evenson.
CHI 2007 Proceedings

45. A través del tiempo, los diseñadores
comenzaron trabajando con los
desarrolladores de software, incorporando
las habilidades en jerarquías visuales,
navegación, color y tipografía que se habían
desarrollados en los productos impresos.
Research Through Design as a Method for Interaction
Design Research in HCI.
John Zimmerman, Jodi Forlizzi, Shelley Evenson.
CHI 2007 Proceedings

46. Jonas Löwgren nombró a este proceso que
llevaron al diseño de interacción como
“diseño creativo” para distinguirlo del
enfoque de ingeniería.
En la ingeniería del diseño, los
desarrolladores crean software para cubrir
una especificación, mientras que en el diseño
creativo, los diseñadores continúan re-
enmarcando el problema, constantemente
cuestionando los supuestos inherentes
durante el proceso de diseño.
Research Through Design as a Method for Interaction
Design Research in HCI.
John Zimmerman, Jodi Forlizzi, Shelley Evenson.
CHI 2007 Proceedings

47. El diseño de interacción
como resultado de un
enfoque multidisciplinario.

48. Diseño de
Experiencia de
Usuario.
Arq. de
Arquitectura.
Información.
Diseño
Contenido.
industrial.
Factores
humanos.
Diseño
visual. Diseño de
Interacción.
Diseño
de sonido.
Interacción
Designing for Interaction: Creating Innovative humano-computadora.
Applications and Devices, Second Edition.
Dan Saffer.
New Riders, 2009.

49. Disciplinas académicas. Prácticas de diseño.
Ergonomía. Diseño gráfico.
Psicología/Ciencias cognitivas. Diseño de Producto.
Informática. Diseño artístico.
Ingeniería. Diseño industrial.
Ciencias de la computación. Industria del cine.
Ingeniería de software.
Ciencias sociales.
diseño de
interacción
Campos multidisciplinarios.
Factores humanos.
Ingeniería cognitiva.
HCI.
Ergonomía cognitiva.
CSCW. Interaction Design beyond human-computer
interaction. Second Edition.
Sistemas de información. Preece, Sharp & Rogers.
Wiley, 2007.

50. Productos y Servicios.

51. Los diseñadores de interacción trabajan
en una variedad de productos: todo
desde sitios web a aplicaciones de
escritorio, de electrónica de consumo
hasta robótica, de dispositivos móbiles
y médicos hasta ambientes interactivos.
Estos productos pueden ser solamente
digitales (software) o mayormente
análogos (robots) o incorpóreos (una
interfaz por gestos), o una combinación
de todo.
Designing for Interaction: Creating Innovative
Applications and Devices, Second Edition.
Dan Saffer.
New Riders, 2009.

52. Más y más, los productos en los que
trabajan los diseñadores de interacción
están conectados a un servicio, a tal punto
que no es importante distiguir entre ambos
para el diseño de la interacción.
Designing for Interaction: Creating Innovative
Applications and Devices, Second Edition.
Dan Saffer.
New Riders, 2009.

53. Un proceso es un conjunto de las fases
sucesivas de un fenómeno natural o de
una operación artificial.
RAE.
Enero 2010.

54. Un servicio es una cadena de
actividades o eventos en secuencia,
paralelas o bien, no lineales que
forman un proceso y tienen valor para
el usuario final.
Designing for Interaction: Creating Innovative
Applications and Devices, Second Edition.
Dan Saffer.
New Riders, 2009.

55. Proceso.
Valor.
t1 t2 t4 tN
Usuario.

56. El proceso del
diseño de interacción.

57. Incluye cuatro actividades básicas:
1. Identificar las necesidades y establecer los
requerimientos para la experiencia de usuario.
2. Desarrollar diseño que cubran esos requerimientos.
3. Construir versiones interactivas de esos diseños de
forma que puedan ser comunicados y evaluados.
4. Evaluar lo que se construye durante el proceso y la
experiencia de usuario que ofrece.
Interaction Design beyond human-computer
interaction. Second Edition.
Preece, Sharp & Rogers.
Wiley, 2007.

58. Tarea.
* Abre un blog en wordpress o blogger, también prepara
una cuenta en flickr o picassa.
* Tomar un objeto de tu día a día que tenga que ver con
diseño de interacción humano-computadora o en su
defecto, del diseño de interacción en general.
* Analiza y reflexiona cuáles son los procesos inherentes a
este producto de diseño.
* Selecciona sólo un proceso.
* Descompón el proceso en sus tareas y haz un diagrama
que muestre como es el flujo.

59. * En el post, selecciona una tarea que creas que es crucial
para todo el proceso. Explica por qué. Explica qué pasa si
la tarea no se cumple.
* Cuál es el valor (social, económico, emocional,
tecnológico, etc.) que obtiene el usuario con el producto
que seleccionaste. Explica por qué.
* Explica dónde “entran” al menos dos disciplinas que
están relacionadas en el diseño de interacción para el
caso del producto que seleccionaste.
* Explica cómo rediseñarías el objeto para que tenga
mayor valor para su usuario.

60. Human Computer Interaction Resources
http://hcibib.org/

61. Gracias.
* Presentación con fines didácticos sin lucro. Imágenes
y textos son propiedad de sus autores.