¿Existe algún ejemplo de elementos funcionales de las diferentes pilas del marco SAFe®?

Dispositivos Responsive - cortesía de Freepik

Recientemente en una charla sobre SAFe® mi compañero José preguntó si existían ejemplos para los diferentes elementos de los backlog de SAFe. Estuvimos buscando ejemplos en la web pero no encontramos ninguno que recorriera todas las pilas. Con este post me aventuro a dar ejemplos alrededor de un proyecto de conversión de una web a responsive.

Recordemos que en SAFe hay cuatro niveles de pilas que comprenden el modelo: la pila de la cartera (Portfolio Backlog) que contiene epics y que emergen de temas estratégicos, la pila de la solución (Solution Backlog) que contiene capacidades, la pila de programa (Program Backlog) que contiene funcionalidades y la pila de equipo (Team Backlog) que contiene historias de usuario, pila que finalmente se descompone en tareas en una quinta pila, la pila de iteración (sprint).

Las pilas de SAFe - diapositiva de SAFe 4.0 in 8 Pictures

Temas estratégicos (Strategic Themes)

Los temas estratégicos son los objetivos de negocio que proporcionan diferenciación estratégica y que afectan a una solución de cartera particular, el tema estratégico en nuestro ejemplo sería:

Captar y conectar con una clientela más joven

Epics

Los epics son los elementos de negocio más grandes que capturan las mayores iniciativas transversales que se producen dentro de la cartera y que tratan temas estratégicos, estas entregan directamente valor de negocio y cruzan múltiples flujos de valor y trenes (ARTs). Los epics se escriben basados en el patrón para la visión de producto, nuestro epic de ejemplo sería:

PARA nuestra comunidad de clientes más joven

QUIEN entra a nuestra web a través de múltiples dispositivos

EL proyecto responsive

QUE ES UNA nueva visión de la comunicación, clave en la transformación digital

QUE permite que se adapten los formatos y contenidos tradicionales

para responder a las nuevas necesidades de los dispositivos de nuestros clientes

A DIFERENCIA DE nuestros competidores, cuyas webs

están diseñadas y concebidas para acceder a través de ordenadores de sobremesa

NUESTRO PRODUCTO estará dotado de la tecnología necesaria

para dar una experiencia de usuario con un nivel de escalado y personalización nunca vistos

Capacidades (Capabilities) y Funcionalidades (Features)

Dada la luz verde para la implementación de un epic, este se descompone en el nivel correspondiente (value stream o programa) en funcionalidades o capacidades. Las funcionalidades son un servicio proporcionado por el sistema que satisface alguna necesidad de los interesados. Las capacidades son similares a las funcionalidades, describen comportamientos de soluciones de nivel superior y a menudo requieren múltiples trenes (ARTs) para su construcción. Estas se escriben utilizando la matriz de Features and Benefits (FAB):

Ejemplo de capacidad:

CAPABILITY: homepage con diseño responsive
BENEFIT: una página principal atractiva y adaptable a diferentes dispositivos para ofrecer la mejor experiencia de navegación a nuestros usuarios
DESCRIPTION: debe de tener un menú desplegable y adaptable, un banner central, una zona central para contenido corporativo y un pie con links a contacto, nuestras apps y a las redes sociales

Ejemplo de funcionalidad:

FEATURE: menú flexible
BENEFIT: un menú desplegable y adaptable a diferentes dispositivo que facilite la navegación y permita dejar más espacio para el contenido
DESCRIPTION: menú hamburguesa en que los elementos del mismo estén ocultos, liberando así espacio para el contenido, y mostrándolos al interaccionar con él, de forma horizontal u vertical según la resolución del dispositivo

Historias (Stories)

Las historias de usuario son una descripción breve de una funcionalidad contada desde la perspectiva del usuario y escrita en el lenguaje común del usuario, y que son resultado de descomposición de las funcionalidades por parte del equipo. Para formularlas se utiliza en patrón de Cohn, tal como describimos en el siguiente ejemplo:

COMO cliente registrado

QUIERO poder seleccionar la opción para ver artículos en el menú principal

PARA PODER leer los diferentes artículos disponibles en la web

Tareas (Tasks)

Las tareas definen los trabajos o actividades necesarias para llevar a cabo la construcción de una historia, ejemplos de tareas serían:

• Maquetación menú versión escritorio
• Maquetación menú versión móvil/tablet
• Incluir las funcionalidades de Bootstrap (CSS base) en el tema
• Codificación del menú
• Comprobación del comportamiento del menú

Mis agradecimientos a Rivera, un compañero especialista en responsive que ha revisado los ejemplos desde la perspectiva responsive, gracias ;-)

SAFe and Scaled Agile Framework are registered trademarks of Scaled Agile, Inc.