INTERACCIÓN

HUMANO-
COMPUTADOR

UNIDAD 2
PROCESO DEL DISEÑO DE LA INTERFAZ DEL
USUARIO

TIPOS DE MODELADO

Ing. Ana Eva Chacon Luna

Diagnóstico
 Introducción

OBJETIVO
Describir el modelado de interacción
entre el usuario y el sistema
mediante el modelado de tareas de
usuario, el modelado de diálogo y
modelado de la presentación.
 Introducción

SUBTEMAS
» Subtema 1: Modelado de la tarea
del usuario
» Subtema 2: Modelado del diálogo
» Subtema 3: Modelado de la
presentación
 Introducción

ACTIVIDAD DE INICIO
» Actividad: Generar una lluvia de
ideas utilizando la herramienta
Stormboard sobre: conceptos
relacionados a los modelos de
tareas de usuario, diálogo, y
presentación.
https://stormboard.com/invite/1340661/minor173
 Desarrollo
Modelado de la tarea del
usuario
» El modelo de tareas de » Existen algunos métodos que
usuario concentra su facultan el análisis de tareas,
accionar en las actividades dependiendo su grado de
que se encuentran formalismo y finalidad, es
involucradas en el sistema, decir, predictivos,
como parte de la interacción descriptivos y cognitivos.
entre el usuario y la interfaz.
 Desarrollo
Modelado de la tarea del
usuario
» Los métodos predictivos,
enfocados en la evaluación del
rendimiento humano
(usuario), detallan a nivel
secuencial el comportamiento
y conocimiento que el usuario
requiere para ejecutar tareas.
» Los métodos descriptivos
muestran una descripción
propia del sistema, sin
embargo, no es del todo
completa, esta descripción se
obtiene en función de las
tareas.
 Desarrollo
Modelado de la tarea del
usuario
» Los métodos cognitivos, también » En ese contexto, algunos de los
llamados de competencia, métodos de modelado son los
tienen que ver con el siguientes:
comportamiento de los usuarios ▪ GOMS (Goals Operators Methods
a través de la identificación de Selection rules)
secuencias o pasos de forma ▪ HTA (Hierarchical Task Análisis)
correcta.
▪ CTT (Concur Task Trees)
 Desarrollo
GOMS
» Es un modelo de análisis de
tareas que surgió con la
necesidad de conocer la
interacción entre el usuario y
el computador.
» Los cuatro elementos básicos
del modelo GOMS son metas,
operadores, métodos y reglas Modelo GOMS
de selección. Fuente: shorturl.at/nsBD0
 Desarrollo
GOMS
» El siguiente ejemplo
contempla tres métodos
diferentes para levar a cabo
la misma Meta.
 Desarrollo
CTT
» Este método es conocido » Representa las relaciones
como árboles de tareas temporales existentes entre las
simultáneas (CTT, por sus actividades y usuarios que son
necesarios para llevar a cabo en
silgas en inglés). las tareas.
» Es una notación.
Desarrollo
CTT
Desarrollo
CTT
 Desarrollo
CTT
» El caso planteado muestra la
forma en que el usuario
introduce información al
sistema, con el objeto de
efectuar la búsqueda del tipo
de artista, a partir de esa
acción el sistema mostrará la
información relacionada a él. Arribas (2007). Modelado de tareas correspondiente al acceso a
la información de un museo.
 Desarrollo
Modelado del diálogo
» En el proceso de construcción
de un sistema, el diseño del
dialogo es esencial para
establecer un canal de
comunicación directo entre el
usuario y el sistema, pero
sobre todo entendible desde
un primer momento.
» Es preciso adoptar métodos de
prevención, detección y
corrección de errores en el
proceso de dialogo, con el fin
de satisfacer las expectativas
del usuario respecto al
sistema.
 Desarrollo
Modelado del diálogo
» Los sistemas de diálogo
hablado o sistemas
conversacionales (SDS), son
una tecnología concebida
para facilitar la interacción
natural mediante el habla
entre una persona y una
computadora.
Castro (2017). Esquema de la arquitectura del sistema de
diálogo.
 Desarrollo
Redes de transición de estados

» Es uno de los enfoques de mayor

uso, por el hecho de permitir
modelar el flujo de la interacción
de forma estructurada.
» Los nodos (state 1…n) representan
los posibles estados del sistema,
mientras los enlaces (transition
Muñoz, y otros (2014). Diagrama de transición de estados
1…n) representan las posibles
transiciones entre los estados.
 Desarrollo
