Metodologías ágiles en el desarrollo web

Kiwop / Blog / Diseño y desarrollo web / Metodologías ágiles en el desarrollo web

El uso de las famosas metodologías ágiles en el desarrollo de páginas web es cada vez más común entre las agencias web. Supone un aumento de la productividad de sus trabajadores y un resultado final de mucha más calidad. Además, supone una mayor transparencia entre agencia y cliente.

Metodología Agile vs Waterfall

Coordinación y gestión con el cliente

La metodología de trabajo que utilizamos en Kiwop es ‘Agile’. Esta metodología nos permite aplicar un plan de calidad óptimo de servicio y nos permite garantizar su efectiva implantación y mejora continua durante la vigencia del contrato. A nivel de proyecto diferenciaremos entre las siguientes etapas:

  • Requerimientos del proyecto: Esta fase consta de la reunión de kick-off y de la entrega de todo el material del que disponga el Cliente. En la reunión deberemos de estar todas las partes implicadas para el correcto desarrollo del proyecto.
  • Planificación: Organización del material entregado por parte del Cliente, identificación de necesidades y asignación de recursos internos de nuestra empresa.
  • Diseño: Estudio inicial sobre el proyecto y su entorno. Este estudio inicial incluirá también un análisis de keywords a tener en cuenta para la estructura web. Partiendo de estos estudios, haremos una propuesta de diseño y estructura para el portal web, y esperaremos su aprobación por parte del Cliente.
  • Desarrollo: Una vez aprobados el diseño y la estructura, procederemos a la maquetación y programación del web e introduciremos todo el contenido. En esta fase también incluye la redacción de contenidos si se hubiese contratado este servicio. Posteriormente empezaremos con los test, corrección de fallos y posteriormente su aprobación.
  • Entrega: Finalmente instalaremos el web en el servidor final y haremos entrega de las claves correspondientes de todos los usuarios del equipo técnico.
  • Mantenimiento y seguimiento: Una vez hayamos finalizado la fase de entrega, haremos un seguimiento para el apoyo del Servicio y corrección de los errores o contratiempos que puedan surgir. En esta fase se incluye un período de garantía que estará vigente hasta la finalización del contrato. Esta garantía incluye la corrección o modificación de cualquier programación adicional.

Tiempos de entrega del proyecto web

La primera fase del proyecto lo entregaremos, como máximo, en el tiempo que se haya acordado con el cliente. El proyecto estará plenamente operativo y lanzado en este tiempo. Después de la entrega del proyecto, haremos un mantenimiento y seguimiento durante los meses que queden hasta la finalización del contrato. Durante este mantenimiento y seguimiento analizaremos el comportamiento del web y haremos informes mensuales de analítica web. Tanto de comportamiento de visitantes como de posicionamiento web.

Nosotros utilizaremos también un cronograma interno mucho más detallado que nos servirá de guía. Siempre respetaremos los tiempos y duraciones a las que nos hayamos comprometido. 

Metodología Scrum

Concretamente, para los proyectos de desarrollo de páginas web, utilizamos la metodología Scrum con sprints (o ciclos de trabajo) de duración variable dependiendo de los requisitos de cada momento. Normalmente la duración de estos ciclos de trabajo (sprints) es de 2 semanas. En cada ciclo de trabajo habrá un incremento de producto que aportará valor al resultado final.

Con el fin de trabajar con eficiencia y agilidad en Kiwop utilizamos una serie de herramientas y metodologías de trabajo profesionales enfocadas al exigente sector del desarrollo web.

Software para Scrum y metodologías ágiles

Para la gestión de todas estas tareas utilizamos el paquete Atlassian, el cual nos permite administrar la dedicación completa de las tareas y su mantenimiento.

Al adoptar una mentalidad ágil y proporcionar un compromiso, colaboración, transparencia y adaptabilidad mejorados a través de los valores, roles, eventos y herramientas de Scrum, los resultados fueron excelentes.

Scott M. Graffius del libro «Transformación Ágil»

Concretamente usamos:

Jira Software

El paquete Jira Software nos ayuda con la gestión del proyecto con metodología Agile y Scrum. Nos permite simplificar las tareas y hacer más eficiente el proyecto. Disminuye el consumo del tiempo para la gestión de los recursos. Ayuda a documentar todo el “life cycle” del proyecto, y ayuda a reducir los diferentes riesgos asociados. Esta herramienta será la columna vertebral de todo el proyecto y es indispensable para su correcta ejecución tanto en términos de calidad como de cumplir con los objetivos temporales.

