User Flows y Journey Maps
Diseñar antes de construir
Los user flows y journey maps te ayudan a visualizar exactamente cómo los usuarios interactuarán con tu MVP antes de escribir una línea de código. Esto ahorra semanas de desarrollo desperdiciado.
¿Qué es un User Flow?
Un user flow (flujo de usuario) es un diagrama que muestra los pasos que sigue un usuario para completar una tarea en tu aplicación.
Símbolos básicos de user flows
Inicio/Fin
Círculo u óvalo
Proceso
Rectángulo
Decisión
Rombo (Sí/No)
Conexión
Flechas
Ejemplo: User Flow de registro
User Flow: Registro de nuevo usuario
¿Qué es un Journey Map?
Un journey map (mapa de viaje) va más allá del flujo técnico. Documenta la experiencia completa del usuario incluyendo sus emociones, pensamientos y puntos de dolor en cada etapa.
Componentes de un Journey Map
Persona
¿Quién es el usuario en este journey?
Objetivo
¿Qué quiere lograr el usuario?
Etapas
Las fases del proceso (awareness → uso → retención)
Emociones
¿Cómo se siente en cada etapa?
Ejemplo: Journey Map simplificado
Journey Map: Usuario de app de recetas
| Etapa | Descubrimiento | Registro | Primera búsqueda | Cocinar |
|---|---|---|---|---|
| Acción | Ve anuncio en Instagram | Crea cuenta con Google | Busca "pasta rápida" | Sigue la receta |
| Pensamiento | "Esto se ve útil" | "Ojalá sea rápido" | "¿Tendrán algo fácil?" | "Espero que salga bien" |
| Emoción | ||||
| Pain point | - | Formulario largo | Demasiados resultados | Fotos no claras |
| Oportunidad MVP | Anuncios llamativos | Solo Google login | Filtro por tiempo | Modo paso a paso |
Cómo crear user flows para tu MVP
Identifica los flujos críticos
Para tu MVP, enfócate en máximo 2-3 flujos principales: onboarding, acción core, y conversión (si aplica).
Empieza con papel y lápiz
Dibuja el flujo a mano primero. Es más rápido iterar antes de pasarlo a herramientas digitales.
Considera el "camino infeliz"
¿Qué pasa si el usuario comete un error? ¿Y si la conexión falla? Incluye estos casos en tu flujo.
Minimiza los pasos
Cada paso es una oportunidad de abandono. Pregunta: "¿Es este paso realmente necesario para el MVP?"
Herramientas recomendadas
Gratuitas
- Excalidraw - Diagramas tipo sketch
- Miro - Pizarra colaborativa
- Draw.io - Diagramas técnicos
Premium (con free tier)
- Figma - Diseño completo
- Whimsical - Flowcharts elegantes
- FigJam - Colaboración Figma
Para tu MVP: Mantén la simplicidad
Para un MVP de 30 días, tu user flow debería caber en una sola página. Si necesitas hacer scroll o múltiples páginas, estás diseñando demasiado.
Siguiente paso
En la próxima lección aprenderás a convertir tus user flows en wireframes - los esqueletos visuales de tu aplicación.