Download - Clase3 Procesoweb

Transcript
Page 1: Clase3 Procesoweb

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

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

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

1.Briefing

Tuesday 24 March 2009

Page 5: Clase3 Procesoweb

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

- 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

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

2.Cotización

Tuesday 24 March 2009

Page 9: Clase3 Procesoweb

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

que pasa si no le gusta el

presupuesto?:(

Negociación

Tuesday 24 March 2009

Page 11: Clase3 Procesoweb

finalmente llegamos a un acuerdo y aprueba el

presupuesto?:)

comenzamos!!!

Tuesday 24 March 2009

Page 12: Clase3 Procesoweb

3.levantamiento de antecedentes

Tuesday 24 March 2009

Page 13: Clase3 Procesoweb

- 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

4.arquitectura de información

Tuesday 24 March 2009

Page 15: Clase3 Procesoweb

- 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

5.diseño de interfaz

Tuesday 24 March 2009

Page 17: Clase3 Procesoweb

- 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

6.implementación

Tuesday 24 March 2009

Page 19: Clase3 Procesoweb

- Desarrollo del frontend: maquetas css+xhtml

- Desarollo Backend: codigo inicial

- Testeo de usabilidad, evaluaciones y correcciones.

Tuesday 24 March 2009

Page 20: Clase3 Procesoweb

7.integración

Tuesday 24 March 2009

Page 21: Clase3 Procesoweb

- 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

8.inserción de contenidos

Tuesday 24 March 2009

Page 23: Clase3 Procesoweb

- 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

Tuesday 24 March 2009

Page 25: Clase3 Procesoweb

9.Etapa final

Tuesday 24 March 2009

Page 26: Clase3 Procesoweb

- 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