¿Qué es los wireframes o storyboard?
Los Wireframes o Storyboard, es el conjunto de diseños que definen la estructura y funcionalidad de una interfaz de usuario.
El elemento que hace parte de los wireframes o storyboard es el siguiente: wireframe o storyboard. El cual se implementa en la sección ejemplo del presente artículo.
Beneficios que ofrece los wireframes o storyboard.
- ✔ Tener una visual completa del flujo que se desea implementar.
✔ Tener un documento bien estructurado para entregarlo al equipo de implementación.
✔ Tener un insumo de apoyo para planear y ejecutar la solución.
Buenas prácticas para la implementación.
- ✔ Definir el objetivo de la historia que se desea diagramar.
✔ Construir el flujo de la historia.
✔ Generar un prototipo para cada elemento del flujo de la historia.
✔ Unir los diferentes prototipos para tener la visual completa y documentada.
Pre-Condiciones y Post-Condiciones.
Este cuadro expone los pasos previos y posteriores que se deben ejecutar para aplicar correctamente las buenas prácticas enunciadas.
| Paso | Acción clave | Condición |
|---|---|---|
| 1. Los bocetos en papel. | Representación de un producto antes de iniciar su implementación. | Pre. |
| 2. Los Wireframes o Storyboard. | Ver el contenido de la presente guía. | N/A. |
| 3. Los mapas de empatía. | Descubrir el comportamiento del público objetivo para comprender sus deseos y necesidades. | Post. |
| 4. El User Journey. | Visualizar el recorrido del usuario al interactuar con un producto. | Post. |
¿Quiénes son responsables?
El responsable de los wireframes o storyboard es el product owner, quien hace parte de la oficina de entrega de valor.
Ejemplo.
Este ejemplo es una plantilla que se construyo durante el proceso de preparación para presentar los exámenes y obtener las certificaciones CAMP, PMP y PMI-ACP del PMI. Adicionalmente las certificaciones SMAC, STMAC y SPOAC del Scrum Institute.
Caso práctico: Definición del guion gráfico para generar la acción que permita construir el mapa del sitio del portal web.
| Elemento | Descripción |
|---|---|
| Wireframe o Storyboard | Es una secuencia de imágenes que permiten entender y guiar al equipo en la implementación del flujo. |
Pregunta tipo examen.
Pregunta: La definición que mejor se ajusta para los wireframes o storyboard. ¿Debe ser?
A) Es la aplicación de técnicas y/o herramientas orientadas a mejorar la calidad y efectividad del trabajo realizado por la persona para incrementar el valor en el logro de los objetivos del equipo.
B) Es una secuencia de elementos dentro de la cadena de valor con los responsables y herramientas o conocimientos que deben tener los integrantes de cada elemento de valor para recolectar las necesidades del cliente y obtener insumo de información para mejorar el flujo de valor habilitante en función de aumentar el nivel de satisfacción al cliente.
C) Es un profesional experto en guiar y asegurar que los miembros del equipo apliquen de manera efectiva el marco de trabajo Scrum y Kanban. Adicionalmente, deberá actuar como un líder de servicio que apoya al Product Owner en la administración del producto.
D) Es el conjunto de diseños que definen la estructura y funcionalidad de una interfaz de usuario.
Sobre el autor.
Juan David López Pava: profesional en administración de empresas y desarrollo de software con certificaciones del PMI y Scrum Institute, apasionado por la transformación digital y la dirección de proyectos de tecnología.