Professional Documents
Culture Documents
Fundamentos de HCI
Human Computer Interaction
Qu es HCI-Interaccin Hombre-Computadora?
Humano =
Un usuario
Un grupo de usuarios
Una organizacin
Pblico en general
Bla Bla
Computadora =
Una PC
Una LAN
Una WAN
Una workstation
Dispositivo mvil
Fundamentos de HCI
Human Computer Interaction
Fundamentos de HCI
Human Computer Interaction
Fundamentos de HCI
Human Computer Interaction
HCI es
multidisciplinar
Fundamentos de HCI
Human Computer Interaction
El
HCI y el Contexto
Fundamentos de HCI
Human Computer Interaction
Importancia
del HCI
Evolucin
del HCI
Fundamentos de HCI
Human Computer Interaction
El
Fundamentos de HCI
Tipos de Dilogo
Tipos
Fundamentos de HCI
Tipos de Dilogo
Tipos
Fundamentos de HCI
Tipos de Dilogo
Tipos
Fundamentos de HCI
Tipos de Dilogo
Tipos
Fundamentos de HCI
Tipos de Interfaz que soportan el HCI
Tipos
Interfaces Textuales
Uso del texto como medio de visualizacin y expresin
Interfaces Visuales e Icnicas
Visualizacin y Programacin Visual. WYSIWYG, WIMP Interfaces Hpticas
Uso de varios sentidos para la visualizacin e interaccin
Interfaces Colaborativas
Interaccin multiusuario grupal done se incluye coordinacin,
comunicacin y colaboracin entre los mismos. WYSIWIS Interfaces Adaptativas y Adaptables
Formas de interaccin y visualizacin parametrizables
Interfaces Inteligentes- Interfaces Evolutivas
Mecanismos de inferencia, de evolucin. Puede comportarse como
asistente humano
Interfaces Web Fija y Mviles- Mobile user Interface
HCI en la Web
HCI en dispositivos mviles
Fundamentos de HCI
Independencia de Dilogo
Independencia
de Dilogo
UI
SELF-CORRECTING
Semntica de
Aplicacin
CORRECTENESS-DRIVEN
Fundamentos de HCI
Independencia de Dilogo
Independencia
de dilogo
La Componente de Dilogo o
Interfaz del Usuario es el soft y
hardware que soporta y permite que
el dilogo hombre-mquina se lleve a
cabo.
La Componente de Cmputos o
Aplicacin permite la
transformacin funcional o
algortmica de las entradas en
salidas.
Fundamentos de HCI
Independencia de Dilogo
Independencia
de Dilogo
Fundamentos de HCI
Independencia de Dilogo
Independencia
de Dilogo
Ventajas
Problemticas
Fundamentos de HCI
Independencia de Dilogo
Independencia
de Dilogo
Otras ventajas
La Interfaz requiere de su propio Ciclo de Vida
Fundamentos de HCI
Independencia de Dilogo
Arquitecturas de la interfaz del usuario
Esquema de Albert Green [1985]
Dispositivos de
entrada
Ventanas
Objetos de
interaccin
Es el motor de la UI
Control de la lgica y
sencuencia de
interaccin
Control de la sesin y
navegacin de dilogo
Manejo interno de
objetos de interaccin
Protocolos de
comunicacin
Es el dilogo
interno
Vistas de Interfaz
y Aplicacin
Objetos
exportados
Fundamentos de HCI
Independencia de Dilogo
Actividades involucradas en el diseo
Determinar estilo de
interaccin, tipos de
dilogo y de interfaz
Disear el look&feel
Hacer explcito el
sistema, identificando los
objetos de interaccin
Determinar el soporte
de hardware interactivo
Disear el look&feel
Disear control, secuenciacin y lgica del
Especificar
tipos de
mapeamiento
dilogo
entre objetos
Disear la navegacin
semnticos e
Identificar los objetos computacionales tales interactivos
como objetos sintcticos
Disear servicios propios de interfaz del usr
Modelar los datos propios de la interfaz del
usuario
Disear el manejo y control del hardware
interactivo
Especificar tipo de asistencia
Disear aspectos de adaptacin, inteligencia,
Fundamentos de HCI
Independencia de Dilogo
Arquitecturas de la interfaz del usuario. (Cont.)
Esquema de Deborah Hix [1987]
Fundamentos de HCI
Independencia de Dilogo
Arquitecturas de la interfaz del usuario. (Cont.)
Esquema de Deborah Hix [1987]
Enfatiza sobre
Roles
intervinientes
GREEN
Muestra
utilizacin de
Herramientas
propias
Fundamentos de HCI
Independencia de Dilogo
Arquitecturas Monolticas de la interfaz del usuario
informacin e independencia.
Manejadores
de Dispositivos
Sistema de
Ventanas
Objetos de
Interaccin
Control de
Dilogo
Corazn
Funcional
Mayor nivel de
Abstraccin
Fundamentos de HCI
Independencia de Dilogo
Arquitecturas Monolticas de la interfaz del usuario
de una interfaz.
Fundamentos de HCI
Independencia de Dilogo
Arquitecturas Monolticas de la interfaz del usuario
Fundamentos de HCI
Independencia de Dilogo
Arquitecturas No Monolticas: Modelos Multiagentes
receptores de eventos,
transmisores de eventos,
una memoria para mantener su estado, y
un procesador que iterativamente procesa eventos de entrada, actualiza su propio
estado y produce eventos de salida.
Los agentes se comunican entre s. Aquellos que dialogan con el usuario son
Fundamentos de HCI
Independencia de Dilogo
Arquitecturas No Monolticas: Modelos Multiagentes
Modelo MVC. Model-View-Controller. [Golberg 84]
M
V
Fundamentos de HCI
Independencia de Dilogo
Arquitecturas No Monolticas: Modelos Multiagentes
Modelo PAC. Presentacin-Abstraccin y Control [Coutaz 98]
A
C
Es el comportamiento
observable del agente
Codifica la entrada y salida
Liga una abstraccin a una
presentacin
Controla el comportamiento y el
dilogo
Mantiene secuencia de acciones y
de dilogo
Recuerda el estado local
Permite interrelacin entre agentes
Fundamentos de HCI
Independencia de Dilogo
Arquitecturas No Monolticas: Modelos Multiagentes
Modelo PAC. Presentacin-Abstraccin y Control [Coutaz 98]
Nivel Superior
Nivel
Intermedio o
de Interfaz
Nivel Inferior o Widgets
Fundamentos de HCI
UX
Fundamentos de HCI
UX
UX
Fundamentos de DCU
UX
Diseo de Experiencia de Usuario UX
Todas las ramas del HCI se deben unir para lograr una
completa y funcional experiencia de usuario.
Ms all de las perspectivas especficas a cada rama,
debe haber un objetivo comn: optimizar UX
Fundamentos de DCU
UX
Diseo de la Experiencia de Usuario
Algunas componentes bsicas de UX:
Fundamentos de HCI
DCU
Fundamentos de HCI
Usabilidad
Usabilidad
Fundamentos de HCI
Usabilidad
Usabilidad
Fundamentos de HCI
Usabilidad
Objetivos de la Interfaz del Usuario
CALIDAD
de USO
Simplicidad
Fcil aprendizaje y utilizacin
Forma de expresin entendible para el usuario
Flexibilidad de la Interfaz
Se considera a los dos agentes interactuantes equiparables
Forma de interaccin preestablecida y planteada en trminos del usuario,
no de la aplicacin
Confiabilidad
Consistencia en la presentacin y expresin de conceptos
Transparencia
Visualizacin permanente del estado y comportamiento del sistema
Ergonoma
Adaptacin al estilo y perfil del usuario
Fundamentos de HCI
Usabilidad
User
friendly
1980
Usability
Quality
in use
2005
Usabilidad
Eficiencia
Fundamentos de HCI
Usabilidad
Calidad de uso (Usabilidad) significa que la gente que
usar.
Dumas,
Fundamentos de HCI
ISO 9126
"La usabilidad se refiere a la capacidad de un software de ser
comprendido, aprendido, usado y ser atractivo para el
usuario, en condiciones especficas de uso"
-1 O
6
2
91 C T
ISO D U
O
R
P
Evaluacin
cualitativa
Fundamentos de HCI
ISO 9241-11
"Usabilidad es la efectividad, eficiencia y satisfaccin con la
que un producto permite alcanzar objetivos especficos a
usuarios especficos en un contexto de uso especfico"
-11 O
1
4
92 E S
ISO O C
PR
Evaluacin
cuantitativa
Fundamentos de HCI
De Usabilidad a Calidad de Uso
Fundamentos de HCI
Usabilidad- Mtricas
Fundamentos de HCI
Usabilidad- Mtricas
Fundamentos de HCI
Usabilidad- Mtricas
Principios de Nielsen
Dilogo simple y natural
Lenguaje del usuario
Minimizar el uso de la memoria del usuario
Consistencia
Feedback
Salidas evidentes
Mensajes de error
Prevencin de errores
Atajos
Ayudas
Fundamentos de HCI
Usabilidad
8 Reglas de oro para el diseo de la interfaz
(Shneiderman)
Consistencia
Shortcuts
Feedback informativo
Buen diseo del dilogo
Manejo de error simple
Reversa de acciones
Control por parte del usuario
Minimizar memoria del usuario
Fundamentos de HCI
Usabilidad
First Principles of Interaction design
(Tognazzini)
Anticipation
Autonomy
Color Blindness
Consistency
Defaults
Efficiency of the user
Explorable Interfaces
Fitts law
Human Interface Objects
Latency reduction
Track state
Visible navigation
Learnability
Use of metaphors
Protect users work
Readability
Fundamentos de HCI
Usabilidad
1. Guidance
1.1. Prompting
1.2. Grouping / Distinction between items
1.2.1. Grouping / Distinction by
location
1.2.2. Grouping / Distinction by
format
1.3. Immediate feedback
1.4. Legibility
2. Work load
2.1. Brevity
2.1.1. Concision
2.1.2. Minimal actions
2.2. Information density
3. Explicit control
3.1. Explicit actions
3.2. User control
4. Adaptability
4.1. Flexibility
4.2. User experience
5. Error management
5.1. Protection to errors
5.2. Quality of error messages
5.3. Error correction
6. Homogeneousness / Consistency
7. Significance of codes
8. Compatibility