Antes de pararnos a ver cu\u00e1l es el papel concreto del cliente en las distintas fases de desarrollo de una p\u00e1gina web, creemos que es \u00fatil clarificar c\u00f3mo es la organizaci\u00f3n general de un proyecto web, que suele venir definida por la propuesta comercial de la agencia.<\/p>\n
Metodolog\u00eda tradicional frente a m\u00e9todos \u00e1giles<\/h3>\n
Seg\u00fan la metodolog\u00eda empleada por la agencia web, el papel del cliente puede ser muy diferente. Aunque cada agencia web tiene su propia organizaci\u00f3n, existen dos grandes familias de metodolog\u00edas de desarrollo de proyectos web.<\/p>\n
Metodolog\u00eda tradicional<\/h4>\n
En este m\u00e9todo de trabajo, que siguen utilizando la mayor\u00eda de las agencias web, todas las necesidades del cliente quedan recogidas en un pliego de condiciones<\/a><\/strong> muy completo antes de desarrollar el sitio web, que suele incluir especificaciones funcionales<\/a><\/strong> y t\u00e9cnicas<\/a><\/strong>. A continuaci\u00f3n, el equipo t\u00e9cnico prepara el pliego de condiciones y desarrolla el sitio web sin interacciones con el cliente hasta la entrega final y la fase de pruebas funcionales.<\/p>\n En los m\u00e9todos \u00e1giles (a menudpo identificados con el t\u00e9rmino en ingl\u00e9s agile<\/em>) como Scrum<\/a><\/strong>, el desarrollo del sitio web se organiza en ciclos cortos o esprints. Las necesidades funcionales se van concretando tras cada esprint y las entregas intermedias permiten reorientar el proyecto si es necesario. Los m\u00e9todos agile se utilizan sobre todo en proyectos complejos, Sin embargo, son cada vez m\u00e1s m\u00e1s las startups que se decantan por esta opci\u00f3n. Se est\u00e1 evidenciando que este tambi\u00e9n puede ser un buen m\u00e9todo para proyectos peque\u00f1os que necesitan evolucionar con regularidad para ir amold\u00e1ndose a las necesidades de su p\u00fablico objetivo.<\/p>\n \u00daltimamente hay bastantes agencias web que combinan estos dos m\u00e9todos de trabajo. Se redacta un pliego de condiciones inicial bastante gen\u00e9rico y las necesidades funcionales se afinan poco a poco seg\u00fan se va desarrollando la web. Sin embargo, tampoco se est\u00e1n entregando modificaciones continuamente y se trata de que el proyecto no tenga demasiados virajes. En este art\u00edculo, vamos a suponer que se trata de un proyecto realizado con una metodolog\u00eda tradicional.<\/p>\n Antes de comenzar el desarrollo de una p\u00e1gina web, es importante validar ciertos aspectos con tu agencia web. Estos puntos pueden venir detallados en la propuesta de la agencia o se pueden acordar en conversaciones al comenzar el proyecto. En cualquier caso, no olvides guardar un documento escrito con las obligaciones a las que se compromete el proveedor: plazos y aspectos concretos de los que se va a ocupar.<\/p>\n La mayor\u00eda de las agencias incluyen un calendario de ejecuci\u00f3n en su propuesta comercial. En muchos casos, el pliego de condiciones se precisa tras confirmar el encargo. Ser\u00e1 importante pedir una actualizaci\u00f3n del planning general cuando se concreten las funcionalidades concretas que tendr\u00e1 el sitio web.<\/p>\n Hay que decir que los retrasos, a veces considerables, son frecuentes en el \u00e1mbito del desarrollo web. Es posible acordar una penalizaci\u00f3n econ\u00f3mica si no se respetan los plazos. Por ejemplo, se pueden prever dos semanas para imprevistos tras la fecha de entrega y, a partir de ah\u00ed, imponer una sanci\u00f3n del 5\u00a0% por cada semana de retraso.<\/p>\n Es muy recomendable fijar desde el principio reuniones de seguimiento con regularidad mientras dure el desarrollo del sitio web. En general, las interacciones son la agencia web suelen ser muy numerosas en un primer momento (validar maquetas, precisar funcionalidades, etc.), pero despu\u00e9s suelen trabajar con bastante discreci\u00f3n hasta la entrega del proyecto.<\/p>\n Fijar reuniones de puesta al d\u00eda durante el desarrollo del proyecto te permitir\u00e1 controlar el avance de la web y anticipar posibles problemas. Pero, sobre todo, ser\u00e1 una circunstancia que obligar\u00e1 a tu proveedor a hacer el trabajo poco a poco y no dejarlo todo para el \u00faltimo momento antes de la entrega final.<\/p>\n La fase de pruebas funcionales (o correcci\u00f3n de fallos) tiene una gran importancia. Algunos proveedores pueden ofrecer fases de pruebas funcionales bastante cortas (por ejemplo, de menos de dos semanas) para cerrar r\u00e1pido el proyecto. La fase de pruebas funcionales, en la que visualizas por primera vez tu sitio web, suele dar pie a nuevas modificaciones, que pueden suponer una facturaci\u00f3n adicional.<\/p>\n Si no est\u00e1s seguro\/a de poder dedicar varias horas al d\u00eda a probar la web durante la fase de pruebas funcionales, te recomendamos que negocies para prolongar la duraci\u00f3n de esta etapa. Recuerda que la web siempre va a ser diferente sobre la pantalla que en las maquetas y es importante que dediques tiempo a explorarla antes de cerrar el proyecto.<\/p>\n En la mayor\u00eda de los casos, el interlocutor principal para el seguimiento del proyecto en la agencia es el project manager o jefe de proyecto. En las agencias peque\u00f1as, puede ser uno de los socios, que asume las labores de comercial, o el desarrollador principal. Sea quien sea, te recomendamos encarecidamente reunirte con el interlocutor principal antes de firmar el proyecto.<\/p>\n En esta parte, vamos a ver cu\u00e1l es el papel del cliente durante cada etapa del desarrollo del sitio web. El siguiente esquema presenta las grandes etapas de desarrollo de un sitio web bastante simple con una metodolog\u00eda tradicional.<\/p>\n <\/i>Crear una p\u00e1gina web: estimaci\u00f3n de precio personalizada<\/span> La elaboraci\u00f3n de prototipos web<\/a><\/strong> es una de las primeras tareas. Suele desarrollarse en dos etapas, con una validaci\u00f3n del cliente al final de cada una de ellas.<\/p>\n \u00a01. Elaboraci\u00f3n de los wireframes<\/a>:<\/strong> Para comenzar, es necesario definir la estructura de las p\u00e1ginas principales. Es b\u00e1sicamente un trabajo de arquitectura de la informaci\u00f3n. Aqu\u00ed tienes un ejemplo de esquema de p\u00e1gina o wireframe.<\/p>\n Para elaborar los wireframes, puedes usar un programa de creaci\u00f3n de mockups<\/a><\/strong>. Son software dise\u00f1ados espec\u00edficamente para crear maquetas funcionales.<\/p>\n 2. Elaboraci\u00f3n de las maquetas finales:<\/strong> Una vez que los wireframes o maquetas funcionales est\u00e1n validados, para lo que pueden hacer falta varios intercambios entre el cliente y la agencia web, el objetivo es elaborar las maquetas finales. Se trata principalmente de dar color a los wireframes para que se refleje una identidad visual s\u00f3lida y coherente con tu imagen de marca.<\/p>\n Aunque es la agencia quien elabora las maquetas y dirige los intercambios, te recomendamos tomarte un tiempo para estudiar las maquetas por ti mismo\/a. Lo m\u00e1s conveniente suele ser analizar los sitios web de la competencia y mostrar las maquetas propuestas por la agencia a las personas cercanas o a gente que est\u00e9 pr\u00f3xima a tu p\u00fablico objetivo final.<\/p>\n Cuando trabaja con metodolog\u00eda tradicional, la agencia web debe disponer de un pliego de condiciones preciso y completo antes de empezar el desarrollo. Son pocos los clientes que aportan ese documento por iniciativa propia. En general, la agencia web \u2014normalmente el jefe de proyecto\u2014 es quien se encarga de describir las caracter\u00edsticas funcionales del sitio web por escrito en funci\u00f3n de las indicaciones del cliente. Cada funcionalidad del sitio web debe desarrollarse en detalle, especificando todos los casos posibles.<\/p>\n Es una etapa de gran importancia ya que siempre es m\u00e1s costoso modificar una funcionalidad a posteriori<\/em>, cuando ya est\u00e1 desarrollada. Para definir las funcionalidades en detalle, la agencia web puede organizar sesiones de trabajo contigo o invitarte a revisar los documentos de trabajo. No desaproveches la oportunidad de estudiar concienzudamente las caracter\u00edsticas funcionales del proyecto, poni\u00e9ndote en la piel de tu p\u00fablico objetivo que va a visitar la web.<\/p>\n Durante la fase de desarrollo del sitio web, suele haber pocas relaciones con la agencia web, al menos cuando se usa una metodolog\u00eda tradicional. Si las caracter\u00edsticas funcionales y las maquetas quedaron totalmente detalladas y validadas durante la primera fase, esto no supone problemas. Por el contrario, si son vagas, lo que suele ser el caso, te aconsejamos lleves a cabo un seguimiento por etapas. El objetivo, adem\u00e1s de incitar a la agencia web a trabajar al d\u00eda, es aprovechar estos intercambios para detallar las funcionalidades que se desarrollar\u00e1n en la siguiente etapa de trabajo, con la concreci\u00f3n que aporta ver ya una parte del trabajo hecho.<\/p>\n Como dec\u00edamos m\u00e1s arriba, la fase de pruebas funcionales tiene una gran importancia. En esta \u00faltima etapa se corregir\u00e1n los fallos t\u00e9cnicos de la web y se pulir\u00e1 en todos los \u00e1mbitos: elecci\u00f3n final de palabras, alineaci\u00f3n de bloques de contenido, etc. En general, el pago final se efect\u00faa al concluir las pruebas funcionales. Por eso las agencias suelen tener inter\u00e9s en cerrar r\u00e1pido esta fase. Las nuevas modificaciones solicitadas en esta fase a menudo se pagan por separado.<\/p>\n \u00bfC\u00f3mo organizarse para la fase de pruebas funcionales? En primer lugar, es necesario tener en cuenta que esta etapa consume bastante tiempo. Naturalmente, si son varias personas las que prueban el sitio web y se\u00f1alan posibles problemas o mejoras, siempre se trabajar\u00e1 mejor.<\/p>\n A continuaci\u00f3n, hay que organizar el trabajo: fallos gr\u00e1ficos, revisi\u00f3n de textos, pruebas en distintos navegadores y en m\u00f3viles, funcionalidades espec\u00edficas, etc. Todo debe examinarse con el mayor nivel de detalle. Por ejemplo, al examinar un formulario, puedes probar a introducir valores que no tengan sentido, a no cubrir todos los campos, etc. Y despu\u00e9s, tendr\u00e1s que llevar el seguimiento de tus peticiones.<\/p>\n La mayor\u00eda de las agencias web proponen a sus clientes que se\u00f1alen los problemas en un software de gesti\u00f3n de proyectos<\/a><\/strong> espec\u00edfico como Redmine<\/a>, o Jira<\/a> para los m\u00e1s profesionales, pero a veces se recurre al correo electr\u00f3nico… Sea cual sea el canal de comunicaci\u00f3n utilizado, debes asegurarte de que todos los problemas quedan resueltos antes de cerrar las pruebas funcionales.<\/p>\n <\/i>M\u00e1s recursos sobre agencias web<\/span><\/p>\nMetodolog\u00eda \u00e1gil<\/h4>\n
Aspectos clave que debes validar con tu agencia web<\/h3>\n
Calendario general<\/h4>\n
Compromisos de puntualidad<\/h4>\n
Seguimiento por fases<\/h4>\n
Pruebas funcionales<\/h4>\n
Interlocutores<\/h4>\n
<\/a>Seguimiento por fases del desarrollo de la p\u00e1gina web<\/h2>\n
![\"Calendario](\"\/es\/wp-content\/uploads\/sites\/2\/2020\/10\/Proceso-de-trabajo-1024x418.jpg\")
<\/p>\n
\nWebolto ha desarrollado una plantilla que te permite obtener de forma gratuita una estimaci\u00f3n de precio detallada y una selecci\u00f3n de programas adaptados a tus necesidades para la creaci\u00f3n de tu p\u00e1gina web. Puedes consultar m\u00e1s informaci\u00f3n en nuestro art\u00edculo \u00bfCu\u00e1nto cuesta crear una p\u00e1gina web?<\/strong><\/a>.<\/p>\nFase\u00a01: maquetas y necesidades funcionales<\/h3>\n
Validaci\u00f3n de maquetas<\/h4>\n
![\"Ejemplo](\"\/es\/wp-content\/uploads\/sites\/2\/2020\/10\/exemple-wireframe.png\")
<\/p>\nCaracter\u00edsticas funcionales<\/h4>\n
Fase\u00a02: desarrollo del sitio web<\/h3>\n
Fase\u00a03: pruebas funcionales<\/h3>\n