Ejemplo de pantalla de proyecto de Jira Software

Confluence

El objetivo de Confluence es que todo el equipo trabaje conjuntamente y de manera transparente en las tareas que se les han sido asignadas. Cada equipo aportará sus ideas de organización, estructura, diseño o desarrollo. En este proceso también podrá participar el equipo experto por parte del Cliente. Esta herramienta nos permitirá crear:

  • Hojas de ruta
  • Listas con tareas pendientes
  • Notas de reuniones
  • Planes de proyecto
  • Incluir recursos multimedia y contenidos dinámicos
  • Dejar comentarios en las páginas
  • Añadir textos o archivos compartidos
  • Etc…

En definitiva, centralizar el contenido en un mismo lugar para que sea mucho más fácil de consultar y saber en qué punto exacto del proyecto nos encontramos.

Trello

Ejemplo de board Trello con cards

Nos sirve de exposición simple y abierta en todo momento del proyecto para todos los miembros implicados, incluido el equipo que haya designado el Cliente. De una manera rápida e intuitiva se podrán ver las tareas finalizadas, en cuales estamos trabajando actualmente y cuales serán las próximas a desarrollar. Este panel estará sincronizado con Jira Software, para mantener toda la información actualizada.

Jira Service Desk

Ofrece soporte tecnológico y de tickets para el proyecto. Con esta herramienta podremos recibir, rastrear, gestionar y resolver solicitudes de el equipo experto fácilmente. Podremos organizar y priorizar estas solicitudes en un único espacio y, de esta forma, poder mantener nuestro equipo de Trabajo en sintonía con los objetivos o acuerdos de nivel de servicio establecidos. El proceso será el siguiente:

El equipo experto podrá enviar sus solicitudes a nuestro equipo mediante el portal previamente configurado o mediante correo electrónico.

Nuestro equipo trabajará en estas solicitudes ordenadas a partir de la prioridad de cada solicitud. El progreso de la resolución de problemas estará configurado mediante un flujo de trabajo que incluirá estados como “en proceso” o “necesita aprobación”.

Cada equipo trabajará en la resolución de las incidencias dentro de su ámbito: desarrollo, diseño, marketing digital, conceptualización, etc.

BitBucket

La plataforma BitBucket está pensada para los programadores ya que nos permite programar de manera conjunta utilizando repositorios con la tecnología Git. Esto nos permitirá programar nuevas funcionalidades de una manera flexible y ordenada. Utilizaremos 3 entornos: desarrollo, pruebas y producción.

El objetivo de estos métodos es aumentar la productividad y poder ofrecer un resultado final de gran calidad y alto valor añadido.

Revisiones periódicas en las metodologías ágiles

Durante el proceso realizaremos revisiones periódicas mediante las herramientas mencionadas y otras para asegurarnos de mantener unos altos estándares de calidad durante todo el proyecto. Estas revisiones serán incluidas en nuestro cronograma interno como hitos de desarrollo.

Haremos pruebas de requisitos, donde a partir de una lista de expectativas evaluaremos el diseño. Las pruebas de requisitos son esenciales durante todo el proceso de desarrollo para asegurar que el equipo cumple todos sus objetivos.

En las pruebas de diseño nos basaremos en el aspecto visual de la web. Comprobaremos continuamente si el aspecto está en sintonía con el diseño propuesto. Incluye acciones como la compatibilidad en todos los navegadores y pruebas móviles.

En las pruebas de funcionalidad evaluaremos tanto la interfaz como la usabilidad. Será un proceso riguroso que garantizará que cada enlace, botón, formulario y todos los demás elementos funcionen como deberían hacerlo.

Los 3 entornos de trabajo

Tal y como hemos comentado, lo organizaremos todo en 3 entornos diferentes:

  • El entorno local será donde programaremos de manera interna y donde probaremos todas las opciones disponibles para conseguir un mismo objetivo. Será nuestro laboratorio interno donde hacer las pruebas de desarrollo.
  • El entorno de desarrollo será un entorno vivo donde el cliente podrá ver los avances reales del proyecto. En este contexto se harán todas las pruebas oportunas, y donde se aplicarán cambios y correcciones. También se validará el proyecto y se aplicarán los nuevos desarrollos para que el equipo de expertos los valide.
  • Y, finalmente, el entorno de producción será una vez la web ya esté publicada. Lo que verá realmente el público final. En este entorno deberemos asegurarnos que funcione siempre a la perfección, sin ningún error o problema.

