centro ingeniería de software y sistemas (isys) 1 - facultad de … · 2012-10-19 · centro...

Centro Ingeniería de Software y Sistemas (ISYS) 1


Sensibilización:

el nuevo rol de la computación, la

importancia de las interfaces de usuario

y el carácter social de la interacción

Actualizado: octubre 2012 (E. Acosta)

Aspectos Generales de la

Interacción Humano Computador

(IHC)


Contexto: reto, rol, ondas, terminología

Evolución tecnológica y Contexto

Tecnológico

Definición de IHC, IU. Diseño de la

interacción

Importancia de la IHC

Relaciones con otras disciplinas

Tópicos y tendencias de la IHC

AgilUs

Aspectos Generales de IHC: Contenido

Centro Ingeniería de Software y Sistemas (ISYS)

Retos de la IHC

5

../Videos/Human computer Interaction.flv


Pasado: calcular (como rol fundamental)

Presente: comunicar (como rol fundamental)

Nuevo rol de la Computación


4ta Onda: Tecnología Interactiva Persuasiva

7


Fuente: Historic Computer Images

Eniac

Evolución Tecnológica


Evolución Tecnológica


El Contexto Tecnológico

La era actual de la revolución tecnológica de la informática y de las telecomunicaciones se caracteriza por la masificación de los computadores y su interconexión en redes

El paradigma: la computación basada en redes

Se incrementan las aplicaciones de índole social

El medio de comunicación (la interfaz de usuario) pasa a ser relevante

Interacción humano humano


Terminología

11

Interacción Humano Computador

Human Computer Interaction

Interacción Computador Humano

Computer Human Interaction

Interacción Hombre Máquina

Man Machine Interaction

Interacción de Usuario

User Interaction

Interacción Humano Humano

Human Human Interaction …


IHC: Definición

12


IHC: Definición

13


IHC: Definición

Es una disciplina que trata con el diseño, evaluación e implementación de sistemas de computación interactivos que son usados por los humanos y con el estudio de su contexto.

(ACM SIGCHI forCurricula HCI)



Actualmente más del 70% del esfuerzo de desarrollo de las aplicaciones interactivas

está dedicado a la interfaz de usuario (Gartner Group)

70%

Interfaz de Usuario Lógica de la Aplicación

Gestión de Datos


La Interacción Humano Computador es relevante

en el proceso de sociabilización de la informática




Masificación de computadores interconectadas en redes

Nuevas Metas en el Diseño de la Interacción

Diversidad de Usuarios

Variedad de Aplicaciones

Emergencia de Tecnologías

Incremento de aplicaciones de índole social


Rol de la Comunicación

Soporte al Trabajo Colaborativo Telemedicina, Educación a Distancia,

Atención al Ciudadano …

La comunicación entre personas utilizando el computador introduce, como elemento central,

Interfaz de Usuario


El componente interactivo (hardware y/o software) de un producto de software que le

permite a la gente realizar las tareas para las cuales está

concebido, en su trabajo o en su vida cotidiana

Interfaz de Usuario


Características de una IU

Múltiples ventanas desplegadas simultáneamente en la pantalla

Representación de información mediante iconos

Selección de acciones vía menú

Sistema de ayuda en línea (on-line)

Soporte de interacciones mediante diálogos y botones

Uso de dispositivos apuntadores para manipulación directa de los objetos


La IU de un producto de software:

media entre el producto y el usuario...o entre distintos usuarios

integra la representación de la parte accesible del producto y las técnicas de interacción

determina la usabilidad del producto

Además... involucra a diferentes especialistas en su diseño

Roles de la Interfaz de Usuario


Evolución de las Interfaces de Usuario


Evolución de las Interfaces


https://www.youtube.com/watch?v=ePsVVz1SUTA

https://www.youtube.com/watch?v=ePsVVz1SUTA


https://www.youtube.com/watch?v=rJ_VyXP6hyI

https://www.youtube.com/watch?v=rJ_VyXP6hyI


Contexto: reto, rol, ondas, terminología

Evolución tecnológica y Contexto

Tecnológico

Definición de IHC, IU. Diseño de la

interacción



Tópicos y tendencias de la IHC

AgilUs

Aspectos Generales de IHC: Contenido


IHC: Definición

Es una disciplina que trata con el diseño, evaluación e implementación de sistemas de computación interactivos que son usados por los humanos y con el estudio de su contexto.

(ACM SIGCHI forCurricula HCI)


El componente interactivo (hardware y/o software) de un producto de software que le

permite a la gente realizar las tareas para las cuales está

concebido, en su trabajo o en su vida cotidiana

Interfaz de Usuario


