Centro Ingeniería de Software y Sistemas (ISYS) 1 - Facultad de … · 2012-10-19 · Centro...
Transcript of Centro Ingeniería de Software y Sistemas (ISYS) 1 - Facultad de … · 2012-10-19 · Centro...
Centro Ingeniería de Software y Sistemas (ISYS) 1
Centro Ingeniería de Software y Sistemas (ISYS) 2
Centro Ingeniería de Software y Sistemas (ISYS) 3
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)
Centro Ingeniería de Software y Sistemas (ISYS) 4
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
Centro Ingeniería de Software y Sistemas (ISYS) 6
Pasado: calcular (como rol fundamental)
Presente: comunicar (como rol fundamental)
Nuevo rol de la Computación
Centro Ingeniería de Software y Sistemas (ISYS)
4ta Onda: Tecnología Interactiva Persuasiva
7
Centro Ingeniería de Software y Sistemas (ISYS) 8
Fuente: Historic Computer Images
Eniac
Evolución Tecnológica
Centro Ingeniería de Software y Sistemas (ISYS) 9
Evolución Tecnológica
Centro Ingeniería de Software y Sistemas (ISYS) 10
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
Centro Ingeniería de Software y Sistemas (ISYS)
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 …
Centro Ingeniería de Software y Sistemas (ISYS)
IHC: Definición
12
Centro Ingeniería de Software y Sistemas (ISYS)
IHC: Definición
13
Centro Ingeniería de Software y Sistemas (ISYS) 14
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)
Centro Ingeniería de Software y Sistemas (ISYS) 15
Importancia de la IHC
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
Centro Ingeniería de Software y Sistemas (ISYS) 16
La Interacción Humano Computador es relevante
en el proceso de sociabilización de la informática
Importancia de la IHC
Centro Ingeniería de Software y Sistemas (ISYS) 17
Importancia de la IHC
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
Centro Ingeniería de Software y Sistemas (ISYS) 18
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
Centro Ingeniería de Software y Sistemas (ISYS) 19
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
Centro Ingeniería de Software y Sistemas (ISYS) 20
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
Centro Ingeniería de Software y Sistemas (ISYS) 21
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
Centro Ingeniería de Software y Sistemas (ISYS) 22
Evolución de las Interfaces de Usuario
Centro Ingeniería de Software y Sistemas (ISYS) 23
Evolución de las Interfaces
Centro Ingeniería de Software y Sistemas (ISYS) 24
Evolución de las Interfaces
Centro Ingeniería de Software y Sistemas (ISYS) 25
Centro Ingeniería de Software y Sistemas (ISYS) 26
https://www.youtube.com/watch?v=ePsVVz1SUTA
Centro Ingeniería de Software y Sistemas (ISYS) 27
https://www.youtube.com/watch?v=rJ_VyXP6hyI
Centro Ingeniería de Software y Sistemas (ISYS) 28
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) 29
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)
Centro Ingeniería de Software y Sistemas (ISYS) 30
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
Centro Ingeniería de Software y Sistemas (ISYS) 31
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
Relaciones con otras disciplinas
Centro Ingeniería de Software y Sistemas (ISYS) 32
......
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
Relaciones con otras disciplinas
Centro Ingeniería de Software y Sistemas (ISYS) 33
“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
Centro Ingeniería de Software y Sistemas (ISYS) 34
El diseño de la interacción
Centro Ingeniería de Software y Sistemas (ISYS) 35
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
Centro Ingeniería de Software y Sistemas (ISYS) 36
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
Centro Ingeniería de Software y Sistemas (ISYS) 37
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
Centro Ingeniería de Software y Sistemas (ISYS) 38
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
Centro Ingeniería de Software y Sistemas (ISYS) 39
Recomendciones: Ergonomía Básica
Centro Ingeniería de Software y Sistemas (ISYS) 40
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
Centro Ingeniería de Software y Sistemas (ISYS) 41
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
Centro Ingeniería de Software y Sistemas (ISYS) 42
TÓPICOS que trata la IHC
Centro Ingeniería de Software y Sistemas (ISYS) 43
• 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
TÓPICOS que trata la IHC
Centro Ingeniería de Software y Sistemas (ISYS) 44
• 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ÓPICOS que trata la IHC
Centro Ingeniería de Software y Sistemas (ISYS) 45
• 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...
TÓPICOS que trata la IHC
Centro Ingeniería de Software y Sistemas (ISYS) 46
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
TÓPICOS que trata la IHC
Centro Ingeniería de Software y Sistemas (ISYS)
Usuario
El método AgilUs: Propuesta
47
Centro Ingeniería de Software y Sistemas (ISYS)
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
Centro Ingeniería de Software y Sistemas (ISYS)
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
Centro Ingeniería de Software y Sistemas (ISYS) 50
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
Centro Ingeniería de Software y Sistemas (ISYS) 51
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
Centro Ingeniería de Software y Sistemas (ISYS)
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
Centro Ingeniería de Software y Sistemas (ISYS)
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
Centro Ingeniería de Software y Sistemas (ISYS)
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
Centro Ingeniería de Software y Sistemas (ISYS)
Liberación del software,
la puesta en producción
55
AgilUs: Entrega
Protocolo de preguntas
Pruebas de aceptación
Centro Ingeniería de Software y Sistemas (ISYS) 56
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
Centro Ingeniería de Software y Sistemas (ISYS) 57
TÓPICOS que trata la IHC
Centro Ingeniería de Software y Sistemas (ISYS) 58
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
Centro Ingeniería de Software y Sistemas (ISYS) 59
Computación Móvil
Centro Ingeniería de Software y Sistemas (ISYS) 60
Computación Inalámbrica
Centro Ingeniería de Software y Sistemas (ISYS) 61
Computación Ubicua
Centro Ingeniería de Software y Sistemas (ISYS) 62
Para finalizar: Actividad
La Interfaz de Usuario es a la Interacción Humano Computador lo que _____________________ es a _______________________.