Transcript
Page 1: Introducción al Diseño de la Interacción Humano-Computadora

Diseño de la InteracciónHumano-Computadora.Introducción.

Mtro. Omar Sosa Tzec.

Lic. en Diseño de Interacción.Universidad Iberoamericana Campus Puebla.

http://www.tzek-design.com/blog

Page 2: Introducción al Diseño de la Interacción Humano-Computadora

La interfaz como punto de partida.

Page 3: Introducción al Diseño de la Interacción Humano-Computadora

Interfaz

Usuario

HerramientaTarea

Del objeto a la interfase.Gui Bonsiepe.Infinito. 1999.

Page 4: Introducción al Diseño de la Interacción Humano-Computadora

¿Qué caracteriza al usuario?

¿Qué caracteriza a la herramienta?

¿Qué caracteriza a la tarea?

Page 5: Introducción al Diseño de la Interacción Humano-Computadora

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?

Page 6: Introducción al Diseño de la Interacción Humano-Computadora

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?

Page 7: Introducción al Diseño de la Interacción Humano-Computadora

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?

Page 8: Introducción al Diseño de la Interacción Humano-Computadora

¿Qué es esto?

Page 9: Introducción al Diseño de la Interacción Humano-Computadora

¿Quién es el usuario?

Page 10: Introducción al Diseño de la Interacción Humano-Computadora

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

Page 11: Introducción al Diseño de la Interacción Humano-Computadora

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

Page 12: Introducción al Diseño de la Interacción Humano-Computadora

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

?

Page 13: Introducción al Diseño de la Interacción Humano-Computadora

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

Page 14: Introducción al Diseño de la Interacción Humano-Computadora

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

Page 15: Introducción al Diseño de la Interacción Humano-Computadora

¿La tarea cambia? ¿O hay muchas tareas?

Page 16: Introducción al Diseño de la Interacción Humano-Computadora

¿Qué es la interfaz?

Page 17: Introducción al Diseño de la Interacción Humano-Computadora

¿Cada elemento corresponde necesariamente a una tarea?

Page 18: Introducción al Diseño de la Interacción Humano-Computadora

Interacción Humano-Computadora(HCI).

Page 19: Introducción al Diseño de la Interacción Humano-Computadora

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.

Page 20: Introducción al Diseño de la Interacción Humano-Computadora

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.

Page 21: Introducción al Diseño de la Interacción Humano-Computadora

Interfaz

Usuario

Sistemade CómputoTarea

Page 22: Introducción al Diseño de la Interacción Humano-Computadora

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.

The Esscence of Human–Computer Interaction.Christine Faulkner.Prentince Hall, 1997.

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...

Page 23: Introducción al Diseño de la Interacción Humano-Computadora

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.

Page 24: Introducción al Diseño de la Interacción Humano-Computadora

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.

Page 25: Introducción al Diseño de la Interacción Humano-Computadora

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.

Page 26: Introducción al Diseño de la Interacción Humano-Computadora

interacciónhumano-computadora

Psicología socialy organizacional

Psicología cognitiva

Ciencias de laComputación

InteligenciaArtificial

Lingüística

Filosofía

Sociología

Antropología

Diseño

Ingeniería

Ergonomíay factoreshumanos

The Esscence of Human–Computer Interaction.Christine Faulkner.Prentince Hall, 1997.

Page 27: Introducción al Diseño de la Interacción Humano-Computadora

¿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?

Page 28: Introducción al Diseño de la Interacción Humano-Computadora

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?

Page 29: Introducción al Diseño de la Interacción Humano-Computadora

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.

Page 30: Introducción al Diseño de la Interacción Humano-Computadora

¿Habrá alguna relación entre el diseñouniversal con la antropometría?

Page 31: Introducción al Diseño de la Interacción Humano-Computadora

¿Con la ergonomía?

Page 32: Introducción al Diseño de la Interacción Humano-Computadora

¿Con las interfaces?

Page 33: Introducción al Diseño de la Interacción Humano-Computadora

¿Con las interfaces gráficas?

Page 34: Introducción al Diseño de la Interacción Humano-Computadora

¿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?

