introducción al diseño de interacción humano-computadora

Interacción Humano-

Computadora2012

Introducción al Diseñode Interacción Humano-Computadora

Mtro. Omar Sosa Tzec.

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

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



Objetivos¿Qué es lo que tengo que dominar al final del curso?

El objetivo del curso es tener las bases del espectro que abarca la Interacción Humano–Computadora (HCI por sus siglas en inglés) y su relación con el diseño de interacción y el diseño de experiencias de usuario.

IxD

HCI UXD

Base para la crítica

Adopción demétodos

Incorporaciónde conocimiento

previo

Afinarejecución

Conocimientosgenerales

Realidad Academia




previo

Afinarejecución


Esquemática HCI

Arquitecturade Información HCI

Ingenieríade Software

HCI

Animación HCI




previo

Afinarejecución


En el sentido práctico, el alumno debe: a) sensibilizarsea los paradigmas de HCI bajo un enfoque centrado en el usuario y en la experiencia de uso, b) desarrollar prototipos para el diseño de interfaces, y c) entender el proceso de evaluación de una interfaz de usuario y como aplicarla.

Temas¿Y qué veremos en el curso?

Teoría Métodosy/de

diseño

Evaluación

HCI y DIx como disciplinasInterfazParadigmas de HCISíntesis y Análisis en el diseño de HCIMétodos de diseño para HCIEl boceto como herramienta de ideaciónElaboración de prototiposDiseño para pantallaLey de FittsAffordancesDiseño, usuarios y cogniciónDiseño emocionalRetórica y HCILa experiencia de usuarioUsabilidadComunicabilidadetc…

Evaluación¿Cómo seré evaluado?

Suma de dos evaluaciones parciales escritas sobre conceptos teóricos vistos en clase aplicadas durante el curso.

30%

30%

Proyecto final para el curso.

40%Suma de las evaluaciones de

proyectos parciales que demuestren la aplicación de los

conceptos vistos en clase, elaborados durante el curso.

¿Exámenes escritos?

Material del curso

Proyecto final¿Qué deberé entregar al final?

IxD

HCI UXD

Prototipo

Pantalla/Físico

Power PointFlashPhotoshopIllustratorCacooAfterEffectsImpresoArduinoCartón

Reporte

ContextoRequerimientosPersonasEntrevistasBocetosEvaluaciónRegistro procesoYouTube

Evaluación¿Cómo serán evaluadas las tareas y el proyecto final?

Importante.Las tareas son válidas hasta la fecha y hora que se indique su entrega, con frecuencia hasta la siguiente clase.

* El criterio para obtener el 100% de los puntos se especificará con cada tarea.

* Si la tarea es entregada el mismo día pero no a la hora señalada, automáticamente reducirá su valor a un 50%.

* Si ya ha pasado un día a partir de la fecha de entrega. La tarea valdrá cero puntos.

* Si hay excepciones, se indicará en clase delante de todo el grupo.

Deseable 99.9%que no sea

proyecto de ASE

Empecemos…

Los mismos fundamentos de siempre…

Interfaz

Usuario

HerramientaTarea

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

¿Qué caracteriza al usuario?

¿Qué caracteriza a la herramienta?

¿Qué caracteriza a la tarea?

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?

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?

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?

InteracciónHumano-

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.

Usuario Computadora

Usuario ¿Computadora?

contexto

personas problema

necesidades

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.


Usuario

Computadora

Tarea

Usuario

Computadora

Subtarea1

Subtarea2

…

Subtarea n-1

Subtarea n

http://www.usabilitynet.org/tools/taskanalysis.htm



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

Usuario ComputadoraCognición

contexto

personas problema

necesidades

Usuario ComputadoraCognición

Usuario ComputadoraCultura

Usuario Computadora

Una pregunta para hacernos como diseñadores

Formalización del Modelo de Diseño para la Interacción Humano-Computadora.Gustavo A. Valero.Universidad de los Andes Mérida, 2008.

La interacción humano-computadora comprende el proceso que se lleva a cabo cuando un humano interactúa con un producto de software.

IxD

HCI UXD

DiseñoHCI

DiseñoHCI

Una constante: el cambio

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.

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.

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?

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.

http://es.wikipedia.org/wiki/Dise%C3%B1o

http://es.wikipedia.org/wiki/Dise%C3%B1o

Global

Cultural

Contextual

Social

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


Developing user interfaces: ensuring usability trhough product & process.Debora HIx and Rex Harston.Wiley, 1993.

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.

UsabilidadHCI

¿Si no es usable no sirve?

UsabilidadHCI

¿Cultura?

¿Responsabilidad Social?

¿Emoción?

¿Economía?

¿Marketing?

¿Diseño sostenible?

HCI yDiseño de

Interacción

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.

HCI

DIx

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

DIx

HCI

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

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

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.


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.


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.

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.

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.


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 distinguir entre ambos para el diseño de la interacción.


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

RAE.Enero 2010.

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.


Tarea 1:* Hacer una presentación de un “meme” que narre un problema grave y recurrente para los usuarios de un servicio dado –un cine, un establecimiento de comida rápida, transporte público, etc. El asunto es que dicho servicio debe ser fuera de la universidad. Posteriormente, a nivel boceto –posteriormente escaneado– o wireframe, bocetar una solución. Concluir la presentación con un “meme” que de evidencia de por qué y cómo el problema se solucionó con la propuesta de diseño.

Gracias.

* Todas las imágenes mostradas en esta presentación son sin fines de lucro y los derechos son propiedad de sus autores o dueños.