Factores Humanos que
influyen en el diseño de las
Interfaces
Curso 14GIIN 2022-23
Profa. Alexandra La Cruz
14GIIN - Interfaces Usuario / Computador
Agenda
● Modos de percepción de la información humana
● Factores humanos
● Modelo mental
● Otros factores que influyen en el diseño de las interfaces
● Formas de interacción
● Interfaz de Usuario / Experiencia de Usuario
14GIIN - Interfaces Usuario / Computador
Percibimos
Humano
14GIIN - Interfaces Usuario / Computador
Percibimos
Humano
14GIIN - Interfaces Usuario / Computador
Percibimos
Humano
https://www.youtube.com/watch?v=-G1P201iFUY
14GIIN - Interfaces Usuario / Computador
Humano Percibimos
Tenemos - Adquirimos
memoria conocimiento habilidades experiencias
14GIIN - Interfaces Usuario / Computador
14GIIN - Interfaces Usuario / Computador
Tareas
Humano
14GIIN - Interfaces Usuario / Computador
Computador Tareas
Humano
Interaccion
14GIIN - Interfaces Usuario / Computador
Computador Tareas
Humano
Interaccion
14GIIN - Interfaces Usuario / Computador
Ingeniería del Factor Humano
Diseño Industrial HCI Diseño de Productos
14GIIN - Interfaces Usuario / Computador
Ingeniería del Factor Humano
Diseño Industrial HCI Diseño de Productos
14GIIN - Interfaces Usuario / Computador
Ingeniería del Factor Humano
Diseño Industrial HCI Diseño de Productos
14GIIN - Interfaces Usuario / Computador
Ingeniería del Factor Humano
Diseño Industrial HCI Diseño de Productos
Diseño de la Interfaz
Diseño UI Diseño UX Diseño de
del Usuario Interacción
Experiencia de
Usuario
14GIIN - Interfaces Usuario / Computador
Ingeniería del Factor Humano
Diseño Industrial HCI Diseño de Productos
Diseño de la Interfaz
Diseño UI Diseño UX Diseño de
del Usuario Interacción
Experiencia de
Usuario
14GIIN - Interfaces Usuario / Computador
Ingeniería del Factor Humano
Diseño Industrial HCI Diseño de Productos
Diseño de la Interfaz
Diseño UI Diseño UX Diseño de
del Usuario Interacción
Experiencia de
Usuario
14GIIN - Interfaces Usuario / Computador
Ingeniería del Factor Humano
Diseño Industrial HCI Diseño de Productos
Diseño de la Interfaz
Diseño UI Diseño UX Diseño de
del Usuario Interacción
Experiencia de
Usuario
14GIIN - Interfaces Usuario / Computador
Ingeniería del factor humano
Se preocupa del diseño de interacciones entre las
personas y los productos, sistemas o dispositivos.
HCI
Se preocupa por la manera de interacción entre
las personas y el computador.
14GIIN - Interfaces Usuario / Computador
Ingeniería del factor humano
Se preocupa
por el todo,
ambiente,
forma,
tamaño,
posición,
ubicación
14GIIN - Interfaces Usuario / Computador
Ingeniería del factor humano
Y también de la interacción con las computadoras,
en términos generales son sistemas, productos
14GIIN - Interfaces Usuario / Computador
HCI vs Interfaces de Usuario (UI)
Ingeniería del Factor Humano
Diseño Industrial HCI Diseño de Productos
Diseño UI Diseño UX Diseño de
Interacción
Diseño de la Interfaz Experiencia de
del Usuario Usuario
14GIIN - Interfaces Usuario / Computador
HCI vs Interfaces de Usuario (UI)
HCI
Diseño UI
Diseño de la Interfaz
del Usuario
14GIIN - Interfaces Usuario / Computador
HCI vs Experiencia de Usuario
Entender interacción
HCI
entre humano y el computador
Diseño UX Dictaminar cómo ha de ser la
Interacción entre humano y
Experiencia de el computador
Usuario
14GIIN - Interfaces Usuario / Computador
HCI vs Interfaces de Usuario (UI)
Light Pen – Lapíz Óptico
Primer Mouse
MIT
Fuente: Wikimedia Commons
1969
Douglas Engelbart in 1984
Stanford Research Institute
Fuente: http://www.computerhistory.org
14GIIN - Interfaces Usuario / Computador
HCI vs Experiencia de Usuario
Ingeniería Psicologia
Ingeniería del Factor Humano
Diseño Industrial HCI Diseño de Productos
Diseño UI Diseño UX Diseño de
Interacción
Diseño de la Interfaz Experiencia de
del Usuario Usuario
14GIIN - Interfaces Usuario / Computador
HCI
Investigar
HCI
necesidades
prototipo
evaluación
14GIIN - Interfaces Usuario / Computador
HCI
Investigar Diseño
HCI
necesidades Cognición
prototipo distribuida
evaluación Modelos
mentales
evaluación
14GIIN - Interfaces Usuario / Computador
HCI
Investigar Diseño
HCI
necesidades Cognición
prototipo distribuida
evaluación Modelos
mentales
evaluación
14GIIN - Interfaces Usuario / Computador
HCI
Investigar Diseño
HCI
necesidades Cognición
prototipo distribuida
evaluación Modelos
mentales
evaluación
Relación entre la UI/UX/DI
Relación entre la UI/UX/DI
Termostato https://www.udacity.com/
Human Computer Interface
Relación entre la UI/UX/DI
Termostato https://www.udacity.com/
Human Computer Interface
Relación entre la UI/UX/DI
Termostato https://www.udacity.com/
Human Computer Interface
Relación entre la UI/UX/DI
https://nest.com/thermostats/
Termostato
14GIIN - Interfaces Usuario / Computador
Factores Humanos
https://ldc.usb.ve/~abianc/materias/ci4325/
14GIIN - Interfaces Usuario / Computador
Factores Humanos
Las áreas de psicología
cognitiva y social, así como
lingüística, filosofía, sociología y
antropología están muy
relacionadas directamente con el
comportamiento humano, con
las acciones y reacciones de los
usuarios frente a un sistema o
dispositivo con el cual va a
interactuar con un computador.
https://ldc.usb.ve/~abianc/materias/ci4325/
14GIIN - Interfaces Usuario / Computador
Factores Humanos
La ingeniería de diseño, así
como el área de la computación
e inteligencia artificial, se
relacionan más bien con las
herramientas tecnológicas
existentes para desarrollar o
implementar las estructuras o
modelos de diseño de
interacción humano-computador.
https://ldc.usb.ve/~abianc/materias/ci4325/
14GIIN - Interfaces Usuario / Computador
Modelos Mentales
Modelo Cognitivo General de Wickens (1992)
14GIIN - Interfaces Usuario / Computador
Modelos Mentales
Modelo del procesador de información humano definido
por Card et al (1993)
14GIIN - Interfaces Usuario / Computador
Comprensión visual
La comprensión visual puede resumirse como «lo
que uno ve depende de lo que uno conoce»
https://mpiua.invid.udl.cat/fases-mpiua/diseno/d-factores-humanos/
Universidad de Lleida, España
14GIIN - Interfaces Usuario / Computador
Factores humanos y su relación con el diseño de Interfaces
“ ● En cuanto al contenido, las imágenes en movimiento favorecen la
atracción e incrementan el despertamiento, pero un exceso de
animación resulta molesto y distrae.
● Estética. Este campo resulta muy difícil pues por ejemplo lo que resulta
placentero para unas personas puede despertar justo lo contrario para
otras (recordemos, por ejemplo, la historia del arte moderno).
● El diseño. Puede determinar el tipo de usuario al cual va dirigida la
interfaz con el objetivo de despertar la atención de sus destinatarios.
http://ict.udlap.mx/people/ingrid/Clases/IS438/IHC_1.htm
Universidad de las Américas Puebla ”
14GIIN - Interfaces Usuario / Computador
Factores humanos y su relación con el diseño de Interfaces
“ Las implicaciones que estos aspectos pueden derivarse en el diseño
son:
● Para despertar la motivación será importante adaptar el contenido
y la funcionalidad a las motivaciones de los usuarios.
● Estas motivaciones también deben reflejarse en el estilo de la
interfaz.
http://ict.udlap.mx/people/ingrid/Clases/IS438/IHC_1.htm
Universidad de las Américas Puebla
”
14GIIN - Interfaces Usuario / Computador
Tipos de Factores que intervienen en el Diseño de las
Interfaces
“ ● Hay varios factores a considerar en la HCI, no solo los computacionales.
● Si no se consideran los factores en su totalidad, un buen producto de software
puede resultar ser finalmente inútil.
● Los factores son de diverso tipo, pero se relacionan.
● Hay factores relativos al usuario, relativos a su ambiente y relativos al desempeño
del sistema en general.
http://ict.udlap.mx/people/ingrid/Clases/IS438/IHC_1.htm
”
14GIIN - Interfaces Usuario / Computador
“Factores relativos al ambiente Factores organizacionales
● Factores Organizacionales ● Capacitación.
● Factores Ambientales ● Política informática.
● Factores de Salud y Seguridad ● Diseño de las actividades del
empleado.
http://ict.udlap.mx/people/ingrid/Clases/IS438/IHC_1.htm
”
14GIIN - Interfaces Usuario / Computador
Factores ambientales Factores de Salud y Seguridad
● Luz. ● Stress.
● Ventilación. ● Problemas musculares.
● Ruido. ● Dolor de cabeza.
http://ict.udlap.mx/people/ingrid/Clases/IS438/IHC_1.htm
14GIIN - Interfaces Usuario / Computador
Factores relativos al usuario Factores de las capacidades y
procesos cognitivos del
● Factores de las capacidades y
usuario.
procesos cognitivos del usuario.
● Factores de la interfaz del ● Motivación
usuario. ● Gusto a las actividades
● Factores referentes a la tarea ● Satisfacción
del usuario. ● Experiencia
● Capacidad de aprendizaje
http://ict.udlap.mx/people/ingrid/Clases/IS438/IHC_1.htm
14GIIN - Interfaces Usuario / Computador
Factores de la interfaz del
usuario
● Dispositivos de entrada
● Dispositivos de salida Factores referentes a la tarea
● Estructura de los diálogos del usuario
humano-computadora
● Uso de colores
● Iconos ● Facilidad y complejidad
● Comandos ● Novedad
● Gráficas ● Repetitividad
● lenguaje natural ● Monitoreo
● Realidad virtual
● Multimedios
http://ict.udlap.mx/people/ingrid/Clases/IS438/IHC_1.htm
14GIIN - Interfaces Usuario / Computador
Factores relativos a los Factores referentes a las
beneficios de la organización limitaciones
● Factores referentes a las ● Limitantes de Costo
limitaciones. ● Limitantes de Tiempo
● Factores referentes a la ● Limitantes de Personal
funcionalidad del sistema. ● Limitantes de Equipo
● Factores de productividad. ● Limitantes del espacio físico.
http://ict.udlap.mx/people/ingrid/Clases/IS438/IHC_1.htm
14GIIN - Interfaces Usuario / Computador
Factores de productividad
● Incremento en la Calidad. Factores referentes a la
● Decremento en Costos.
funcionalidad del sistema
● Decremento de Errores.
● Decremento de Tiempo de ● Hardware disponible y
Producción. necesario.
● Decremento de Requerimientos ● Software disponible y necesario.
Laborales (personal).
● Incremento en la creatividad
para la innovación.
http://ict.udlap.mx/people/ingrid/Clases/IS438/IHC_1.htm
Universidad de las Américas Puebla
14GIIN - Interfaces Usuario / Computador
Factores Humanos
Conducta Interactiva
Cognición Individual y Distribuida
Arquitecturas cognitivas generales
Canales de Entrada
Percepción
Memoria
Representación del conocimiento
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Niveles de Comunicación
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Nivel de Comunicación Socio-Cultural
Nivel socio-cultural
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Nivel de Comunicación Coolaborativo
Nivel cooperativo
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Nivel de Comunicación Complejo
Nivel de Procesamiento de Información Compleja
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Nivel de Comunicación según lo que percibimos
Nivel de Percepción Individual
Sistemas de representación
Visual
Manipulación Directa
(Touchscreen)
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Nivel de Comunicación sensorial
Nivel Sensorial y Motora
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Factores Humanos
Conducta Interactiva
Cognición Individual y Distribuida
Arquitecturas cognitivas generales
Canales de Entrada
Percepción
Memoria
Representación del conocimiento
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Factor Humano: Cognición Individual y Distribuida
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Factor Humano: Cognición Individual y Distribuida
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Factor Humano: Cognición Individual y Distribuida
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Factores Humanos
Conducta Interactiva
Cognición Individual y Distribuida
Arquitecturas cognitivas generales
Canales de Entrada
Percepción
Memoria
Representación del conocimiento
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Arquitecturas Cognitivas Generales
Objetivo
Estado
Operador
Espacio
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Arquitecturas Cognitivas Generales
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Factores Humanos
Conducta Interactiva
Cognición Individual y Distribuida
Arquitecturas cognitivas generales
Canales de Entrada
Percepción
Memoria
Representación del conocimiento
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Canales de Entrada
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Canales de Entrada
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Factores Humanos
Conducta Interactiva
Cognición Individual y Distribuida
Arquitecturas cognitivas generales
Canales de Entrada
Percepción
Memoria
Representación del conocimiento
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Percepción
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Percepción
Manual del Curso
14GIIN - Interfaces Usuario / Computador
Percepción
Manual del Curso
Factor Humano
Conducta Interactiva
Cognición Individual y Distribuida
Arquitecturas cognitivas generales
Canales de Entrada
Percepción
Memoria
Representación del conocimiento
Memoria
Memoria
Sensorial
Memoria
Operativa
Agenda
Ejecutivo Central Lazo Articulatorio
Visoespacial
Memoria a Largo
Plazo
Procedimental Declarativa
Semántica Episódica
Factor Humano
Conducta Interactiva
Cognición Individual y Distribuida
Arquitecturas cognitivas generales
Canales de Entrada
Percepción
Memoria
Representación del conocimiento
14GIIN - Interfaces Usuario / Computador
Representación del Conocimiento
14GIIN - Interfaces Usuario / Computador
Estilos de Interacción Usuario/Computador
● Líneas de comando
14GIIN - Interfaces Usuario / Computador
Estilos de Interacción Usuario/Computador
− URL, http://universidadviu.es
− Querys en motores de búsqueda
14GIIN - Interfaces Usuario / Computador
Estilos de Interacción Usuario/Computador
● Menús y Navegación
14GIIN - Interfaces Usuario / Computador
Estilos de Interacción Usuario/Computador
● Manipulación directa
− Botones
− Pantallas táctiles
− Iconos, imágenes
¿Cuál de estos estilos requiere mayor tiempo de
aprendizaje?
14GIIN - Interfaces Usuario / Computador
GRACIAS!!!
