Diapositiva 1 - Facultad de Ciencias-UCV

Centro Ingeniería de Software y Sistemas (ISYS)
1
Centro Ingeniería de Software y Sistemas (ISYS)
2
Aspectos Generales de la
Interacción Humano Computador
(IHC)
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
Centro Ingeniería de Software y Sistemas (ISYS)
Actualizado: octubre 2012 (E. Acosta)
3
Aspectos Generales de IHC: Contenido
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
Centro Ingeniería de Software y Sistemas (ISYS)
4
Retos de la IHC
Centro Ingeniería de Software y Sistemas (ISYS)
5
Nuevo rol de la Computación
Presente: comunicar
(como rol fundamental)
Pasado: calcular
(como rol fundamental)
Centro Ingeniería de Software y Sistemas (ISYS)
6
4ta Onda: Tecnología Interactiva Persuasiva
Centro Ingeniería de Software y Sistemas (ISYS)
7
Evolución Tecnológica
Eniac
Fuente: Historic Computer Images
Centro Ingeniería de Software y Sistemas (ISYS)
8
Evolución Tecnológica
Centro Ingeniería de Software y Sistemas (ISYS)
9
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)
10
Terminología
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)
…
11
IHC: Definición
Centro Ingeniería de Software y Sistemas (ISYS)
12
IHC: Definición
Centro Ingeniería de Software y Sistemas (ISYS)
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)
Centro Ingeniería de Software y Sistemas (ISYS)
14
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)
Gestión de Datos
Lógica de la Aplicación
Centro Ingeniería de Software y Sistemas (ISYS)
70%
Interfaz de Usuario
15
Importancia de la IHC
La Interacción Humano Computador
es relevante
en el proceso de
sociabilización de la informática
Centro Ingeniería de Software y Sistemas (ISYS)
16
Importancia de la IHC
Masificación de computadores
interconectadas en redes
Variedad de
Aplicaciones
Diversidad de
Usuarios
Emergencia de
Tecnologías
Incremento de aplicaciones de índole social
Nuevas Metas en el Diseño de la Interacción
Centro Ingeniería de Software y Sistemas (ISYS)
17
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)
18
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
Centro Ingeniería de Software y Sistemas (ISYS)
19
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)
20
Roles de la Interfaz de Usuario
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
Centro Ingeniería de Software y Sistemas (ISYS)
21
Evolución de las Interfaces de Usuario
Centro Ingeniería de Software y Sistemas (ISYS)
22
Evolución de las Interfaces
Centro Ingeniería de Software y Sistemas (ISYS)
23
Evolución de las Interfaces
Centro Ingeniería de Software y Sistemas (ISYS)
24
Centro Ingeniería de Software y Sistemas (ISYS)
25
https://www.youtube.com/watch?v=ePsVVz1SUTA
Centro Ingeniería de Software y Sistemas (ISYS)
26
https://www.youtube.com/watch?v=rJ_VyXP6hyI
Centro Ingeniería de Software y Sistemas (ISYS)
27
Aspectos Generales de IHC: Contenido
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
Centro Ingeniería de Software y Sistemas (ISYS)
28
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)
29
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
Centro Ingeniería de Software y Sistemas (ISYS)
30
Relaciones con otras disciplinas
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
Centro Ingeniería de Software y Sistemas (ISYS)
31
Relaciones con otras disciplinas
Ciencias de la
Ciencias
Humanas
......
Diseño Gráfico
Psicología
Comunicación
Ingeniería de
software
Bases de Datos
Redes y
Comunicaciones
otrosComputación
dominios, fuera del
campo de laen
Informática,
centrada
Red
relacionadas con IHC
Centro Ingeniería de Software y Sistemas (ISYS)
32
El diseño de la interacción
“the design of spaces for human
communication and interaction”
(Winograd, 1997)
Diseño de la interacción / Diseño de la interfaz de usuario
Centro Ingeniería de Software y Sistemas (ISYS)
33
El diseño de la interacción
Centro Ingeniería de Software y Sistemas (ISYS)
34
Disciplinas influyentes
Diseño de la interacción
Psicología
Etnografía
Visualización de datos
Sociología
Cine, TV, Teatro, Arte
Comunicación Social
Diseño Gráfico
Educación
Centro Ingeniería de Software y Sistemas (ISYS)
35
Disciplinas influyentes: Psicología
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
Centro Ingeniería de Software y Sistemas (ISYS)
36
Disciplinas influyentes: Ergonomí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
Centro Ingeniería de Software y Sistemas (ISYS)
37
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
Centro Ingeniería de Software y Sistemas (ISYS)
38
Recomendciones: Ergonomía Básica
Centro Ingeniería de Software y Sistemas (ISYS)
39
Disc. influyentes: Sociología-Etnografía
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
Centro Ingeniería de Software y Sistemas (ISYS)
40
Disc. influyentes: Inteligencia Artificial
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
Centro Ingeniería de Software y Sistemas (ISYS)
41
TÓPICOS que trata la IHC
Centro Ingeniería de Software y Sistemas (ISYS)
42
TÓPICOS que trata la IHC
• Adaptación Humano-Computador
•
Los aspectos
organizacionales
y el diseñado
trabajo, lay su uso:
- Mejorar
el “encaje”
entre el objeto
naturaleza y calidad del trabajo, modelos de actividad
- Cómo
el sistema
secooperativa,
adapta al usuario
(personalización)
humana,
actividad
trabajo
colaborativo,
impacto
de la globalizació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
Centro Ingeniería de Software y Sistemas (ISYS)
43
TÓPICOS que trata la IHC
• La psicología de los
Usuarios
• La comunicación
El lenguaje como un
medio de comunicación;
lenguajes especializados,
hipermedia, simbología ,
…
Centro Ingeniería de Software y Sistemas (ISYS)
• 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
44
TÓPICOS que trata la IHC
• Técnicas del Diálogo
Tipo de diálogos y técnicas
de manipulación directa,
lenguaje natural,
navegación, multimedia,
agentes, diálogos multipersonas...
• Dispositivos de Interacción
• Arquitectura del Diálogo
Dispositivos actuales,
Estructuración de
tendencias …
componentes, toolkits...
• Semántica del Diálogo
Metáforas de interacción, • Evolución de las tecnologías
Características, nuevas
espacio de trabajo...
formas de interacción...
Centro Ingeniería de Software y Sistemas (ISYS)
45
TÓPICOS que trata la IHC
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
Centro Ingeniería de Software y Sistemas (ISYS)
46
El método AgilUs: Propuesta
Usuario
Centro Ingeniería de Software y Sistemas (ISYS)
47
El Método AgilUs
Buenas prácticas
B
•DCU
•Prototipaje
•Desarrollo ágil
•Usabilidad-calidad
Principios
•Integra IHC-IS
•Usabilidad-inicio
•Usabilidad-utilidad
Ciclo de Vida
A
AgilUs
C
•Requisitos
•Análisis
•Prototipaje
•Entrega
D
Centro Ingeniería de Software y Sistemas (ISYS)
Errores Comunes
•No incluir al usuairo
•Cliente Vs Usuario
48
AgilUs: usabilidad ágil
 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