Para el diseño de la interacción se requiere un equipo que incluya al

usuario, especialistas del dominio de la aplicación y a especialistas de

otras disciplinas

actividad interdisciplinaria actividad multidisciplinaria actividad transdisciplinaria



......

Bases de Datos

Diseño Gráfico Psicología Ciencias de la Comunicación

Ciencias Humanas

Redes y Comunicaciones

Computación centrada en Red otros dominios, fuera del campo de la Informática, relacionadas con IHC

Ingeniería de software



“the design of spaces for human communication and interaction”

(Winograd, 1997)

El diseño de la interacción

Diseño de la interacción / Diseño de la interfaz de usuario


El diseño de la interacción

../videos/fuse showreel spring 2010.flv


Cine, TV, Teatro, Arte

Visualización de datos

Psicología

Comunicación Social

Sociología

Etnografía

Diseño de la interacción

Diseño Gráfico Educación

Disciplinas influyentes


Ciencia que estudia el comportamiento y los estados de la conciencia de la persona humana, considerada individualmente o como miembro de un grupo social – Psicología cognitiva

Trata de comprender el comportamiento humano y los procesos mentales que comporta

– Psicología social Trata de estudiar el origen y las causas del comportamiento humano en un contexto social

Contribución a la IHC:

– Conocimientos y teorías sobre el comportamiento de las personas y la forma en que procesan la información

– Metodologías y herramientas para evaluar el grado de satisfacción de las personas con el diseño de la interfaz

Disciplinas influyentes: Psicología


Es el estudio de las características físicas de la interacción (por ejemplo, el entorno físico donde se produce)

Su propósito es definir y diseñar herramientas y artefactos para diferentes tipos de ambientes (trabajo, ocio, doméstico)

El objetivo es maximizar la seguridad, eficiencia y fiabilidad para simplificar las tareas e incrementar la sensación de confort y satisfacción

Disciplinas influyentes: Ergonomía


Ejemplos de aspectos considerados por la ergonomía:

– Organización de los controles y pantallas (para permitir una acción rápida del usuario, que debe poder acceder a todos los controles y ver toda la información sin mover excesivamente el cuerpo) • Colocación espaciada de los controles

• Información más importante situada a la altura de los ojos

• Prevención de los reflejos

– Entorno físico de la interacción

– Aspectos de salud: posición física, tiempo de permanencia ante el ordenador, temperatura, radiación de las pantallas

Disciplinas influyentes: Ergonomía


Recomendciones: Ergonomía Básica


Es la ciencia que estudia las costumbres y las tradiciones de los pueblos:

– En los últimos años, algunas compañías están reclutando antropólogos para comprender mejor a sus clientes y sus trabajadores y para diseñar productos que reflejen mejor las tendencias culturales emergentes

– Las herramientas de investigación etnográfica pueden responder a cuestiones sobre organizaciones y mercados que otros métodos no pueden

Disc. influyentes: Sociología-Etnografía


Trata de diseñar sistemas que simulen aspectos del comportamiento humano inteligente

Ejemplos de uso en IHC:

– Diseño de tutores y sistemas expertos en interfaces inteligentes

– Diseño de interfaces en lenguaje natural, mediante voz

– Diseño de agentes inteligentes para simplificar la realización de tareas frecuentes

Disc. influyentes: Inteligencia Artificial


TÓPICOS que trata la IHC


• Los aspectos organizacionales y el trabajo, la naturaleza y calidad del trabajo, modelos de actividad humana, actividad cooperativa, trabajo colaborativo, impacto de la globalización...

• Adaptación Humano-Computador

- Mejorar el “encaje” entre el objeto diseñado y su uso:

- Cómo el sistema se adapta al usuario (personalización)

- Cómo el usuario se adapta al sistema (entrenamiento),

- Guía al usuario

• Áreas de aplicación

- Individual vs. Grupal; Propósito General vs. Específico



• La psicología de los Usuarios

• El procesamiento de la Información

Modelos cognitivos, la memoria, la percepción, habilidades motoras, la atención, el aprendizaje , la motivación, los modelos conceptuales …

• Aspectos ergonómicos La relación entre las características de las personas y el ambiente y su espacio de trabajo

• La comunicación El lenguaje como un medio de comunicación; lenguajes especializados, hipermedia, simbología , …



• Técnicas del Diálogo Tipo de diálogos y técnicas de manipulación directa, lenguaje natural, navegación, multimedia, agentes, diálogos multi-personas...

• Dispositivos de Interacción Dispositivos actuales, tendencias …

• Semántica del Diálogo Metáforas de interacción, espacio de trabajo...

• Arquitectura del Diálogo Estructuración de componentes, toolkits...

