Metodologías ágiles en el desarrollo web

Publicado: 2020-04-12

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 mayor calidad. Además, supone una mayor transparencia entre agencia y cliente.

Metodologías ágiles
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 de servicio óptimo y nos permite garantizar su implementación efectiva y mejora continua durante la vigencia del contrato. A nivel de proyecto diferenciaremos entre las siguientes etapas:

  • Requerimientos del proyecto : Esta fase consiste en la reunión de kick-off y la entrega de todo el material a disposición del Cliente. En la reunión debemos estar todas las partes implicadas para el correcto desarrollo del proyecto.
  • Planificación : Organización del material entregado por el 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 también incluirá un análisis de palabras clave a tener en cuenta para la estructura web. En base a estos estudios realizaremos una propuesta de diseño y estructura del portal web, y quedaremos a la espera de su aprobación por parte del Cliente.
  • Desarrollo : Una vez aprobado el diseño y la estructura, se procederá a la maquetación y programación de la web e introducción de todos los contenidos. En esta fase también incluye la redacción de contenidos si se hubiera contratado este servicio. Posteriormente comenzaremos con las pruebas, corrección de fallas y luego su aprobación.
  • Entrega : Finalmente instalaremos la web en el servidor final y entregaremos las claves correspondientes de todos los usuarios del equipo técnico.
  • Mantenimiento y seguimiento : Una vez finalizada la fase de entrega, realizaremos un seguimiento para el soporte del Servicio y corrección de errores o contratiempos que puedan surgir. Esta fase 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.

Plazos de entrega de proyectos web

La primera fase del proyecto se entregará, como máximo, en el tiempo acordado con el cliente. El proyecto estará en pleno funcionamiento y se lanzará en este momento. Tras la entrega del proyecto, haremos mantenimiento y seguimiento durante los meses que restan hasta la finalización del contrato . Durante este mantenimiento y seguimiento analizaremos el comportamiento de la web y realizaremos informes mensuales de analítica web. Tanto el comportamiento del visitante como el posicionamiento web.

También utilizaremos un cronograma interno mucho más detallado que servirá como guía. Respetaremos siempre los tiempos y duraciones a los que nos hemos comprometido.

Metodología Scrum

En concreto, para proyectos de desarrollo web utilizamos la metodología Scrum con sprints (o ciclos de trabajo) de duración variable en función de los requerimientos 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.

esquema de melé

Para trabajar con eficacia 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, que nos permite gestionar la dedicación total de las tareas y su mantenimiento.

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

Scott M. Graffius del libro “Transformación ágil”

Específicamente usamos:

Software Jira

El paquete Jira Software nos ayuda en la gestión de proyectos con metodología Agile y Scrum . Nos permite simplificar tareas y hacer más eficiente el proyecto. Disminuye el consumo de tiempo para la gestión de recursos. Ayuda a documentar todo el “ ciclo de vida ” 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 cumplimiento de los objetivos temporales.

Software Jira
Ejemplo de pantalla de proyecto de Jira Software

Confluencia

Confluencia

El objetivo de Confluence es que todo el equipo trabaje en conjunto de manera transparente en las tareas que se les asignan . Cada equipo aportará sus ideas de organización, estructura, diseño o desarrollo. El equipo de expertos del Cliente también podrá participar en este proceso. Esta herramienta nos permitirá crear:

  • hojas de ruta
  • listas de tareas
  • Notas de la reunión
  • planes de proyecto
  • Incluir recursos multimedia y contenido dinámico
  • Dejar comentarios en las páginas.
  • Agregar textos o archivos compartidos
  • Etc…

En definitiva, centralizar el contenido en un solo lugar para que sea mucho más fácil consultar y saber en qué punto del proyecto estamos exactamente.

Trello

Ejemplo de tablero de Trello
Ejemplo de tablero de Trello con tarjetas

Sirve como una exposición sencilla y abierta en todo momento del proyecto para todos los miembros implicados, incluido el equipo designado por el Cliente. De una forma rápida e intuitiva podrás ver las tareas realizadas, en cuáles estamos trabajando actualmente y cuáles serán las próximas a desarrollar . Este panel estará sincronizado con Jira Software , para mantener toda la información actualizada.

Servicio de atención al cliente de Jira

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