Page 35: Introducción al Diseño de la Interacción Humano-Computadora

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.

Page 36: Introducción al Diseño de la Interacción Humano-Computadora

Usabilidad = facilidad de uso.

Pero, ¿cómo se evalúa? ¿existen métodos de evaluación? ¿cómo ayuda a mejorar las cosas?

Page 37: Introducción al Diseño de la Interacción Humano-Computadora

¿Si no es usable, no sirve?

Page 38: Introducción al Diseño de la Interacción Humano-Computadora

Otros enfoques:Ingeniería Semiótica.

Page 39: Introducción al Diseño de la Interacción Humano-Computadora

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

Page 40: Introducción al Diseño de la Interacción Humano-Computadora

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.

Page 41: Introducción al Diseño de la Interacción Humano-Computadora

HCI

DIx

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

Page 42: Introducción al Diseño de la Interacción Humano-Computadora

DIx

HCI

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

Page 43: Introducción al Diseño de la Interacción Humano-Computadora

diseño deinteracción

¿Es esta relación válida?

interacciónhumano-computadora

Page 44: Introducción al Diseño de la Interacción Humano-Computadora

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 InteractionDesign Research in HCI.John Zimmerman, Jodi Forlizzi, Shelley Evenson.CHI 2007 Proceedings

Page 45: Introducción al Diseño de la Interacción Humano-Computadora

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 InteractionDesign Research in HCI.John Zimmerman, Jodi Forlizzi, Shelley Evenson.CHI 2007 Proceedings

Page 46: Introducción al Diseño de la Interacción Humano-Computadora

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 InteractionDesign Research in HCI.John Zimmerman, Jodi Forlizzi, Shelley Evenson.CHI 2007 Proceedings

Page 47: Introducción al Diseño de la Interacción Humano-Computadora

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

Page 48: Introducción al Diseño de la Interacción Humano-Computadora

Designing for Interaction: Creating Innovative Applications and Devices, Second Edition.Dan Saffer.New Riders, 2009.

Diseño deExperiencia de

Usuario.

Arq. deInformación.

Arquitectura.

Contenido.

Diseñovisual.

Diseñoindustrial.

Factoreshumanos.

Diseñode sonido.

Interacciónhumano-computadora.

Diseño deInteracción.

Page 49: Introducción al Diseño de la Interacción Humano-Computadora

diseño deinteracción

Prácticas de diseño.Diseño gráfico.Diseño de Producto.Diseño artístico.Diseño industrial.Industria del cine.

Disciplinas académicas.Ergonomía.

Psicología/Ciencias cognitivas.Informática.

Ingeniería.Ciencias de la computación.

Ingeniería de software.Ciencias sociales.

Campos multidisciplinarios.Factores humanos.

Ingeniería cognitiva.HCI.

Ergonomía cognitiva.CSCW.

Sistemas de información.Interaction Design beyond human-computer interaction. Second Edition.Preece, Sharp & Rogers.Wiley, 2007.

Page 50: Introducción al Diseño de la Interacción Humano-Computadora

Productos y Servicios.

Page 51: Introducción al Diseño de la Interacción Humano-Computadora

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.

Page 52: Introducción al Diseño de la Interacción Humano-Computadora

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.

Page 53: Introducción al Diseño de la Interacción Humano-Computadora

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

RAE.Enero 2010.

Page 54: Introducción al Diseño de la Interacción Humano-Computadora

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.

Page 55: Introducción al Diseño de la Interacción Humano-Computadora

Proceso.

Usuario.

t1 t2 t4 tN

Valor.

Page 56: Introducción al Diseño de la Interacción Humano-Computadora

El proceso deldiseño de interacción.

Page 57: Introducción al Diseño de la Interacción Humano-Computadora

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.

Page 58: Introducción al Diseño de la Interacción Humano-Computadora

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.

Page 59: Introducción al Diseño de la Interacción Humano-Computadora

* 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.

Page 60: Introducción al Diseño de la Interacción Humano-Computadora

Human Computer Interaction Resourceshttp://hcibib.org/

Page 61: Introducción al Diseño de la Interacción Humano-Computadora

Gracias.

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


Top Related