El documento trata sobre el diseño de interfaces de usuario. Explica que el objetivo principal es facilitar a los usuarios finales el logro de sus objetivos y tareas de forma efectiva y eficiente. Describe que el diseño de interfaces estudia procesos para construir la interfaz más usable posible considerando al usuario, la tarea y el contexto. Finalmente, detalla diferentes técnicas para analizar y evaluar la usabilidad como tests de usuario, evaluaciones heurísticas y especificaciones de usabilidad.

1. LOGO
Generación de Interfases de Usuario
Mtra. Ana Elena García Pumarino
Asesor OnLine
UPAEP

2. Diseño de Interfaces
1
El principal objetivo a
la hora de construir
una aplicación
informática es facilitar
a los usuarios finales
alcanzar sus objetivos
y llevar a cabo sus
tareas con ese
sistema de forma
efectiva y eficiente.
2
El diseño de interfaces
es una disciplina que
estudia y trata de
poner en práctica
procesos orientados a
construir la interfaz
más usable posible,
dadas ciertas
condiciones de
entorno.
3
El entorno dentro del
cual se inscribe el
diseño de una interfaz
y la medida de su
usabilidad, está dado
por tres factores:
• Una persona.
• Una tarea.
• Un contexto.
El diseño de interfaces pertenece a un campo mayor del
conocimiento humano, de origen altamente interdisciplinario,
llamado Human Computer Interaction HCI

3. En este proceso se hace necesario tener en cuenta los
requisitos del sistema.
Esto nos llevará a la obtención de un sistema
robusto y completo desde el punto de vista
informático.
Es de gran utilidad incorporar nuevas técnicas
que ayuden a captar necesidades del usuario
incorporando criterios de usabilidad.
Así se logra desarrollar interfaces de usuario intuitivas
y fáciles que ayuden al usuario final a sacar provecho
de los sistemas informáticos.
Diseño Orientado al usuario

4. Objetivo
Esta forma de construir los sistemas
de diseño orientado al usuario es
hacer los sistemas más usables y
accesibles a los usuarios finales,
siendo éstos la pieza principal en
este proceso de desarrollo.

5. De acuerdo a la ISO/DIS 13407 [ISO-98]
El proceso de diseño orientado al usuario implica:
Activa
participación
del usuario así
como una clara
comprensión
del contexto de
uso y de las
tareas y
requisitos del
usuario final.
1°
Una apropiada
distribución de
funciones entre
los usuarios y la
tecnología,
especificando
qué funciones
deben ser
llevadas a cabo
por los usuarios
y cuales son de
índole
tecnológica.
2°
La iteración de
las soluciones de
diseño en las
que la
retroalimentación
del usuario es
esencial como
fuente de
información.
3°
Una
perspectiva de
diseño
multidisciplinar
que requiere
de gran
variedad de
especialidades
o disciplinas
(desarrolladore
s de software,
expertos en
usabilidad,
especialistas
en ergonomía,
etc).
4°

6. Técnicas para analizar y evaluar la
usabilidad
Test del usuario Test Heurístico
Tognazzini
(2003)
Nielsen
(1994)
¿Cómo se puede precisar la usabilidad de un sitio web?
No existe una metodología específica que garantice la buena usabilidad.
En términos usuales, ésta se basa en un conjunto de principios de alto nivel de generalidad.
Test Heurístico
Montero
(2003a)

7. Test de usuarios
Es un método que integra observación no participante y registro de los
comportamientos de los usuarios generales o prototípicos, en tareas
previamente encomendadas y complementadas con test, entrevistas,
cuestionarios y grupo de discusión.
Se sugiere realizarla con usuarios finales prototípicos organizada según
diferentes niveles de experticia.

8. Test de usuario
Test de
Usuarios
Evaluar el
diseño con
usuarios.
Número de
participantes
que son
necesarios
para detectar el
100% de los
problemas.
Nielsen
recomienda
llevar a cabo 3
pruebas con 5
participantes
por cada una.
El objetivo de
estas pruebas es
mejorar de forma
iterativa la
usabilidad de la
aplicación.

9. Evaluación Heurística
La evaluación heurística es un método de diagnóstico en
el que expertos analizan un sitio web y describen los
problemas potenciales.

10. Prueba Heurística
Estructurado sobre 10 variables
Prueba
Heurística
Funcionalidad,
sobre
explicitación de
los atributos que
rotulan la base
de datos;
Información para
el Usuario, sobre
consultas,
visualización de
resultados, o
ejecución de otras
acciones
Lenguaje y
Contenido, sobre
presentación de la
información
expresada en
diversos formatos.
Navegación,
sobre recorrido,
vinculación y
recuperación
información.
Consistencia –
Coherencia, sobre
criterios generales
de diseño
(vinculado a los
estándares de W3C
).

11. Prueba Heurística
Estructurado sobre 10 variables
Prueba
Heurística
Diseño –
Identidad,
percepción de la
totalidad y la
localización
rápida de la
información.
Control del
Usuario, sobre
diversos tipos
de registros a
los que accede
el usuario.
Prevención y
Corrección de
Errores, sobre
advertencias
referentes a
faltas y de
alternativas de
solución.
Ayuda en Línea,
sobre
mecanismos
para reconocer,
diagnosticar y
solucionar
errores.
Accesibilidad,
tanto para
usuarios con
discapacidades
físico-
sensoriales
como con
limitaciones
tecnológicas.

12. Técnicas de Usabilidad
Estas técnicas buscan alcanzar un mejor nivel de
usabilidad en el software desarrollado
 Primero: Se definen
especificaciones de usabilidad
que permitirán comparar el
nivel de usabilidad del
sistema.
 Segundo: Comienza un ciclo
diseño-evaluación-rediseño
que finaliza cuando se
alcanzan los niveles detallados
en las especificaciones de
usabilidad.

13. Estas técnicas son:
Usabilidad
Especifica
ciones
Diseño
 Especificaciones:
confeccionar una lista de
especificaciones de usabilidad
pretendiendo plasmar los
niveles de usabilidad que
interesen alcanzar.
 Diseño: analizar las acciones y
tareas del sistema a realizar,
describir el diseño del sistema y
técnicas de prototipado
asociadas a la usabilidad y
definir el nivel de participación
de los usuarios en el sistema.
 Evaluación de usabilidad:
para determinar el nivel de
usabilidad. Existen dos
maneras: los test de usabilidad
y las evaluaciones heurísticas.
Técnicas de Usabilidad

14. Referencia bibliográficas
Desarrollo y generación de interfaces de usuario a partir de técnicas de
análisis de tareas y casos de uso. Departamento de Sistemas Informáticos y
Computación Universidad Politécnica de Valencia.
[Molich&Nielsen,1990] disponibles en
http://dispersium.es/evaluacion-heuristica/
Evaluacines, disponoble en
http://blog.simplesiete.com/index.php/2011/09/26/evaluacion-de-usabilidad-en-
sitios-web/
Diseño centrado en el usuario, disponible en
http://www.nosolousabilidad.com/manual/3_2.htm

15. LOGOanaelena.garcia@upaep.mx
Actualizado: septiembre 2017