Diseo de interfaces

1
Diseño de interfaces
2
Diseñador vs usuario
Distancia conceptual
3
Consideraciones de diseño

• Diversidad de usuarios
• Destreza
• expertos - consistencia
• novatos - mecanismos de ayuda, aprendizaje y
  corrección de errores
• Edad
• Flexibilidad
• Tolerancia
• Percepción y cognición declinan con la edad

4
Consideraciones de diseño

• Diversidad de usuarios
• Discapacidados
• protección legal
• Nacionalidad
• ayudas en diferentes idiomas

5
Diseñando para novatos

• Interfaz bien diseñada

6
Diseñando para expertos

• UNIX
• interacción rápida
• comandos configurables
• WIMP
• correo, news
• OpenWindow, X-Window

7
Novatos vs. expertos

• Consejo
• Interfaces efectivas deben proveer soporte tanto
  a novatos como a expertos

8
HCI y desarrollo de software

• Ciclo de vida tradicional no incluye diseño de
  interfaz como actividad explícita
• modelo en cascada
• extracción y especificación de requerimientos
• diseño (global y detallado)
• implementación
• prueba
• mantenimiento

9
HCI y desarrollo de software

• Modelo en cascada
• Apropiado ?

10
HCI y desarrollo de software

• Otros modelos
• En espiral
• Basado en la prototipación
• Evolutivo
• Especificación de requerimientos

11
Proceso de diseño centrado en las tareas

• Determinar quién va a utilizar el sistema y para
  qué
• requerimientos y usuarios reales
• ej. Sistema de enseñanza-aprendizaje hipotético
• contactar usuarios
• anticipar requerimientos (cuidadosamente)
• Diseño participativo (CON/PARA)

12
Proceso de diseño centrado en las tareas

• Definir lista representativa de tareas
• Análisis de tareas
• descripción de tareas a ser ejecutadas por el
  usuario de un nuevo dispositivo
• descripción de condiciones bajo las cuales las
  tareas ocurren

13
Ejemplo - análisis de tareas
14
Proceso de diseño centrado en las tareas

• Inspirarse en buenos estilos de interfaz
  familiares al usuario (consistencia vs nuevos
  paradigmas de interacción)
• reutilizar patrones y frameworks
• innovar sólo si es imprescindible y en aspectos
  esenciales

15
Proceso de diseño centrado en las tareas

• Esbozar diseño
• funcionalidad a soportar
• estilo de visualización de la info
• Reflexionar
• Descubrir debilidades y fortalezas de la interfaz
• GOMS analysis

16
Proceso de diseño centrado en las tareas

• Construir un prototipo que pueda ser mostrado al
  usuario
• UIMS
• Probar el prototipo con el usuario
• Iterar
• Diseñar e implementar la interfaz
• Mantener la interfaz

17
Reglas de diseño

• Desde 80s - recomendaciones
• estilos, patrones de interfaz
• ej. No más de 10 elementos en un menú
• cantidad enorme de reglas
• Microsoft's Windows guidelines
• Principios de diseño (genéricos)
• Estándares

18
Evaluación de interfaces
19
Porqué evaluar? Diseñador

• Juzgar adecuación de diseño
• Mostrar al usuario que la interfaz satisface sus
  requerimientos
• Tomar decisiones de diseño

20
Porqué evaluar? Cliente

• Toma de decisiones respecto al producto por el
  que se está pagando
• Marcas de avance en el proceso de desarrollo

21
Porqué evaluar? Usuario

• Oportunidad para manifestar opiniones y
  preferencia
• Integrar al proceso de desarrollo

22
Qué nos brinda la evaluación?Usuarios y tareas

• El sistema soporta las tareas del usuario de la
  forma prevista?
• El estilo de diálogo es adecuado para el perfil
  del usuario?
• Errores y frecuencia ?
• Dificultad de aprendizaje ?

23
Qué nos brinda la evaluación?Dispositivos de
entrada y salida

• El usuario puede operar el hardware
  eficientemente?

24
Cómo evaluar?

• Escenarios
• Prueba de tareas representativas
• Experimentos de laboratorio
• resultados empíricos
• Evaluación cooperativa
• Diseñador usuario
• Feedaback
• Evaluación por observación