Ingeniería de la Interfaz Gráfica
de Usuario ( GUI )
Objetivos
Conocer el proceso de diseño de interfaces graficas de
usuario.
Apreciar la importancia de realizar un diseño centrado
en el usuario.
Presentar notaciones y métodos para el análisis de la
interfaz de usuario.
Contenido
Introducción
El diseño centrado en el usuario
Prototipos
Interfaz de Software
Interfaz de Software
Interfaz de Software
[Link]
BasicAjax/[Link]
Interfaz de Software
Interfaz de Software
Interfaz de Software
Interfaz de Software
Interfaz de Software
Diseño centrado en el usuario
El proceso de diseño debe estar centrado en el
usuario para recoger sus necesidades y mejorar su
utilización
El objetivo del sistema interactivo es permitir al
usuario conseguir un objetivo concreto en un
dominio de aplicación
El diseño debe responder a las siguientes cuestiones:
Cómo debe ser desarrollado el sistema interactivo para
asegurar la usabilidad
Cómo puede la usabilidad de un sistema interactivo ser
evaluada o medida
Prototipos
Son documentos, diseños o sistemas que simulan o
tienen implementadas partes del sistema final
Son herramientas muy útiles para hacer participar al
usuario en el diseño y poder evaluarlo ya en las
primeras fases del desarrollo
Escenarios
Storyboard
Escenarios
Storyboard
Escenarios
Prototipo de papel – ejemplo
Escenarios
Prototipo de papel – ejemplo
Características humanas
Ergonomía
Características antropométricas y fisiológicas,
relación con los ambientes de trabajo
• Disposición de pantallas y controles, limitaciones
sensoriales y cognitivas, efectos de la tecnología,
fatiga y salud, amoblamiento e iluminación, diseño de
ambientes, diseño para usuarios con disminuciones
físicas.
Ciclo interactivo
Objetivos
Intención Evaluación
Especificación
Interpretación
de la acción
Actividad Mental
Ejecución Percepción
Actividad Física
Discapacidades - Deficiencia visual
Ceguera
tableta de Braille actualizable
Accesibilidad en la Web
El poder de la Web está en su universalidad.
El acceso para todos, sin tener en cuenta las
discapacidades, es un aspecto fundamental
Tim Berners-Lee, Director del W3C
Introducción a la WAI
(Web Accessibility Initiative)
Accesibilidad en la Web
Guías de diseño accesible
Web Content Accessibility Guidelines (WCAG)
Principios de diseño para crear contenido web accesible
Authoring Tool Accessibility Guidelines (ATAG)
Principios de diseño para crear herramientas de autor que
disminuyan las barreras a la accesibilidad web
User Agent Accessibility Guidelines (UAAG)
Principios de diseño para crear agentes de usuario que
disminuyan las barreras a la accesibilidad web
Agente de usuario: cualquier software que recupera y muestra
contenido web a usuarios (navegadores, reproductores
multimedia, plug-ins y otros programas -incluyendo tecnologías
asistivas- que ayudan a recuperar y mostrar contenido web)
Accesibilidad en la Web
Guías de diseño accesible
Web Content Accessibility Guidelines 1.0
[Link]/TR/WCAG10
Contenido:
Aspectos generales de diseño accesible
Principios de diseño accesible
• Explicación del principio
• Aplicaciones concretas (checkpoints)
• Técnicas de implementación y ejemplos
• Prioridad
Accesibilidad en la Web
Tests de accesibilidad
Tipos de herramientas disponibles:
Herramientas de evaluación
Analizan páginas o sitios y generan un informe o clasificación
Ejemplos: Bobby ([Link]/bobby), TAW ([Link]),
Web Accessibility Toolbar (
[Link]/ais/web/resources/toolbar/)
Herramientas de reparación
Ayudan al diseñador a mejorar la accesibilidad
Filtros y transformadores
Ayudan a los usuarios modificando páginas para hacerlas más
accesibles
Ejemplo
Por favor, introduzca el nombre del
paciente en el cuadro y presione la tecla
Aceptar.
Nombre del paciente
Bates, J
Aceptar Cancelar
Una enfermera debe ingresar el nombre
del paciente en la pantalla
Mensaje de error orientado
al Sistema
Error # 27
? Entrada inválida
de la
identificación del
paciente.
Aceptar Cancelar
Mensaje orientado al
usuario
El paciente J. Bates no está registrado
Haga clic en Pacientes para una lista de pacientes
registrados.
Haga clic en Reintentar para introducir nuevamente
un nombre de paciente.
Haga clic en Ayuda para más información.
Pacientes Ayuda Reintentar Cancelar
Diseño del sistema de ayuda
Entrada en el nivel
superior
Entrada
desde la
aplicación
Entrada desde el
sistema de mensajes
de error
Conclusiones
Lograr alcanzar a la mayor cantidad de usuarios
posible es una aspiración de muchos sistemas
interactivos. Para lograrlo es necesario acomodarla a
la mayoría de las diferencias individuales posibles
Muchas de las adaptaciones requeridas para hacer las
interfaces más universalmente accesibles pueden ser
aprovechadas por personas sin esas discapacidades
que se encuentran trabajando en condiciones
inusuales tales como baja visibilidad, escribiendo con
una mano, etc.
Conclusiones
El diseño de la interfaz es parte fundamental del proceso de
desarrollo del software y debe ser considerado desde el principio
El usuario debe tomar parte en el diseño y no ser mero
espectador
Existen metodologías y notaciones para el diseño que deben ser
utilizadas
La evaluación del diseño tiene una gran importancia.
[Link]
[Link]