El equipo de expertos podrá enviar sus solicitudes a nuestro equipo a través del portal previamente configurado o por correo electrónico.

Nuestro equipo trabajará en estas solicitudes ordenadas en función de la prioridad de cada solicitud. El progreso de la solución de problemas se configurará mediante un flujo de trabajo que incluirá estados como " en proceso " o " necesita aprobación ".

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

BitBucket

Bitbucket

La plataforma BitBucket está pensada para programadores ya que nos permite programar juntos usando repositorios con tecnología Git. Esto nos permitirá programar nuevas funcionalidades de forma ágil 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 alta calidad y alto valor añadido.

Revisiones periódicas en metodologías ágiles

Durante el proceso realizaremos revisiones periódicas utilizando las herramientas antes mencionadas y otras para asegurar que mantenemos altos estándares de calidad a lo largo del proyecto. Estas revisiones se incluirán en nuestro cronograma interno como hitos de desarrollo.

Haremos pruebas de requisitos , donde a partir de una lista de expectativas evaluaremos el diseño. La prueba de requisitos es esencial durante todo el proceso de desarrollo para garantizar que el equipo cumpla con todos sus objetivos.

En las pruebas de diseño nos basaremos en el aspecto visual de la web. Verificaremos continuamente si la apariencia está en sintonía con el diseño propuesto. Incluye acciones como 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.

Los 3 ambientes de trabajo

Como hemos mencionado, organizaremos todo en 3 entornos diferentes :

  • El entorno local será donde programaremos internamente 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 el progreso real del proyecto. En este contexto se realizarán todas las pruebas pertinentes, y donde se aplicarán los cambios y correcciones. El proyecto también será validado y los nuevos desarrollos serán aplicados para su validación por parte del equipo de expertos.
  • Y por último, el entorno de producción será una vez ya publicada la web. Lo que la audiencia final realmente verá. En este entorno debemos asegurarnos de que siempre funcione a la perfección, sin ningún error o problema.
Entornos de trabajo ágiles

Usaremos herramientas comprobadas para medir la calidad y efectividad de nuestro trabajo y los cambios realizados tales como:

  • Google PageSpeed ​​Insights: donde puedes ver la puntuación de velocidad de la página. Esta herramienta nos permitirá validar si se ha hecho un buen trabajo de WPO.
  • Validador de AMP : Valida que la página sea amp válida.
  • Google LightHouse: valida información relacionada con rendimiento, accesibilidad, mejores prácticas y SEO. Será un buen indicador en lo que a calidad se refiere.
  • SiteImprove y otros: validarán la accesibilidad web. Aunque con la accesibilidad también haremos validaciones manuales.
  • Web Analytics: A través de Google Analytics podemos evaluar el comportamiento de los usuarios en la web. Así como validar el éxito de eventos y objetivos previamente configurados.
  • Herramientas SEO: utilizaremos diversas herramientas para ver el aumento de posicionamiento conseguido: Google Analytics, Google Search Console, SEMRush, entre otras.

Informes periódicos

Para garantizar y verificar nuestro trabajo, siempre proponemos la realización de informes mensuales. Estos informes contendrán información imprescindible para el correcto desarrollo del proyecto y su 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 estas ( 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 comprobaremos el estado de indexación del sitio 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 Garantía de Calidad permitirá a los usuarios tener 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 de desarrollo, o siempre que la situación del proyecto lo requiera.

Seguimiento en agile y scrum y kanban


Gestión de incidentes en metodologías ágiles

Durante la vigencia de nuestro contrato incluiremos un sistema de gestión de incidencias entre el equipo técnico encargado de la actualización de la web por parte del cliente y nosotros . De esta forma podemos solucionar cualquier problema o duda que pueda surgir en el equipo técnico.

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

Otra opción es utilizar el sistema de gestión de incidencias que utilizamos internamente en los proyectos: Jira Service Desk . Este sistema de servicios está más pensado entre la empresa promotora y el coordinador del proyecto, y de forma muy específica y privada.

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

  1. El usuario crea un nuevo problema
  2. El sistema notifica vía email a los responsables de la resolución de incidencias
  3. El responsable analiza el incidente y decide si comienza con la resolución o pide más información al creador si necesita una aclaración.
  4. Una vez resuelta la incidencia, avisar al creador de esta

Conclusión

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

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