Recorrido por etapas

Fases de una experiencia y sus puntos críticos.

Definición

El recorrido por etapas pone las fases de una experiencia en columnas y lee tres filas en el mismo eje: qué ocurre, quién lo hace y dónde se rompe. Una etapa puede marcarse como la peor. Sirve para diagnosticar un proceso de alta, compra o atención y señalar dónde falla.

Editar con tus datos SVG Spec JSON

El recorrido se rompe donde nadie tiene el plazo escrito

Datos: etapa · ocurre · quien · rompe · peor · rol
Buena para: Ver en qué etapa se rompe la experiencia y quién está en ella.
Evítala cuando: Cuando tienes medidas de satisfacción o de abandono por etapa: la pieza no dibuja curva ni puntuación.
Se lee bien: Entre 2 y 7 elementos; dibuja hasta 8
Datos que faltan: No usa valores que puedan faltar.
Accesibilidad: Lector de pantalla: tabla de datos · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

Columna	Tipo	Para qué
`etapa` · opcional	string	El rótulo de la etapa, en la banda de arriba. Medido: sin él la columna de la etapa sigue dibujada.
`ocurre` · opcional	string	Qué ocurre en esa etapa. Primera de las tres filas.
`quien` · opcional	string	Quién lo hace. Segunda fila.
`rompe` · opcional	string	Dónde se rompe. Tercera fila, y la razón de ser de la pieza.
`peor` · opcional	string	Marca la etapa peor. Medido: sin la columna se pierde una marca (el rótulo «peor etapa») y el resto dibuja igual.
`rol` · opcional	string	neutro · foco · alerta · ausente · favorable.

Tamaños

Ancha por necesidad

Esta pieza necesita anchura para que cada rótulo quepa entero. El motor prefiere decirlo a apretarla.

A menos de 480 px sus rótulos no caben sin pisarse o recortarse, y el motor no la publica así. En el móvil se ve la versión ancha, a tamaño legible y sin recortar, dentro de un marco que se desliza.

Cuándo usarla

Tres preguntas antes de elegirla

¿Te basta con describir cada etapa, sin medir cómo se vive?

Si tienes puntuaciones o datos de cómo varía la vivencia, el mapa de experiencia los dibuja.

Sí: quédate con recorrido por etapas

No: usa Mapa de experiencia

¿Te interesa dónde se rompe, no cuántos clientes pasan por cada etapa?

Si lo importante es el volumen que avanza o se pierde, el recorrido del cliente en flujo lo enseña.

Sí: quédate con recorrido por etapas

No: usa Recorrido del cliente en flujo

¿Basta con una fila que diga quién lo hace?

Si hay que separar lo que ve el cliente de lo que ocurre detrás, el blueprint de servicio da una franja a cada capa.

Sí: quédate con recorrido por etapas

No: usa Blueprint de servicio

Código

La misma pieza, con tus datos

import { getPreset, renderComposition } from 'visx-render/node';

const spec = await getPreset('concept-journey');
spec.data.rows = misFilas; // tus columnas
const { svg, warnings } = await renderComposition(spec);

También en React con Chart y prepareComposition. Guía para desarrolladores →

Dudas

¿Por qué no hay curva emocional?

Porque sería una medida que nadie tomó. La pieza solo escribe lo que se sabe de cada etapa.

¿Qué filas tiene?

Tres: qué ocurre, quién lo hace y dónde se rompe. La tercera es la razón de ser de la pieza.

¿Cuántas etapas admite?

Se lee bien entre dos y siete.

¿Qué hace si faltan datos?

No usa valores que puedan faltar.

¿Cómo se ve en el móvil?

A menos de 480 px el motor no la compone sin pisar o cortar rótulos, y lo dice. En el móvil se ve la versión ancha, a tamaño legible, dentro de un marco que se desliza.

Relacionadas

Otras formas de responder «flujos y recorridos»

Guía para elegir: flujos y recorridos →