≡En resumen
- Visualizar un journey no es un formato concreto: es elegir el diagrama que responde a la pregunta que tienes.
- Los formatos cualitativos (journey map, swimlanes, blueprint) explican el porqué; los cuantitativos (Sankey, rutas, embudos) muestran cuántos usuarios hacen cada cosa.
- El service blueprint añade lo que el usuario no ve: procesos internos, sistemas y equipos que sostienen cada paso.
- Los diagramas de Sankey de GA4, Mixpanel o Amplitude enseñan las rutas reales, pero no las emociones ni los motivos.
- La mejor visualización combina ambas capas: el mapa cualitativo señala hipótesis y los datos las confirman o las descartan.
01 ¿Qué es la user journey visualization?
El término es un paraguas. El documento más conocido es el mapa del recorrido del usuario (user journey map), pero no es el único: según lo que quieras explicar, te servirá mejor un diagrama de carriles, un blueprint de servicio o un gráfico de flujos alimentado con datos reales de uso. Lo que tienen en común es que convierten un proceso largo y disperso en algo que un equipo puede mirar junto y discutir.
02 Formatos de visualización del user journey
| Formato | Qué muestra | Fuente de datos | Cuándo usarlo |
|---|---|---|---|
| Journey map | Etapas, acciones, pensamientos, emociones y oportunidades de una persona | Entrevistas, observación, encuestas | Alinear al equipo sobre la experiencia completa |
| Diagrama de carriles (swimlanes) | Acciones del usuario y de cada canal, equipo o sistema en filas paralelas | Talleres internos más investigación | Detectar traspasos entre departamentos y esperas |
| Service blueprint | Lo que ve el usuario y lo que ocurre detrás: personal, soporte y evidencias físicas | Investigación más procesos internos | Rediseñar un servicio, no solo una pantalla |
| Storyboard | Una situación de uso contada en viñetas | Investigación cualitativa | Explicar el contexto y la motivación |
| Diagrama de Sankey o de rutas | Volumen de usuarios que pasa de un paso al siguiente y dónde se desvían | Analítica de producto (eventos) | Medir rutas reales y abandonos |
| Embudo | Porcentaje que supera cada paso de una secuencia fija | Analítica | Optimizar un proceso cerrado, como el checkout |
03 Swimlanes y service blueprint: ver lo que el usuario no ve
El service blueprint fue descrito por G. Lynn Shostack, directiva de banca, en Harvard Business Review en 1984, como herramienta para planificar servicios. Su aportación clave es la línea de visibilidad: por encima queda lo que el cliente percibe; por debajo, el trabajo interno que lo hace posible.
Acciones del cliente
Los pasos que da la persona: buscar, comparar, registrarse, pagar, pedir ayuda.
Front-stage
Lo que hace el personal o la interfaz en contacto directo con el cliente.
Back-stage
Tareas del personal que el cliente no ve, separadas por la línea de visibilidad.
Procesos de soporte
Sistemas, proveedores y equipos sin contacto con el cliente que sostienen el servicio.
Evidencias físicas
Lo tangible en cada paso: el email de confirmación, el embalaje, la factura.
Un diagrama de carriles es la versión ligera: una fila por actor (usuario, web, atención al cliente, logística) y una columna por etapa. Es rápido de dibujar en un taller y basta para descubrir dónde se pierde la información entre equipos.
04 Visualizar el journey con datos: Sankey, rutas y embudos
Los diagramas de Sankey representan flujos con bandas cuyo grosor es proporcional al volumen. Llevan el nombre de Matthew H. P. R. Sankey, que en 1898 dibujó así la eficiencia energética de una máquina de vapor, aunque el mapa de la campaña de Napoleón en Rusia de Charles Minard (1869) ya usaba la misma idea. En analítica de producto, cada banda es un grupo de usuarios que pasa de una página o evento a otro.
| Herramienta | Informe | Qué permite |
|---|---|---|
| Google Analytics 4 | Exploración de rutas (Explorar) | Ver los pasos siguientes a un evento o página, o los anteriores a un punto final, como una compra |
| Mixpanel | Flows | Diagrama de Sankey con las secuencias más frecuentes antes o después de un evento |
| Amplitude | Journeys (sustituye al antiguo Pathfinder) | Rutas que empiezan o terminan en un evento, con su frecuencia |
Los datos de rutas dicen qué pasa, no por qué. Un mapa de calor o una grabación de sesión añaden el detalle de una pantalla concreta; nuestra comparativa de herramientas de mapas de calor explica cómo combinarlos con la analítica.
05 Cómo elegir el formato adecuado
-
1
Formula la pregunta
«¿Por qué abandonan la prueba gratuita?» pide un journey map; «¿cuántos llegan al pago y por dónde?» pide un Sankey o un embudo.
-
2
Define el alcance
Una tarea (flow), una experiencia completa (journey map) o un servicio con equipos internos (blueprint).
-
3
Decide la fuente
Investigación cualitativa si buscas motivos; eventos de analítica si buscas volúmenes. Idealmente, ambas.
-
4
Elige el nivel de detalle
Para dirección, una página con etapas y momentos críticos; para el equipo de producto, pantallas y eventos.
-
5
Hazlo accionable
Cada punto de dolor debe acabar en una oportunidad con responsable y métrica asociada.
06 Herramientas para visualizar user journeys
| Tipo | Ejemplos | Para qué formato |
|---|---|---|
| Pizarras colaborativas | Miro, FigJam, Mural | Journey maps y swimlanes en talleres |
| Herramientas específicas de journey y servicio | Smaply, UXPressia | Journey maps con personas y blueprints reutilizables |
| Diseño de interfaces | Figma | Journeys con capturas y flujos de pantallas |
| Analítica de producto | Google Analytics 4, Mixpanel, Amplitude | Rutas, Sankey y embudos con datos reales |
| Hoja de cálculo o papel | Excel, Google Sheets, post-its | Primeras versiones rápidas |
07 Ejemplo: del mapa a los datos en un SaaS de reservas
Un software de reservas para clínicas ve que muchas cuentas nuevas no reciben ninguna cita en su primer mes. El equipo hace un journey map con seis entrevistas y detecta un momento crítico: conectar el calendario existente. Después construye un Sankey desde el evento de registro y comprueba que buena parte de los usuarios sale del flujo justo en la pantalla de integración. Por último, un diagrama de carriles muestra que la integración depende de una validación manual del equipo de soporte que tarda días.
La solución no era rediseñar la pantalla, sino automatizar esa validación. Tres formatos, tres preguntas distintas.
Este cruce entre investigación y datos es la base de la optimización de la conversión: el mapa te da hipótesis y la analítica te dice cuál merece la pena probar primero. También conecta con el customer journey de marketing, que mira el recorrido antes de la compra, y con el embudo de conversión, que mide un tramo concreto.
08 Errores frecuentes al visualizar un user journey
- ✓Dibujar el recorrido ideal que la empresa desea, no el que viven los usuarios.
- ✓Meter a todos los usuarios en un solo mapa cuando tienen objetivos distintos.
- ✓Confundir un Sankey de páginas vistas con la experiencia completa (lo que ocurre fuera de la web no aparece).
- ✓Omitir los procesos internos: muchos problemas nacen por debajo de la línea de visibilidad.
- ✓Llenar el mapa de detalle hasta que nadie lo lee.
- ✓No actualizarlo tras cambios de producto: un journey de hace dos años suele describir otro producto.
Preguntas frecuentes sobre User journey visualization
Significa visualización del recorrido del usuario: representar en un gráfico las etapas, acciones y puntos de contacto de una persona con un producto o servicio, a partir de investigación o de datos de analítica.
El journey map muestra la experiencia desde el punto de vista del usuario; el service blueprint añade lo que ocurre detrás (personal, sistemas y procesos de soporte) separado por la línea de visibilidad.
Es un gráfico de flujos en el que el grosor de cada banda indica cuántos usuarios pasan de un paso a otro. Mixpanel (Flows) y Amplitude (Journeys) lo usan para mostrar rutas reales.
Con la exploración de rutas, en el apartado Explorar. Eliges un punto de partida o un punto final, como una compra, y el informe muestra los pasos anteriores o posteriores en forma de árbol.
Depende del formato: pizarras como Miro o FigJam para talleres, herramientas como Smaply o UXPressia para mapas y blueprints, y GA4, Mixpanel o Amplitude para rutas con datos.
Es un diagrama con una fila por actor (usuario, canal, equipo o sistema) y una columna por etapa. Sirve para ver traspasos entre departamentos y esperas que el usuario sufre.
Sí. Los journey maps y blueprints se basan en entrevistas y observación. Aun así, conviene contrastarlos después con datos de uso para saber cuántos usuarios sufren cada problema.
Fuentes consultadas
Sobre el autor
Equipo editorial de appyweb
Marketing, SEO y desarrollo con IA
Especialistas de appyweb en SEO, publicidad, desarrollo web y automatización con IA.