• Evolución de las tecnologías Características, nuevas formas de interacción...



La Meta: desarrollar productos interactivos fáciles de usar, efectivos, útiles y seguros, desde la perspectiva del usuario

• Modelos, Métodos y Arquitecturas de Desarrollo

• Técnicas de Implementación

• Técnicas de Evaluación

• Herramientas y Ambientes de Construcción

• Principios de Diseño, Lineamientos y Patrones de Interacción



Usuario

El método AgilUs: Propuesta

47


El Método AgilUs

AgilUs

B

C

D

A

Principios

Buenas prácticas

Ciclo de Vida

Errores Comunes 48

•Integra IHC-IS

•Usabilidad-inicio

•Usabilidad-utilidad

•DCU

•Prototipaje

•Desarrollo ágil

•Usabilidad-calidad

•Requisitos

•Análisis

•Prototipaje

•Entrega

•No incluir al usuairo

•Cliente Vs Usuario


Buenas prácticas Ágiles

Se enfoca en la gente y los resultados

Se enfatiza las comunicaciones cara a cara

Ciclo de vida: requisitos, análisis, prototipaje y entrega

49

AgilUs: usabilidad ágil


AgilUs: usabilidad ágil

En cada etapa del desarrollo se incluyen actividades para la construcción de la usabilidad

Se busca proporcionar una manera de proceder organizadamente para construir la usabilidad durante el desarrollo de un producto

El proceso de desarrollo de software engloba la definición de requisitos, análisis, prototipaje y entrega

Se realiza en ciclos iterativos hasta conseguir alcanzar el producto final prácticas Ágiles


El método AgilUs

•Prototipo rápido

•Evaluación Heurística

•Lista de Comprobación

•Pensamiento en voz alta

•Prototipo ejecutable

•Protocolo de preguntas

•Pruebas de aceptación

•Aplicación a liberar

•Prototipos en papel

•Guía de estilos

•Modelo Casos de Uso

•Modelo Objetos del Dominio

•Objetos de Interfaz

•Patrones deI Interacción

•Tormenta de ideas

•Encuestas, entrevistas, cuestionarios

•Evaluación de sistemas existentes

•Perfiles de usuario

•Requerimientos funcionales y no funcionales

Requisitos

Entrega Prototipaje

Análisis


Identificar las necesidades de los usuarios

Determinar el perfil de los usuarios

Determinar los requerimientos funcionales y no funcionales

52

AgilUs: Requisitos

Tormentas de ideas

Encuestas, cuestionarios, entrevistas (sondeo)

Análisis de sistemas existentes


Modelado de la aplicación en términos de funcionalidades (casos de uso)

Modelado de la aplicación en términos de objetos y relaciones (objetos del dominio)

Modelado de la interfaz de usuario (patrones de interacción y objetos de interfaz)

53

AgilUs: Análisis

Prototipos de papel

Guía de estilo

Patrones de interacción


Maquetas

Prototipos de alta fidelidad a partir

de los patrones de interacción

Refinamiento del prototipo hasta

lograr el producto final

54

AgilUs: Prototipaje

Evaluación heurística

Lista de comprobación

Pensamiento en voz alta

Prototipo ejecutable


Liberación del software,

la puesta en producción

55

AgilUs: Entrega

Protocolo de preguntas

Pruebas de aceptación


El método AgilUs

•Prototipo rápido

•Evaluación Heurística

•Lista de Comprobación

•Pensamiento en voz alta

•Prototipo ejecutable

•Protocolo de preguntas

•Pruebas de aceptación

•Aplicación a liberar

•Prototipos en papel

•Guía de estilos

•Modelo Casos de Uso

•Modelo Objetos del Dominio

•Objetos de Interfaz

•Patrones deI Interacción

•Tormenta de ideas

•Encuestas, entrevistas, cuestionarios

•Evaluación de sistemas existentes

•Perfiles de usuario

•Requerimientos funcionales y no funcionales

Requisitos

Entrega Prototipaje

Análisis


Tendencias de la IHC

COMPUTACIÓN MÓVIL

Interfaces Sociales

Interfaces Tangibles

Interfaces Perceptuales

Interfaces Basadas en AI

Interfaces Adaptativas

Interfaces Sensoriales

…

COMPUTACIÓN INALÁMBRICA

COMPUTACIÓN UBICUA


Computación Móvil


Computación Inalámbrica


Computación Ubicua


Para finalizar: Actividad

La Interfaz de Usuario es a la Interacción Humano Computador lo que _____________________ es a _______________________.

centro ingeniería de software y sistemas (isys) 1 - facultad de … · 2012-10-19 · centro...

Documents