1. Diseño de Interfaces de Usuarios
Enfermera ingresa el nombre de un paciente
Diseño de Interfaces Profesor:
de Usuarios Por favor ingrese el nombre del paciente en la caja, luego
Diaz Muñante Jorge seleccione Aceptar
Ciclo 2012-1
Valdez J.
Aceptar Cancelar
Metodos de evaluacion
Mensajes de errores Introduccion
Mensaje de error orientado al sistema
Error #27
Proceso que debe estar presente en todas las fases de
? Paciente invalido
desarrollo.
– Iteración prototipado-evaluación-diseño.
Aceptar Cancelar Objetivos de la evaluación.
– Comprobar el alcance de la funcionalidad del sistema.
Mensaje de error orientado al usuario
• Debe adecuarse a los requisitos del análisis de tareas.
Paciente Valdez J, no esta registrado
. • Evaluar tanto la funcionalidad como la forma en que el usuario la
Escoja Pacientes para una lista de los pacientes registrados alcanza.
Escoja Retornar para ingresar nombre del paciente
Escoja Ayuda para mayor información – Comprobar el efecto de la interfaz.
Pacientes Ayuda Retornar Cancelar
• Facilidad de aprendizaje, usabilidad, carga de memoria, etc.
– Identificar los problemas potenciales de diseño.
• Establecer los aspectos negativos del diseño.
Introduccion ... Aspectos a considerar
Estilos de evaluación. Coste
– Estudios de laboratorio.
Personas que lo realizarán
• Ventajas:
– Evaluar la acción de un usuario aislado. Etapas del ciclo de vida
– Permite la evaluación en entornos no accesibles.
– Permite la creación de situaciones poco comunes y controladas.
• Inconvenientes:
– Ausencia de un contexto y situación antinatural.
– Estudios de campo.
• Ventajas:
– Evaluar el producto en situaciones reales.
• Inconvenientes:
– Ruido ambiental, interrupciones: dificultad del trabajo.
– Influencia del evaluador en el lugar de trabajo.
Diaz Muñante Jorge 1
2. Diseño de Interfaces de Usuarios
Métodos de evaluación Metodos de evaluacion
Inspección Métodos de inspección.
– Los evaluadores examinan la usabilidad de la interfaz.
– Recorrido cognitivo
– Los evaluadores deben ser especialistas en usabilidad.
– Evaluación heurística
Métodos de indagación.
– Inspección de estándares
– Tratan de averiguar los gustos, desagrados o necesidades
Indagación de lo usuarios.
Test – Hablar con el usuario, observarle, indagar la forma en que
interactúan con el sistema con repuestas verbales o
escritas.
Test.
– Los usuarios trabajan con el sistema y los evaluadores
analizan los resultados.
Recorrido cognitivo Recorrido cognitivo ...
El foco principal es establecer la facilidad de Los evaluadores repasan la secuencia de acciones para
aprendizaje del sistema a través de la exploración. criticar el sistema y contar una historia creíble de la
usabilidad.
Es necesario: Para cada acción los evaluadores deberán responder las
– Una descripción del prototipo del sistema. siguientes cuestiones:
– Una descripción de la tarea a realizar. – ¿Pueden los usuarios intentar producir la acción?
– Una lista completa de las acciones necesarias para – ¿Pueden advertir que la acción correcta está disponible?
completar la tarea y de las respuestas obtenidas por la – Una vez elegida, ¿pueden averiguar si es la correcta por el
interfaz. efecto que están intentando producir?
– Una indicación sobre quienes serán los usuarios y su grado – Una vez realizada la acción, ¿pueden comprender la
de experiencia. respuesta que se obtiene?
Recorrido cognitivo .. Recorrido cognitivo ...
Ejemplo: diseño de un sistema de grabación Identificar las acciones a realizar
temporizada de vídeo. A. Acción: Pulsar el botón “Timed F. Acción: Teclear los dígitos 1915.
record”
– Tarea: Respuesta: cada dígito aparece en
Respuesta: la pantalla de la televisión la pantalla.
• Programar el video en el canal 4 para grabar un cambia a modo “Grabación programada”
programa que comienza a las 18:00 y acaba a y el cursor se mueve a “Canal:” G. Acción: Teclear el botón
las 19:15 el día 22 de Junio de 2012 B. Acción: Teclear el dígito 4. “Siguiente”
Respuesta: aparece un 4 en la pantalla. Respuesta: el cursor se mueve a la
C. Acción: Pulsar el botón “Siguiente” etiqueta “Fecha”.
Respuesta: el cursor se mueve a la H. Acción: Teclear los dígitos
etiqueta “Inicio”. 22062012.
D. Acción: Teclear los dígitos 1800, Respuesta: cada dígito aparece en
Respuesta: cada dígito aparece en la la pantalla.
pantalla. I. Acción: Teclear el botón “Timed
E. Acción: Pulsar el botón “Siguiente” record”
Respuesta: el cursor se mueve a la Respuesta: la pantalla vuelve al
etiqueta “Final”. modo normal.
Diaz Muñante Jorge 2
3. Diseño de Interfaces de Usuarios
Recorrido cognitivo Metodo de inspección :
Evaluación Heuristica
• Para cada tarea, hacerse las cuatro preguntas y contar la historia de la usabilidad del
sistema. Heurística: directriz, principio o regla general que
• Para la tarea A: “Pulsar el botón ‘Timed record’.
1. ¿Pueden los usuarios intentar producir la acción? La interfaz no proporciona
pueden guiar en una decisión de diseño o criticar
ninguna indicación de que el usuario debe pulsar el botón “Timed record”, aunque una decisión ya tomada.
el icono empleado es familiar a los usuarios habituados a utilizar aparatos de
vídeo.
2. ¿Pueden los usuarios advertir que la acción correcta está disponible? El
Varios evaluadores independientes critican un
botón a pulsar es bien visible en la interfaz. sistema a partir de unas reglas (heurísticas).
3. Una vez elegida, ¿pueden averiguar si es la correcta para efecto que están
intentando producir? El botón con el icono del reloj es un buen candidato para la Es necesario que ya exista un boceto del sistema
acción de grabación programada, pero también podría interpretarse como un botón
para ajustar la fecha y hora del aparato de vídeo. Otro candidato posible podría ser (maqueta, storyboard, prototipo, …).
el botón de grabación (el botón rojo de la penúltima fila). El botón del reloj es el
correcto, pero, en algunos casos es posible que el usuario falle en este punto. Es eficiente para evaluaciones de diseños
4. Una vez elegida, ¿pueden averiguar si es la correcta por el efecto que
están intentando producir? Una vez pulsado el botón el aspecto de la pantalla de tempranos.
grabación cambia a modo de “Grabación programada”, por lo que es razonable
pensar que el usuario reconocerá esto como que ha completado la primera acción
Evaluacion Heuristica Método de inspección
Inspección de estándares
Heurísticas: Este método se realiza por medio de un experto en
– Visibilidad del estado del sistema. un estándar de la interfaz que puede ser de facto o
– Utilizar el lenguaje del usuario. de iure
– Control y libertad para el usuario.
– Consistencia y estándares.
El experto realiza una inspección minuciosa a la
– Prevención de errores.
interfaz para comprobar que cumple en todo
– El reconocimiento es mejor que el recuerdo.
momento y globalmente todos los puntos definidos
– Flexibilidad y eficiencia de uso.
en el estándar
– Diálogos estéticos y diseño minimalista.
– Ayudar a los usuarios a reconocer, diagnosticar y corregir los errores.
– Ayuda y documentación.
Métodos de evaluación Metodos de evaluación
Inspección Métodos de indagación.
Indagación – Tratan de averiguar los gustos, desagrados o necesidades
de lo usuarios.
– Observación de campo
– Hablar con el usuario, observarle, indagar la forma en que
– Grupos de discusión dirigidos (focus groups) interactúan con el sistema con repuestas verbales o
– Estudio de campo proactivo escritas.
– Entrevistas
– Cuestionarios
– Grabación del uso (logging)
– Card Sorting
Test
Diaz Muñante Jorge 3
4. Diseño de Interfaces de Usuarios
Metodos de indagación : observación del campo Metodos de indagación:
focus group
Visita al centro de trabajo donde se estén realizando las actividades a Grupos de discusión dirigidos.
estudiar y donde se encuentran los usuario representativos. Se reúne a un grupo de individuos para discutir aspectos relacionados con el
Objetivos: observar a los usuarios para entender como realizan sus sistema.
tareas y qué modelo mental tienen sobre ellas. – Un experto se encarga de dirigir la discusión.
Antes de la visita: – Es conveniente la existencia de más de un grupo.
– Elegir usuarios representativos con los que se preparará el estudio. Procedimientos.
– Localizar a los usuarios representativos.
– Elaborar una lista de preguntas a realizar y los datos a obtener.
– Seleccionar al moderador.
Durante la visita:
– Preparar una lista de temas a discutir y de objetivos a asumir.
– Realización de preguntas sobre el trabajo y el producto.
– Controlar la discusión.
– Observación de las tareas realizadas. – Asegurarse que todos participan en la discusión.
La evaluación ayudará a identificar los procesos y los flujos de – Evitar que un participante domine la discusión.
información que nos serán útiles en las fases iniciales de diseño.
– Procurar que la discusión discurra libremente, pero siguiendo el esquema
planeado.
– Escribir un resumen de las opiniones que han prevalecido y de los comentarios
críticos representativos.
Metodos de indagacion :
Metodos de indagación: entrevistas Cuestionarios
¿como salio en el examen parcial?
9 8 7
Menos flexible que la entrevista
Forma más directa y estructurada de obtener información. pero:
Debe planearse sobre un conjunto de preguntas principales. – Permite llegar a más usuarios. Es fácil solucionar los errores
– Ayuda a enfocar el propósito central. Poco 1 2 3 4 5 Mucho
– Permite el trabajo de
– Permite guardar consistencia entre las distintas entrevistas a distintos usuarios. evaluadores no expertos.
Pueden ser útiles para sacar información de alto nivel: – Sus resultados pueden ¿Qué tipo de software ha utilizado con anterioridad?
Procesadores de texto
– Preferencias de los usuarios, impresiones, actitudes. analizarse con más rigor. Hojas de cálculo
– Pueden revelar problemas no previstos por el diseñador. Tipos de preguntas: Bases de datos
Programas gráficos
Son una forma de indagación más flexible que los cuestionarios: – Generales. Entornos de desarrollo
No he utilizado software
– Pueden variar sobre la marcha en función del contexto.
– Abiertas.
– Escalares.
Valore el método que le ha resultado más útil para realizar la tarea
(1, el más útil, 0 si no ha sido utilizado)
– Opción múltiple. Selección de menú
– Ordenadas. Icono de la tarea
Método abreviado
Línea de órdenes
Métodos de evaluación - Indagación
Metodos de indagacion:
grabacion de uso (logging) Card Sorting
El logging implica tener en el computador una ampliación del El agrupamiento de tarjetas se utiliza para encontrar la estructura
sistema que recoja automáticamente estadísticas sobre el adecuada de una información
uso detallado del sistema Consiste en dar al usuario un conjunto de tarjetas y pedirle que las
Es útil porque muestra cómo los usuarios realizan su trabajo agrupe en categorías
real y porque es fácil recoger automáticamente datos de una Puede ser abierto o cerrado (se proporcionan los nombres de las
gran cantidad de usuarios que trabajan bajo diversas categorías)
circunstancias Puede ser manual o
Datos recogidos: automático
El análisis de los resultados
– Frecuencia de uso de cada característica del sistema permite encontrar las
– Frecuencia de aparición de mensajes de error agrupaciones más
adecuadas
– Frecuencia de uso de la ayuda en línea
–…
Diaz Muñante Jorge 4
5. Diseño de Interfaces de Usuarios
Métodos de evaluación
Métodos de evaluación
Test
Inspección Usuarios representativos realizan sus tareas usando
Indagación el sistema (o un prototipo) y los evaluadores
observan los resultados
Test
Tipos de métodos:
– Medida de prestaciones
– Test remoto
– Pensando en voz alta
– Interacción constructiva
– Test retrospectivo
– Método del conductor
Test: Medida de prestaciones Medidas de prestaciones ...
Comparten las siguientes características: Selección de tareas.
– El objetivo es mejorar la usabilidad del producto. – No es posible medir de forma completa el sistema en un
• Por el contrario los test de funcionalidad tienen como objetivo solo test.
garantizar que el producto funciones de acuerdo con los requisitos. – Criterios de selección:
– Los participantes representan usuarios reales. • Aquellas tareas que prueben los problemas potenciales del sistema.
– Los usuarios deben realizar tareas reales. • Utilizar la experiencia de los desarrolladores.
– Se observa y se registra (audio, vídeo, bloc de notas) lo • Aquellas tareas en las que sea difícil la recuperación de errores.
que los participantes hacen y dicen. ¿Qué se puede medir?
– Se analizan los datos, se diagnostican problemas reales y – Medidas de rendimiento (cuantitativas)
se recomiendan cambios para solucionar los problemas.
– Medidas subjetivas (cuantitativas o cualitativas).
Medida de prestaciones Medida de prestaciones
Medidas de rendimiento. Medidas subjetivas.
– Relaciones de:
– Tiempo para completar una tarea.
• Facilidad de uso del producto.
– Tiempo consumido en los menús de navegación. • Facilidad de aprendizaje del producto.
– Tiempo consumido en la ayuda en línea. • Facilidad de realización de una tarea.
• Facilidad de instalación del producto.
– Tiempo consumido en buscar información en un manual.
• Facilidad de encontrar información en el manual.
– Tiempo invertido en recuperar errores. • Facilidad de comprensión de la información.
– Número de opciones de menú erróneas. • Utilidad de los ejemplos de ayuda.
– Preferencias o razones de preferencia:
– Numero de opciones incorrectas en cuadros de diálogo. • De una versión previa.
– Número de selecciones de iconos incorrectas. • Sobre un producto de la competencia.
• De la manera en que estamos haciendo las tareas ahora.
– Numero de teclas de función mal empleadas.
– Predicciones de comportamiento.
– Numero de llamadas a la ayuda. • ¿Compraría el producto?
– Numero de pantallas de ayuda en línea. – Comentarios espontáneos:
– Observaciones de frustración. • Estoy totalmente perdido.
• Ha sido fácil.
– Observaciones de confusión. • No comprendo el mensaje.
– Observaciones de satisfacción.
Diaz Muñante Jorge 5
6. Diseño de Interfaces de Usuarios
Medidas de rendimiento
Medidas de prestaciones ...
Medir una tarea
Resultados del test.
– Una lista de problemas detectados por el test. Medir Excelente Aceptable Inaceptable
– Datos cuantitativos de tiempo, errores y otras medidas de rendimiento. Tarea1
– Datos cualitativos de valoraciones subjetivas de los cuestionarios pre-
test y post-test. tiempo por la tarea <3 min 3-5 min > 5 min
– Comentarios de los participantes de las grabaciones y de los recuperación de un error 0 <1 min > 1 min
cuestionarios. ayuda en línea 1 2-3 min > 3 min
– Notas escritas del equipo de test o sus comentarios grabados.
– Datos de los participantes, de sus perfiles o de cuestionarios posttest.
– Grabaciones de vídeo, presentando diferentes vistas del test.
Test: Otras metodos Test: Otros metodos ...
Pensando en voz alta (thinking aloud). Test retrospectivo.
– El usuario revisa las grabaciones realizadas de sus pruebas.
– El evaluador observa y graba las acciones del usuario
– Los comentarios de la grabación pueden verse ampliados y explicados.
mientras interactua, al tiempo que le pregunta sobre el uso.
– El evaluador puede preguntar al usuario sin interferir en el test inicial.
– Ventaja: simplicidad. Método del conductor.
• Puede ser realizado por evaluadores inexpertos. – En los métodos anteriores la intervención del evaluador suele ser nula.
• Puede utilizarse a lo largo de todo el proceso de desarrollo. – En el método del conductor se permite que el usuario pregunte al
evaluador.
• Permite obtener información no prevista como la terminología que el
usuario utiliza para expresar una idea o función. – Se centra en el usuario inexperto y permite descubrir las necesidades
del usuario en el entrenamiento del sistema o en el desarrollo de la
Interacción constructiva. documentación.
– Variación del anterior en la que dos usuarios trabajan
juntos para resolver las tareas.
Elección de método de selección Eleccion de un metodo de evaluacion
Factores a tener en cuenta: Factores a tener en cuenta:
– Fase del ciclo de vida en que se realiza la prueba. – Laboratorio o estudios de campo.
– Evaluación objetiva o subjetiva.
Métodos Etapas del ciclo de vida
Requisitos Diseño Codificación Test Implementación
– Métricas cuantitativas o cualitativas.
Evaluación heurística x x x x
Thinking aloud x x x x
– Tipo de información proporcionada.
Recorridos cognitivos x x x x
Medida de prestaciones x x
– Inmediatez de la respuesta.
Entrevistas x x x x
Focus Group x x
– Nivel de interferencias.
Cuestionarios x x
Observación de campo x x
Estándares x x
Grabación de uso x x
Diaz Muñante Jorge 6
7. Diseño de Interfaces de Usuarios
Elección de un método de evaluación Conclusiones
Factores a tener en cuenta: La evaluación es una parte muy importante del diseño y ha
de hacerse durante todo el ciclo de vida
– Recursos disponibles.
Su objetivo es probar la funcionalidad y usabilidad del
diseño, identificar y rectificar problemas
Puede hacerse en el laboratorio
o en el puesto de trabajo del
usuario y en general es importante
una participación activa por parte
del usuario
Diaz Muñante Jorge 7