Cómo hacer una web. El desarrollo de proyectos y sus fases.

La última sesión de nuestro mixtura Lab ha sido especialmente interesante. Gracias a la asistencia de auténticos especialistas en la materia, hemos conseguido elaborar un diagrama muy completo en el que se explica cómo hacer una web.

Quiero agradecer en especial la colaboración recibida por parte de Nayra Quesada, Fer Torres y Carlos.

La duración de cada una de las fases de proyecto que mencionamos en este diagrama son orientativas y variarán según el proyecto. Además asociamos cada una de las fases con un puesto de trabajo, aunque somos conscientes que en muchas ocasiones una misma persona será la encargada de realizar varias de las fases.

Para evitar malentendidos y frustraciones innecesarias es conveniente que siempre se apliquen estas fases que describen cómo hacer una web y que no se pase de fase hasta no haber terminado la anterior (excepto cuando se trate de fases que puedan realizarse simultáneamente).

Briefing

Esta fase será ejecutada por el ejecutivo de cuentas. Es la segunda fase más importante del proyecto (después del análisis).

Se trata de una reunión entre el estudio y el cliente en el que ambas partes se conocen (si se trata de un primer trabajo). El objetivo primordial de esta fase es conocer la actividad del cliente y cuáles son sus necesidades. Para ello, es muy útil acudir a la reunión con un formulario prediseñado con las preguntas clave que nunca se deben olvidar en esta fase del proyecto.

También resulta de gran ayuda averiguar el presupuesto con el que cuenta el cliente para ejecutar el proyecto. Muchas veces el cliente pide y pide. Uno prepara un proyecto gigantesco, según lo solicitado por el cliente, y al presentar el presupuesto el cliente se asombra pues no tiene capacidad para desembolsar ni una cuarta parte de la cantidad presentada.

Análisis

La madre del cordero. Es imprescindible dedicar el tiempo que haga falta a esta fase. ¿Se imaginan que un ingeniero de caminos no realice sus cálculos a conciencia antes de definir el trazado de una carretera? No se puede dejar espacio a la improvisación. La mayoría de las veces conlleva muchos problemas consigo. Esta fase la realizarán el director técnico y el director de arte del proyecto.

Se empieza por documentarse sobre las posibles soluciones a aplicar, tanto a nivel técnico como gráfico. En en caso de tratarse de una web estática se realiza un esquema de secciones. Si se trata de una web dinámica se realiza un modelo de dominio, para conocer los roles de cada uno de los personajes que van a hacer uso de la aplicación y así diseñar una solución idónea. Luego se prepara un diagrama de casos de uso y por último se genera un prototipo de la interfaz gráfica.

Para proyectos de creación de páginas web de grandes dimensiones se puede llegar a cobrar por la ejecución del análisis.

Presupuesto

Con la información recabada en las fases anteriores ya estamos en condiciones para elaborar un cronograma y una estimación de horas para cada una de las fases que se van a dar en la creación de la página web. Esta fase también será realizada por el director técnico y el director de arte del proyecto.

Es necesario redactar un contrato en el que el estudio de comprometa a entregar el proyecto en una fecha determinada y el cliente se comprometa a colaborar en la ejecución de la web y realizar los pagos en las fechas acordadas. Es más que acosejable cobrar un 50% del total de la cantidad presupuestada antes de seguir adelante.

Elaboración de contenidos

En el contrato se debe haber acordado quién va a estar encargado de generar los contenidos para la web. Si el cliente no tiene tiempo para ello, un documentalista se puede encargar de redactar los textos. Las traducciones deben ser realizadas por un traductor profesional.

En esta fase también se genera o recopila el resto del material necesario: fotografías, vídeos, animaciones…

¡Mucho ojo si esta fase se deja en manos del cliente! En muchísimas ocasiones los proyectos web se dilatan debido a que el cliente no entrega los contenidos en la fecha acordada. Esto genera importantes desajustes en la organización del estudio.

Diseño gráfico

Al tiempo que se generan los contenidos el diseñador web puede empezar a trabajar en el diseño gráfico. ¡ojo! No vale un diseñador gráfico de impresión. La web tiene muchas características únicas que nada tienen que ver con el mundo editorial.

Primero se genera uno o más bocetos en el que se definen las posibles líneas gráficas a seguir. Solo se trabajan una o dos secciones. Cuando se ha elegido una línea a seguir se diseña cada una de las plantillas necesarias para la creación de la página web. El ejecutivo de cuentas se encargará de ir presentando al cliente el diseño en formato pdf vía email.

El diseñador realiza el diseño tanto del Front End como del Back End.

Una vez se ha aprobado el diseño por escrito, el maquetador lo convierte en plantillas XHTML no interactivas.

Implementación técnica

En paralelo al diseño gráfico y a la elaboración de los contenidos, el programador implementa la solución definida en la fase de análisis. En esta fase lo que se generan son las tripas de la página web.

Al igual que antes esta labor se realiza tanto en el Front End como en el Back End.

Integración

Terminadas las dos fases anteriores el programador puede pasar a integrar lo implementado a nivel técnico con las maquetas creadas con el diseño gráfico.

Inserción de contenidos

Ahora que todo funciona es el momento para insertar los contenidos en la página. Tanto en el idioma principal como en los secundarios. Esta fase debe correr a cargo de un editor.

Pruebas y correcciones

Aunque a lo largo de todas las fases de la creación de la página web se van realizando continuas pruebas y correcciones, llega un momento en el que se publica una versión alfa. En este momento, el director técnico y el director de arte revisan la web de arriba a abajo probando todas las combinaciones posibles para acceder a los contenidos y realizar tareas.

Una vez ha pasado este filtro previo y se han realizado todas las correcciones oportunas se le muestra al cliente para que pruebe él la versión beta. Se le da un plazo limitado de tiempo y se le solicita que entregue un informe con las correcciones que estime necesarias al final del plazo (y no a medida que vaya encontrando los fallos). Es importante que se trate de fallos y no de nuevas incorporaciones al proyecto. Eso se podrá haber dejado cerrado en el contrato.

Formación

Justo antes de presentarle al cliente la versión alfa, se le forma para hacer uso de la aplicación (en caso de que tenga algún tipo de gestor de contenidos o similar).

Unas veces puede valer con una simple reunión. En otras ocasiones es necesario redactar un manual de uso.

Publicación de la web

Y por fin, cuando todas las fases anteriores han terminado, el programador publica la web en el servidor definitivo.

Espero que esta descripción de cómo hacer una web, el desarrollo del proyecto y sus fases sea de utilidad. Poco a poco iremos publicando artículos que hablen con más detenimiento sobre cada una de estas fases. Además, facilitaremos plantillas y recursos de utilidad para la ejecución de un proyecto web.