Modelado de la presentación
» Se trata de la descripción de
la interfaz de usuario en la
cual intervienen las
interfaces basadas en
widgets, es decir interfaces
WINP (Windows, Icons,
Menús y dispositivo
apuntador).
▪ Los modelos de presentación
varían su contenido y
dependen de metodologías
diferentes, su clasificación se
da a través de dos
dimensiones.
 Desarrollo
Modelado de la presentación

Muñoz, y otros (2014). Niveles de abstracción de los modelos de presentación

 Desarrollo
Modelado de la presentación

» El siguiente ejemplo de
diseño de interfaz de
usuario incluye la notación
CTT, y diferentes
componentes (botones,
cajas de texto)
Muñoz, y otros (2014). Grupo de objetos de
interacción de nivel superior.
 Desarrollo
Modelado de la presentación

» En el Sistema operativo de
Android, su diseño de
presentación debe considerar
un conjunto de reglas básicas
para el diseño de su interfaz.
» La reacción de un componente
conforme a la actividad que
Muñoz, y otros (2014). Interfaz de usuario
Android
desea realizar el usuario,
responde al evento definido
para este mismo componente.
 Cierre
ACTIVIDAD DE CONSOLIDACIÓN

» Basados en los contenidos » Elabore un documento en

presentados, exponga un Word utilizando la aplicación
ejemplo de interfaz Google Drive.
utilizando el modelado de
presentación.
 BIBLIOGRAFÍA

▪ Arrribas, B. (2007). Modelado de tareas en un entorno colaborativo.

▪ Blaylock, N., & Allen, Y. (2005). A collaborative problem-solving model of dialogue. 200-211.
▪ Castro, L., & Rodríguez, M. (2019). Interacción Humano-Computadora y Aplicaciones en México. México: Academia Mexicana de Computación.
▪ Del Valle, D., Calle, J., & Martínez, P. (2006). Enfoque metológico para incorporar conocimiento de dominio a Sistemas de diálogo intencionales.
▪ Dix, A., Finlay, J., Abowd, G., & Beale, R. (2004). Human-Computer Interaction. Pearson.
▪ Granollers, T., Lorés, J., Raimat, G., Junyent, E., & Tartera, E. (2002). Vilars. Un nuevo modelo de diálogo aplicando realidad aumentada. 276-279. Obtenido de
https://www.researchgate.net/profile/Enric_Tartera/publication/267216234_Vilars_Un_nuevo_modelo_de_dialogo_aplicando_Realidad_Aumentada/links/54e24f1
50cf2edaea092b9c0.pdf
▪ Insfran, E., Molina, P., Martí, S., & Pelechano, V. (2001). Ingeniería de requisitos aplicada al modelado conceptual de interfaz de usuario. 181-192. Obtenido de
http://pjmolina.com/papers/IDEAS2001.pdf
▪ Molina, P. (2003). Especificación de interfaz de usuario: De los requisitos a la generación automática. Madrid. Obtenido de
http://pjmolina.com/papers/TesisPjmolina.pdf
▪ Muñoz, J., Hernández, Y., Amador, V., Chavarría, A., Calderón , M., Collazos, C., . . . Céspedes, D. (2014). Temas de diseño en Interacción Humano-
Computadora. Latinoamérica.
▪ Olmedo, N., & Farrerons, V. (2017). Modelos constructivistas de aprendizaje en programas de formación. (OmniaScience, Ed.) Obtenido de
https://books.googleusercontent.com/books/content?req=AKW5QacrUgJW24igCxZWBZqMUu7P9Jk6dyKc2BdZIxvuT43GFbpZtbLLkVlyiE706UReOM674JWk3Q1RO
1s5F9w6h9I76aqVa-BUo0IDsSen2IS0beFUOPX9rpmgLIvpKCPj7Uy9dN-11Nxq3F4gwZi3mn80yuemmcQ4MmYisKKps73bK4hcWiX3d3NcZcxjV_R65OS0x
▪ Vásquez, A., Pinto, D., Vilariño, D., & Castro, M. (2017). Modelos para la generación automática de diálogos: Una revisión. 163-174. Obtenido de
https://rcs.cic.ipn.mx/2017_145/Modelos%20para%20la%20generacion%20automatica%20de%20dialogos_%20Una%20Revision.pdf