Clase3 Procesoweb
-
Upload
zara-hormazabal -
Category
Design
-
view
577 -
download
0
Transcript of Clase3 Procesoweb
![Page 1: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/1.jpg)
Proyectos webGestión, procesos y metologías
Tecnologías webLab. Diseño Gráfico 2009Zara Hormazábal D.
Tuesday 24 March 2009
![Page 2: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/2.jpg)
Planificando un proyecto web.
Todo proyecto comienza por una solicitud, ya sea de servicio o productohay que estimar tiempos, costos y coordinaciónHAY QUE PLANIFICAR !!!
Tuesday 24 March 2009
![Page 3: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/3.jpg)
Etapas de un proyecto web
•lev. antecedentes
•arquitectura de la info.
•diseño de interfaz
•implementación
•integración
•inserción de contenidos
briefingcotización
lanzamientopromoción
Tuesday 24 March 2009
![Page 4: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/4.jpg)
1.Briefing
Tuesday 24 March 2009
![Page 5: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/5.jpg)
La primera etapa, que podrá ser antecedida por una reunión con el cliente para captar el pedido y los requerimientos.
identificamos los objetivos comunicacionales y/o funcionales, expectativas del cliente con el sitio
necesidades y requerimientos,
Tuesday 24 March 2009
![Page 6: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/6.jpg)
- si es un web totalmente nuevo o se requiere rediseño o actualización de tecnologías.
- si ya hay fechas comprometidas de lanzamiento
- que tipo de web es: corporativa simple, blog, portal web, vitrina de productos y/o catalogo de ventas
- si necesita en varios idiomas
- si necesita asesoria en busqueda de dominio y hosting.
- si tienes sitios de referencia, en funcionalidades y/o estilos
- quien es el publico objetivo, quien visita el sitio, que hace este usuario en el sitio o que deberia hacer.
- ¿Dispone de algún presupuesto aproximado ya establecido para el proyecto? ¿Puede el proyecto dividirse en fases que adapten las restricciones presupuestarias y de plazo?
- que rescataría de su sitio actual (si es que tiene) y que no rescataría
- ¿Cuál es la audiencia del sitio? ¿Es para el mercado nacional, internacional, o ambos?
- si ya tiene el contenido o necesita asesoría en eso, cuanto contenido tendrá el sitio
Tuesday 24 March 2009
![Page 7: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/7.jpg)
Con esta info sabremos:
- el tamaño del proyecto, complejidad de este
- si necesitamos el apoyo de un programador o diseñadores, u otro profesional
- que proponerle, valor al proyecto
Tuesday 24 March 2009
![Page 8: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/8.jpg)
2.Cotización
Tuesday 24 March 2009
![Page 9: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/9.jpg)
La estructura de dicho documento es la siguiente:
Portada.Descripción general del proyecto. AntecedentesPropuestaActividades a desarrollarMaterial a entregar.Plan de tiempoPresupuesto Detallado. Costos.Condiciones de Pago.Info de contacto.
Tuesday 24 March 2009
![Page 10: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/10.jpg)
que pasa si no le gusta el
presupuesto?:(
Negociación
Tuesday 24 March 2009
![Page 11: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/11.jpg)
finalmente llegamos a un acuerdo y aprueba el
presupuesto?:)
comenzamos!!!
Tuesday 24 March 2009
![Page 12: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/12.jpg)
3.levantamiento de antecedentes
Tuesday 24 March 2009
![Page 13: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/13.jpg)
- analisis de usuario, comportamiento
- analisis del mercado, competencia y referencias
- estrategia de diseño de comunicación
Tuesday 24 March 2009
![Page 14: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/14.jpg)
4.arquitectura de información
Tuesday 24 March 2009
![Page 15: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/15.jpg)
- definir la estructura del contenido en el sitio
- las formas en que el usuario va a encontrar y usar esa información, diseño de interacción (IxD)
- diseñar esquemas de cada página (wireframe)
Tuesday 24 March 2009
![Page 16: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/16.jpg)
5.diseño de interfaz
Tuesday 24 March 2009
![Page 17: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/17.jpg)
- Diseño visual y definición de estilo y cromática
- Diseño de contenidos, iconografía
- Creación de manuales de estilos
Tuesday 24 March 2009
![Page 18: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/18.jpg)
6.implementación
Tuesday 24 March 2009
![Page 19: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/19.jpg)
- Desarrollo del frontend: maquetas css+xhtml
- Desarollo Backend: codigo inicial
- Testeo de usabilidad, evaluaciones y correcciones.
Tuesday 24 March 2009
![Page 20: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/20.jpg)
7.integración
Tuesday 24 March 2009
![Page 21: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/21.jpg)
- en servidor de prueba
- integrar maquetas al desarrollo del codigo final
- crear componentes y funcionalidades del sitio o sistema
- pruebas del sistema
Tuesday 24 March 2009
![Page 22: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/22.jpg)
8.inserción de contenidos
Tuesday 24 March 2009
![Page 23: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/23.jpg)
- textos, imagenes, diagramas, tablas.
- chequeo de estilos en todos los contenidos
- manual de uso administrador de contenidos
Tuesday 24 March 2009
![Page 24: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/24.jpg)
Tuesday 24 March 2009
![Page 25: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/25.jpg)
9.Etapa final
Tuesday 24 March 2009
![Page 26: Clase3 Procesoweb](https://reader031.fdocument.pub/reader031/viewer/2022021503/589d55ca1a28abef688b4e51/html5/thumbnails/26.jpg)
- capacitación sistema- traslado a servidor final - agregar Google Analytics - testeo finales, ultimas correcciones- lanzamiento sitio- estrategías de promoción digital
Tuesday 24 March 2009