Usabilidad gil

Interfaces de Usuario Usables

Mtodos giles: el desarrollo estar centrado en
el concepto de grupo de usuarios.
Modelos de diseo: modelo de contexto, modelo de
rol y de colaboracin.
Identificacin de nuevos patrones: la experiencia
del usuario se centra en los patrones de interaccin.
Integracin de metforas visuales y grficas
definidas en el modelo de proceso.

Interfaces de Usuario Usables

Usabilidad: medida de utilidad, facilidad de uso,
facilidad de aprendizaje y apreciacin para una
tarea o un usuario
Por ejemplo, cmo una interfaz puede adaptarse al
crecimiento en eficiencia y conocimientos de un
usuario.

Interfaces de Usuario Usables

El entorno dentro del cual se inscribe el diseo
de una interfaz y la medida de su usabilidad,
est dado por tres factores:
Una persona.
Una tarea.
Un contexto.

Interfaces de Usuario Usables

Multidisciplinario:
Factores Humanos y Ergonoma
Diseo Grfico
Interaccin y Ciencias Cognitivas
Ciencias de la Computacin

Evaluacin de Usabilidad

Prueba
Prototipo
Inspeccin

Indagacin

Ciclo de Vida
Proceso
de
desarrollo de
aplicaciones
interactivas
(Mplu+a)

Mtodo
de
desarrollo
gil.

Persona
Tarea
Contexto

IHC con
Ing.
Software

Desarrollo
de proceso
p/sistemas
interactivos

Diseo
centrado en
el usuario

Ingeniera
de
usabilidad
Considerar
usabilidad
el proceso
desarrollo
principio

la
en
de
al

Mplu+a: Modelo de Proceso de Ingeniera

de la usabilidad y accesibilidad

Se fundamenta en la disciplina de
la
Interaccin
HumanoComputadora (IHC) y tambin en
la Ingeniera del Software y de la
Usabilidad, proporciona la manera
de
proceder
organizada
y
formalizada
para
conseguir
usabilidad y accesibilidad en el
diseo de interfaces de usuario
durante el desarrollo de un
sistema interactivo.

Ingeniera de Software
Prototipos
Evaluacin

Mtodo AgilUs
Prototipo
Desarrollo gil
Usabilidad-calidad

Integra IHC-IS
Usabilidad-inicio
Usabilidad-utilidad

AgilUs

Requisitos
Anlisis
Prototipo
Entrega

D
No incluir al usuario
Cliente vs Usuario

Mtodo AgilUs

Usabilidad gil
Se enfoca en la gente y los resultados
Enfatiza la comunicacin cara a cara
Ciclo de vida: requerimientos, anlisis, prototipo
y entrega.
Incluye actividades para la construccin de la
usabilidad.
Se realiza en ciclos iterativos hasta conseguir
alcanzar el producto final.

Mtodo AgilUs
Incluye la usabilidad a
fin de aplicar un
enfoque de diseo
centrado en el usuario.

Incluye la usabilidad
como mecanismo para
la mejora de IU y
asegura la calidad.

Mtodo AgilUs: etapas

Mtodo AgilUs: etapas

Identifica las necesidades de los usuarios

Determina el perfil de los usuarios
Determina los requerimientos funcionales
y no funcionales

Mtodo AgilUs: etapas

Modelado de la aplicacin en trminos de

funcionalidades (casos de uso)
Modelado de la aplicacin en trminos de
objetos y relaciones
Modelado de la interfaz de usuario
(patrones de interaccin y objetos e
interfaz)

Mtodo AgilUs: etapas

Maquetas, prototipo de
alta fidelidad a partir de
patrones.
Refinacin

Mtodo AgilUs: etapas

Liberacin del software, la puesta en

produccin.

El Mtodo AgilUs

Prototipos en papel
Gua de estilo
Modelo Casos de uso
Modelo objetos del dominio
Objetos de interfaz
Patrones de interaccin

Brainstorming
Encuestas
Evaluacin de sistemas
Perfiles de usuario
Requerimientos funcionales
y no funcionales

Protocolo de preguntas
Pruebas de aceptacin
Aplicacin final

Requisitos

Anlisis

Entrega

Prototipo
Prototipo rpido
Evaluacin Heurstica
Cheklist
Pensamiento en voz alta
Prototipo ejecutable

Caso de Estudio: Generador de

Peridicos Comunales (GePeCo)
Etapa 1
Requisitos

Brainstorming
Anlisis de aplicaciones existentes
Anlisis de encuestas
Perfiles de usuario
Lista de requerimientos funcionales y no funcionales

Etapa 2 Anlisis
Casos de Uso

Etapa 2 Anlisis
Objetos del Dominio

Etapa 2 Anlisis
Prototipo en papel

Etapa 2 Anlisis
Patrones de Interaccin
Nombre

Generador de Peridicos Comunales

Problema

El usuario desea generar un peridico impreso para su comunidad, de forma sencilla y

rpida sin tener conocimientos ni en diseo de publicaciones ni en el rea de
informtica.

Solucin

Desarrollar una aplicacin que permita que algn miembro de una comunidad pueda
generar un peridico comunitario.

Contexto

Usuarios con acceso al Software Generador de Peridicos Comunales.

Usabilidad

Fcil de aprender, tolerante a errores y satisfaccin del usuario.

Fuerzas

El usuario no necesita tener conocimientos en diseo grfico ni diagramacin de

publicaciones; ni necesita tener conocimientos informticos avanzados pero s en el
manejo de aplicaciones de ofimtica.

Patrones
relacionados

Crear nuevo peridico, abrir peridico, guardar avance, ingresar informacin, vista
preliminar, imprimir peridico, seleccionar tipo, seleccionar formato, seleccionar
plantilla, editar texto, editar imagen.

Etapa 3 Prototipo
Gua de estilo
La aplicacin cuenta con 3 colores primarios

Especificacin de los Botones

Etapa 3 Prototipo
Evaluacin Heurstica
Problema

Valoracin

Solucin

La metfora de abrir tiene asociado un color

parecido a una opcin deshabilitada.

Colocarle colores apropiados a la metfora.

No previene errores al cerrar el programa,

tal como guardar documento o guardar un
peridico antes de cambiar otro.

Incluir mensajes de alerta para el usuario en

casos donde sea necesario.

No muestra feedback al usuario cuando se

est realizando alguna accin.

Implementar mensajes que le indiquen al

usuario que su accin est en proceso.

No se puede cambiar la alineacin del texto.

Agregar las opciones correspondientes.

En los tipos de ayuda cuando se crea un

peridico se pueden modificar.

Bloquear los campos de los tips de ayuda.

La opcin salir no funciona.

Deben realizar la opcin salir.

Etapa 4 Entrega
Pruebas de aceptacin

Conclusiones
El proyecto est dentro de los mtodos giles:
Reduce la cantidad de actividades y artefactos
Propicia la participacin del usuario
Su carcter iterativo e incremental facilita adaptacin
a los cambios.

La gua de estilo facilita el diseo nico

La evaluacin heurstica permite mejorar el uso
de colores, mensajes, metforas, etc.