Guía interactiva para el diseño de interfaces gráficas usables para software en la facultad de informática de la universidad veracruzana

Universidad Veracruzana
Facultad de Estadística e Informática

“GUÍA INTERACTIVA PARA EL DISEÑO DE INTERFACES GRÁFICAS USABLES PARA SOFTWARE EN LA FACULTAD DE INFORMÁTICA DE LA UNIVERSIDAD VERACRUZANA”

Trabajo Práctico Técnico

Para obtener el grado de:
Licenciado en Informática

Presentan:
Diana Montes Reyes
Víctor Manuel Hernández Olivera

Director:
Mtra. Maria Dolores VargasCerdán

Xalapa Ver. Enero 2008

Índice

1 Introducción 4

2 Marco Teórico 6

2.1 Interfaces Gráficas de Usuario 6
2.1.1 Historia de la Interfaz Gráfica de Usuario. 7
2.1.2 Interacción Hombre-Máquina 10
2.2 Usabilidad 14
2.2.1 Historia de la Usabilidad 15
2.2.2 Usuarios 15
2.2.3 Atributos 16
2.3 Relación entre Usabilidad e Interfaz Gráfica de Usuario 172.4 Estándares de Usabilidad 18

3 Interfaz de Usuario 21

3.1 Importancia de la interfaz para el usuario 24
3.2 Factores que deben tenerse en cuenta al diseñar una interfaz 26
3.2.1 El usuario 26
3.2.1.1 El contexto social y las consecuencias del uso 27
3.2.2 La tarea 27
3.2.3 Tipos o estilos de interacción 28
3.2.4 El equipo y los mecanismos de lainteracción 31
3.2.4.1 Plataforma 31
3.2.4.2 Mecanismos de interacción 31

4 Usabilidad 33

4.1 Requisitos de usabilidad 33
4.2 Medidas de usabilidad 38
4.3 Motivaciones de la usabilidad 40
4.3.1 Sistemas Críticos 40
4.3.2 Usos industriales y comerciales 41
4.3.3 Aplicaciones de oficina, domésticas y de entretenimiento 41
4.3.4 Interfaces de exploración,creativas y cooperativas 42
4.3.5 Sistemas sociotécnicos 43
4.4 Usabilidad universal 45
4.4.1 Variación en capacidades físicas y lugares de trabajo 46
4.4.2 Diversidad de capacidades cognitivas y perceptivas 49
4.4.3 Diferencias de personalidad 50
4.4.4 Diversidad cultural e internacional 52
4.4.5 Usuarios con discapacidades 53
4.4.6 Personas mayores 59
4.4.7Diseño con niños y para niños 60
4.4.8 Adecuación de la diversidad de software y hardware 63
4.5 Guías, Principios, y Estándares. 65
4.5.1 Guías de estilo 65
4.5.1.1 Navegar por la interfaz 69
4.5.1.2 Organizar la visualización 70
4.5.1.3 Obtener la atención del usuario 71
4.5.2 Principios 72
4.5.2.1 Determinar el nivel de competencia de los usuarios 734.5.2.2 Identificar las tareas 74
4.5.2.3 Elegir un estilo de interacción 76
4.5.3 Estándares 78

5 Diseño 82

5.1 Teoría de diseño de comunicación visual 82
5.1.1 Percepción 82
5.1.2 Teoría Gestalt 84
5.1.3 Color 88
5.2 Gestión de procesos de desarrollo 96
5.2.1 Diseño organizativo para soportar la usabilidad 97
5.2.2 Guías De Referencia yProcesos 100
5.2.2.1 Principios relacionados con la propia interfaz 101
5.2.2.2 Principios relacionados con la idiosincrasia del usuario 104
5.2.3 Métodos de Desarrollo 106

6 Guía Interactiva para el diseño de Interfaces Gráfica Usables 108

6.1 Justificación 108
6.2 Guía 108
6.2.1 Objetivo de la guía 109
6.2.2 Herramientas similares 110
6.2.3 Contenido 1116.2.4 Preguntas 111
6.2.5 Incrementabilidad 112
6.3 Situación Actual del Software desarrollado en la Facultad de Informática de la U.V. 112
6.4 Entrevistas y cuestionarios 113

7 Métodos ligeros e Ingeniería de Software 115

7.1 Métodos ligeros. 115
7.1.1 El manifiesto de la Alianza Ágil 115
7.1.2 Proceso de desarrollo 117
7.1.3 Feature Driven Development FDD117
7.2 Ingeniería de Software 118
7.2.1 Planteamiento del Proyecto 118
7.2.2 Establecimiento de los requerimientos 118
7.2.3 Modelo de Datos 119
7.2.4 Pruebas del Sistema 120

8 Conclusiones y Trabajos Futuros 122

8.1 Conclusiones 122
8.2 Trabajos Futuros 123

Referencias 124

APENDICE 127

Apéndice 1 (Cuestionario aplicado a 100 alumnos de la carrera de...