Centro Ingeniería de Software y Sistemas (ISYS)
49
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)
50
El método AgilUs
•Tormenta de ideas
•Encuestas,
entrevistas,
cuestionarios
•Evaluación de
sistemas existentes
•Perfiles de usuario
•Requerimientos
funcionales y no
funcionales
Requisitos
Entrega
•Protocolo de
preguntas
•Pruebas de
aceptación
•Aplicación a liberar
Centro Ingeniería de Software y Sistemas (ISYS)
•Prototipos en papel
•Guía de estilos
•Modelo Casos de
Uso
•Modelo Objetos del
Dominio
•Objetos de Interfaz
•Patrones de
I
Interacción
Análisis
Prototipaje
•Prototipo rápido
•Evaluación
Heurística
•Lista de
Comprobación
•Pensamiento en voz
alta
•Prototipo ejecutable
51
AgilUs: Requisitos
Identificar las necesidades de los usuarios
Determinar el perfil de los usuarios
Determinar los requerimientos funcionales
y no funcionales
Tormentas de ideas
Encuestas, cuestionarios, entrevistas
(sondeo)
Análisis de sistemas existentes
Centro Ingeniería de Software y Sistemas (ISYS)
52
AgilUs: Análisis
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)
Prototipos de papel
Guía de estilo
Patrones de interacción
Centro Ingeniería de Software y Sistemas (ISYS)
53
AgilUs: Prototipaje
Maquetas
Prototipos de alta fidelidad a partir
de los patrones de interacción
Refinamiento del prototipo hasta
lograr el producto final
Evaluación heurística
Lista de comprobación
Pensamiento en voz alta
Prototipo ejecutable
Centro Ingeniería de Software y Sistemas (ISYS)
54
AgilUs: Entrega
Liberación del software,
la puesta en producción
Protocolo de preguntas
Pruebas de aceptación
Centro Ingeniería de Software y Sistemas (ISYS)
55
El método AgilUs
•Tormenta de ideas
•Encuestas,
entrevistas,
cuestionarios
•Evaluación de
sistemas existentes
•Perfiles de usuario
•Requerimientos
funcionales y no
funcionales
Requisitos
Entrega
•Protocolo de
preguntas
•Pruebas de
aceptación
•Aplicación a liberar
Centro Ingeniería de Software y Sistemas (ISYS)
•Prototipos en papel
•Guía de estilos
•Modelo Casos de
Uso
•Modelo Objetos del
Dominio
•Objetos de Interfaz
•Patrones de
I
Interacción
Análisis
Prototipaje
•Prototipo rápido
•Evaluación
Heurística
•Lista de
Comprobación
•Pensamiento en voz
alta
•Prototipo ejecutable
56
TÓPICOS que trata la IHC
Centro Ingeniería de Software y Sistemas (ISYS)
57
Tendencias de la IHC
COMPUTACIÓN MÓVIL
COMPUTACIÓN INALÁMBRICA
COMPUTACIÓN UBICUA
Interfaces Sociales
Interfaces Adaptativas
Interfaces Sensoriales
Interfaces Perceptuales
Interfaces Tangibles
Interfaces Basadas en AI
…
Centro Ingeniería de Software y Sistemas (ISYS)
58
Computación Móvil
Centro Ingeniería de Software y Sistemas (ISYS)
59
Computación Inalámbrica
Centro Ingeniería de Software y Sistemas (ISYS)
60
Computación Ubicua
Centro Ingeniería de Software y Sistemas (ISYS)
61
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)
62