CreaciÃ³n de un sitio web como herramienta auxiliar en la ...

More documents

Recommendations

Info

Imagen 6.6 Ejemplo de un prototipo de alto acabado. 144 Imagen 6.7 Maquetas en papel para el sitio web básico. 147 Imagen 6.8 Maquetas digitales para el sitio web básico. 148 Imagen 6.9 Maquetas en papel para el sitio web multimedia. 151 Imagen 6.10 Maquetas digitales para el sitio web multimedia. 152 Imagen 7.1 Maqueta digital con ejes y bosquejo de la retícula para la página de inicio. 155 Imagen 7.2 Bosquejos de la retículas y retículas finales para la página de inicio, de secciones y de lecciones. 156 Imagen 7.3 Ejemplos de botones en estado y sobre. 158 Imagen 7.4 Ejemplo de las instrucciones visuales para un paso. 158 Imagen 7.5 Páginas modelo. 159 Imagen 7.6 Pantallas de la versión final del sitio web Básico. 161 Imagen 7.7 Ejemplo de un botón en estados arriba, sobre y abajo. 163 Imagen 7.8 Panel de capas y línea de tiempo. 164 Imagen 7.9 Ejemplo de un símbolo de gráfico utilizado. 164 Imagen 7.10 Ejemplo de a) una interpolación de movimiento y b) una interpolación de forma 165 Imagen 7.11 Pantallas de la versión final del sitio web Multimedia. 168 Imagen 8.1 Ejemplos de pruebas de usabilidad con distintos objetos y contextos. 174 Imagen 8.2 Prueba de usabilidad observada desde los distintos puntos de vista del observador 177 xii
Índice de Tablas Tabla 1.1 Tipos de Capacitación 5 Tabla 2.1. Diferencias entre el texto en papel y el texto en pantalla. 25 Tabla 2.2 Ventajas y desventajas de los distintos formatos de presentación del texto. 29 Tabla 2.3 Legibilidad de combinaciones de colores. 30 Tabla 2.4 Tamaños de letra recomendados de acuerdo al tipo de audiencia. 32 Tabla 2.5 Significado de los colores de acuerdo con el estudio de Heller. 43 Tabla 2.6 Significado de los colores de acuerdo con el estudio de Ortíz. 44 Tabla 2.7 Formatos de Imágen. 57 Tabla 2.8 Profundidades de color. 59 Tabla 2.9 Formatos de Animación. 64 Tabla 2.10. Formatos de Audio. 67 Tabla 2.11. Formatos de Video. 70 Tabla 2.12 Clasificación de materiales impresos y en línea por su uso. 77 Tabla 2.13 Clasificación de materiales impresos y en línea por su uso. 78 Tabla 3.1 Modelo de Courage para la clasificación de datos del usuario. 82 Tabla 3.2 Plantilla para la creación de escenario. 84 Tabla 3.3 Ventajas y desventajas entre los tipos de contenido. 94 Tabla 3.4 Complementos de uso más frecuente en la web. 96 Tabla 3.5 Colores Institucionales. 100 Tabla 4.1 Procesos identificados para ser descritos en el manual. 113 Tabla 4.2 Imágenes fuente e ilustraciones finales. 116 Tabla 4.3 Fotografías de la primera serie de pruebas. 119 Tabla 4.4 Fotografías de la segunda serie de pruebas. 121 Tabla 5.1 Pasos del Acercamiento Híbrido para el Análisis de Tareas. 124 Tabla 5.2 Descomposición jerárquica de tareas y funcionalidades. 125 Tabla 5.3 Criterios para la creación y organización de etiquetas. 129 Tabla 5.4 Ejemplos de topologías. 132 Tabla 5.5 Ventajas y desventajas de cada tipo de estructura. 133 Tabla 6.1 Bocetos burdos elegidos para el sitio web básico. 146 Tabla 6.2 Evaluación de las propuestas para el sitio web básico. 146 Tabla 6.3 Bocetos burdos elegidos para el sitio web multimedia. 150 Tabla 6.4 Evaluación de las propuestas para el sitio web multimedia. 151 xiii
Page 1: Universidad Tecnológica de la Mixt
Page 5 and 6: Agradecimientos A Dios, por haber p
Page 7 and 8: Índice 1. Antecedentes 1 1.1 Intro
Page 9 and 10: 4.2 Elección del medio visual adec
Page 11: Índice de Imágenes Imagen 2.1 Com
Page 15 and 16: 1. Antecedentes 1.1 Introducción E
Page 17 and 18: El reto ha sido desde entonces crea
Page 19 and 20: Tipos de Capacitación Presencial A
Page 21 and 22: olvidó por completo dos factores d
Page 23 and 24: Dado que el organizador de herramie
Page 25 and 26: 2. Investigación 2.1 Conceptos bá
Page 27 and 28: ial, aquellos relacionados con el d
Page 29 and 30: web. Todos los contenidos (texto, i
Page 31 and 32: • Son atraídos primero por color
Page 33 and 34: Imagen 2.4 Ejemplo de un sitio web
Page 35 and 36: 2.3.5 Registro Los elementos que ti
Page 37 and 38: Según Brinck 15 la legibilidad, se
Page 39 and 40: Tamaño Espaciado Los tamaños de p
Page 41 and 42: Una alternativa, frecuentemente uti
Page 43 and 44: Desventajas • Se requiere tener i
Page 45 and 46: Brinck 26 recomienda tener especial
Page 47 and 48: Las personas entran a la web para b
Page 49 and 50: Imagen 2.10 Comparación entre una
Page 51 and 52: De acuerdo con Lidwell 47 , en un t
Page 53 and 54: 2.4.1 Contraste De acuerdo con Wong
Page 55 and 56: • Sistema sustractivo CMYK (Cyan
Page 57 and 58: Estas asociaciones pueden ser utili
Page 59 and 60: • Agrupar objetos relacionados y
Page 61 and 62: a cada sección un color propio. Al
Page 63 and 64:
Uno de esos factores es que los mon
Page 65 and 66:
2.4.3.2 Ley de la figura-fondo Esta
Page 67 and 68:
Imagen 2.19 Aplicación de la Ley d
Page 69 and 70:
Esto debido, a que los contenidos w
Page 71 and 72:
Formato GIF JPEG PNG Característic
Page 73 and 74:
La resolución en monitores es much
Page 75 and 76:
Estado Arriba: Es el aspecto del bo
Page 77 and 78:
Afortunadamente hoy en día, gracia
Page 79 and 80:
Nielsen 98 no recomienda esto, debi
Page 81 and 82:
Según Graham 100 , en una página
Page 83 and 84:
velocidades de conexión, los largo
Page 85 and 86:
Según Graham 104 una buena navegac
Page 87 and 88:
que la información secundaria o co
Page 89 and 90:
Características • Es común enco
Page 91 and 92:
puede proporcionar índices de tér
Page 93 and 94:
• Los usuarios no tienen necesida
Page 95 and 96:
3. Análisis de Requerimientos 3.1
Page 97 and 98:
Dependiendo de la diversidad de usu
Page 99 and 100:
Información sobre la Compañía No
Page 101 and 102:
Carlos tiene ocho años trabajando
Page 103 and 104:
Escenario 2 Título: Consultar una
Page 105 and 106:
3.3 Definición de la plataforma ob
Page 107 and 108:
Las resoluciones de monitor más co
Page 109 and 110:
Un dato más a considerar relaciona
Page 111 and 112:
Desafortunadamente la mayoría de l
Page 113 and 114:
• Será preferible no utilizar co
Page 115 and 116:
En un análisis competitivo para si
Page 117 and 118:
• Los bloques de evaluación resu
Page 119 and 120:
• La interfaz resulta sencilla y
Page 121 and 122:
4. Diseño de contenidos 4.1 Consid
Page 123 and 124:
tir información y conocimientos es
Page 125 and 126:
Las imágenes fueron entonces el me
Page 127 and 128:
10. Causa y efecto. Estas instrucci
Page 129 and 130:
• Bocetos originales. Estos se ut
Page 131 and 132:
En lo referente al estilo de redacc
Page 133 and 134:
4.8.3 Resultados de la primera seri
Page 135 and 136:
Pareja 1 Pareja 2 Pareja 3 Tabla 4.
Page 137 and 138:
5. Diseño Conceptual 5.1 Análisis
Page 139 and 140:
Tarea Importancia Frecuencia Sub-ta
Page 141 and 142:
Omnisciencia De acuerdo con este mo
Page 143 and 144:
La función de las etiquetas es mos
Page 145 and 146:
Imagen 5.1 Diagrama Horizontal de
Page 147 and 148:
Imagen 5.2. Diagramas para una estr
Page 149 and 150:
Imagen 5.3 Boceto de la propuesta A
Page 151 and 152:
uno de ellos se encuentre en una so
Page 153 and 154:
6. Maquetas y prototipos 6.1 Creaci
Page 155 and 156:
Las maquetas en papel cuentan con c
Page 157 and 158:
6.3 Prototipos Una vez realizadas l
Page 159 and 160:
6.4 Maquetas y prototipos para el s
Page 161 and 162:
6.4.2 Maquetas en papel para el sit
Page 163 and 164:
Esta zona es completada con un bot
Page 165 and 166:
Requerimientos Prop. 1 Prop. 2 Prop
Page 167 and 168:
Inmediatamente después aparecen lo
Page 169 and 170:
7. Producción 7.1 Producción del
Page 171 and 172:
• En ocasiones agregar una imagen
Page 173 and 174:
Imagen 7.5 Páginas modelo. El orde
Page 175 and 176:
Imagen 7.6 Pantallas de la versión
Page 177 and 178:
Los símbolos son objetos que se pu
Page 179 and 180:
En Flash los objetos no solamente o
Page 181 and 182:
El siguiente paso fue en animar los
Page 183 and 184:
El cambio más importante es la sim
Page 185 and 186:
8. Evaluación 8.1 Pruebas de usabi
Page 187 and 188:
El número de usuarios a evaluar en
Page 189 and 190:
toma notas cortas. Mientras los obs
Page 191 and 192:
8.5.2 Realización Las pruebas se r
Page 193 and 194:
Usuario 2 (Grupo 2) Sitio web bási
Page 195 and 196:
Sitio web multimedia • Al termina
Page 197 and 198:
9. Conclusiones 9.1 Revisión de lo
Page 199 and 200:
dor comienza con una página web en
Page 201 and 202:
En el contexto de la web, los tecn
Page 203 and 204:
Anexo 1 Instrucciones visuales y es
Page 205 and 206:
191
Page 207 and 208:
193
Page 209 and 210:
195
Page 211 and 212:
197
Page 213 and 214:
199
Page 215 and 216:
201
Page 217 and 218:
203
Page 219 and 220:
Anexo 2 Cuestionario realizado dura
Page 221 and 222:
¿Comprendió las  instruccione
Page 223 and 224:
Anexo 3 Guión para las pruebas de
Page 225 and 226:
“Déjeme contarle un poco sobre q
Page 227 and 228:
Los términos o palabras utilizadas
Page 229 and 230:
Anexo 4 Cuestionario realizado dura
Page 231 and 232:
Sitio web básico Realizar la Tarea
Page 233 and 234:
5. Las imágenes o animaciones util
Page 235 and 236:
• NIELSEN Jakob, LORANGER Hoa, Pr
Page 237 and 238:
Créditos de las Imágenes Imagen 2
show all

CreaciÃ³n de un sitio web como herramienta auxiliar en la ...

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?