Utilizaremos herramientas contrastadas para medir la calidad y la eficacia de nuestro trabajo y de los cambios realizados como:

  • Google PageSpeed Insightsdonde se podrá ver la puntuación de la velocidad de la página. Esta herramienta nos permitirá validar si se ha hecho un buen trabajo de WPO.
  • AMP validator: valida que la página sea AMP válida.
  • Google LightHouse: valida la información relativa a performance, accesibilidad, buenas prácticas y SEO. Será un buen indicador en cuanto a calidad se refiere.
  • SiteImprove y otros: validarán la accesibilidad web. Aunque con la accesibilidad también haremos validaciones manuales.
  • Analítica Web: Mediante Google Analytics podremos evaluar el comportamiento de los usuarios en la web. Así como validar el éxito de los eventos y objetivos previamente configurados.
  • Herramientas SEO: utilizaremos diversas herramientas para poder ver el incremento del posicionamiento conseguido: Google Analytics, Google Search Console, SEMRush, entre otros.

Informes periódicos

Para garantizar y comprobar nuestro trabajo, siempre proponemos la realización de informes mensuales. Estos informes contendrán información esencial para el correcto desarrollo del proyecto y posterior seguimiento. Serán informes de analítica web donde veremos la evolución de las visitas a lo largo de las semanas y si nuestras acciones han servido para un aumento de éstas (SEO). También evaluaremos el comportamiento de los usuarios: en qué páginas pasan más tiempo, en qué página abandonan la web, etc. …

Siempre revisaremos el estado de indexación de la web en todo momento.

Esta metodología nos permitirá detectar cualquier problema y obtener un sitio web limpio, funcional y accesible. El uso de estas metodologías de Quality Assurance permitirá que los usuarios tengan una interfaz funcional y una mejor experiencia de usuario.

Además, durante la creación de la web, proponemos reuniones vía Skype, Google Meet o presenciales con la misma periodicidad que los sprints del desarrollo, o siempre que la situación del proyecto lo requiera.

Gestión de incidencias en las metodologías ágiles

Durante la vigencia de nuestro contrato, incluiremos un sistema de gestión de incidencias entre el equipo técnico encargado de actualizar la web por parte del cliente y nosotros. De este modo podremos resolver cualquier problema o duda que pueda aparecer en el equipo técnico.

A la hora de elegir un sistema de gestión de incidencias tenemos varias opciones. Los hay de muchos tipos. Un ejemplo podría ser el software Zendesk, que es un sistema de tickets de soporte y software de servicio de atención al cliente. Pero es una herramienta que, aunque es muy potente y versátil, es externa e implica mayores recursos y añade una complejidad a todo el sistema. Con lo cual, sólo lo usamos en los casos en que es estrictamente necesario.

Otra opción es utilizar el sistema de gestión de incidencias que nosotros utilizamos los proyectos a nivel interno: Jira Service Desk. Este sistema de servicio está más pensado entre la empresa de desarrollo y coordinador del proyecto, y de una manera muy específica y privada.

El proceso de creación y resolución de las incidencias será el siguiente:

  1. El usuario crea una nueva incidencia
  2. El sistema avisa vía correo electrónico a los responsables de la resolución de las incidencias
  3. El responsable analiza la incidencia y decide si comienza con la resolución o pide más información al creador en caso de necesitar aclaraciones
  4. Una vez la incidencia ya ha sido resuelta avisa al creador de ésta

Conclusión

El uso de las metodologías ágiles en el desarrollo de páginas web es una metodología cada vez más usada entre las agencias. Y no es de extrañar: ofrece un aumento considerable de la productividad si se hace de la manera correcta y organizada.

Para el desarrollo web en concreto, se puede utilizar tanto Scrum como Kanban. Ambos métodos son muy válidos y aportan grandes beneficios de organización. La elección de uno u otro simplemente dependerá de la empresa de desarrollo web.

Queremos ayudarte a obtener resultados.

Deja un comentario

Queremos ayudarte a obtener resultados.
¿EMPEZAMOS?