Web1
- 1. Tipos de aplicaciones web
- 2. Clasificación aplicaciones web • Se puede hacer por varios conceptos, por ejemplo: – Tipo de contenido (deportes, música, …) – Tecnología usada (flash, html, java?) – Según el tráfico, país,… A efectos de diseño es mas interesante clasificarlas según el público al cual va dirigido (target) y que objetivo queremos conseguir
- 3. Posible clasificación > Publicitario > Informativo > Comunidad > Catalogo/tienda
- 4. Publicitario • Conseguir el máximo impacto en el público, que recuerden el mensaje. • Posiblemente lo verán una sola vez • Flash? sonido? Cuanto mas grande mejor. www.doubleyou.com
- 5. Informativo • Que sea fácil y rápido llegar a la información • Que esté actualizado • Que esté bien estructurado, navegación consistente. • Sindicación de contenidos (RSS) www.telenoticies.com
- 6. Comunidad • Usuarios con intereses similares • Que los vínculos sean claramente visibles • Que la red aporte un “valor añadido” www.flickr.com
- 7. Catálogo tienda • Interesa poder llegar a un artículo concreto • Herramienta para actualizar la información • Estructura de “árbol” (secciones/subsecciones…) • Guardar la información de navegación (CRM) • Buscador www.onemanseye.com
- 8. Mezclas • La mayoría de veces una web es la mezcla de varios de los tipos anteriores • Ejemplo: • Publicidad+catálogo www.nike.com • Catálogo+comunidad www.ebay.com
- 9. Fases de de un proyecto interactivo
- 10. Fases de de un proyecto interactivo “Grosso modo” • Diseño • Producción • Pruebas, validación, correcciones, instalación
- 11. Fases Diseño (definición) Concepto – Objetivo del proyecto Diseño de estilo – Aspecto visual que queremos darle, “look & feel” Diseño funcional – Que contenido habrá. Estructura y mapa de contenidos. Idiomas. Secciones Diseño interactivo – Como navegamos de una página a la otra? Diseño técnico – Que herramientas usaremos
- 12. Fases Producción (integración) Diseño gráfico – “Dibujar” las pantallas Producción gráfica – Crear recursos gráficos (assets), para construir las páginas Programación – Que “funcione” Contenidos – Introducirlo Pruebas, correcciones – Corregir errores
- 13. Proyecto artístico vs. convencional • En un proyecto artístico no está tan claras las fases de definición ni de producción. Se suelen hacer muchos cambios. Se pueden dividir en micro-proyectos. www.zexe.net/z • En un proyecto convencional si hacemos bien la parte de definición nos podemos ahorrar mucho trabajo. www.cunillorfebres.com
- 14. Visionado • Joan Miró, el color dels somnis (cd-rom) • Ez_dakit (cd-rom) • Monografia Ruiz de Infante www.mediatecaonline.net/ruizdeinfante/www/enter.htm • Músicas de Ásia www.mediatecaonline.net/asia/www/index_es.htm • Bubblr www.pimpampum.net/bubblr
- 15. Ejercicio
- 16. ¿Porqué usamos una web? • Pensar una web que utilizamos muy a menudo (A) y otra que nos guste mucho (B) • Justificar con 3 razones porqué es así (A) (B) 1 ¿? 1 ¿? 2 ¿? 2 ¿? 3 ¿? 3 ¿?
- 17. Organizar un proyecto en Flash • Utilizar capas para los diferentes elementos • Utilizar frames para las diferentes pantallas • Utilizar películas (swf) para las diferentes secciones • Actionscript siempre externos, en archivos de texto con la extensión “.as”
- 18. Consejos • Usar 25fps (por defecto son 12fps) • Imágenes (fotos) externas • Sonido si es “largo” también externo (mp3) • Filosofía repetir lo menos posible – Reutilizar elementos si posible – Navegación separada y común • Aprovechar todo el espacio del navegador
- 19. Descargar un Flash con Firefox • Herramientas/ Información de la página / Medios / Seleccionar de la lista y “guardar como”