Creador de Diagramas de Flujo de Usuario AI Gratis

Así funciona

Ejemplos de diagramas de flujo de usuario.

Una herramienta, cuatro solicitudes. Todos los diagramas de abajo son resultados reales.

Lo que escribes

Crea un recorrido de usuario de restablecimiento de contraseña para banca móvil, de arriba abajo: abrir la app, seleccionar «He olvidado mi contraseña», introducir un ID de cliente y recibir un código de un solo uso. Si el código no es válido, dirigir al soporte del banco y a la revisión de recuperación de la cuenta. Si es válido, crear una contraseña nueva, inscribirse opcionalmente con Face ID o huella dactilar, iniciar sesión, recibir una alerta de seguridad y recuperar el acceso a la cuenta.

Después, pruebaAñade una comprobación de reconocimiento del dispositivo antes de enviar el código.Cambia la ruta del código fallido para bloquear la cuenta después de tres intentos.

Diagrama de flujo: Restablecimiento de contraseña en banca móvil

Diagrama de flujo · Sugiyama layered DAG + orthogonal routing · schematex-flowchart

El diagrama

Qué es un diagrama de flujo de usuario.

Un diagrama de flujo de usuario muestra el recorrido que hace una persona para alcanzar un objetivo en un producto. Conecta pantallas o acciones mediante decisiones, errores, bucles y resultados satisfactorios.

Los equipos de diseño y producto utilizan un flujo de usuario para comprobar que cada recorrido sea comprensible antes de desarrollarlo. El diagrama facilita hablar sobre callejones sin salida, estados faltantes y ramas inesperadas.

Standard: Sugiyama layered DAG + orthogonal routing
Engine: schematex-flowchart
Editable: Double-click text, drag nodes
Export: SVG · PNG · PDF

Diagrama de flujo: Qué es un diagrama de flujo de usuario

Quién lo usa

Quién usa los diagramas de flujo de usuario.

Diseñadores de producto

Rutas de navegación y estados de las pantallas antes de finalizar los wireframes o prototipos.

Investigadores de UX

Recorridos de tareas para planificar estudios de usabilidad y detectar dónde pueden quedarse atascados los participantes.

Product managers

Una visión compartida de las opciones de pago, los errores y los resultados al definir una funcionalidad.

Cómo funciona

Cómo hacer un diagrama de flujo de usuario en tres pasos.

Descríbelo

Basta con un párrafo para empezar.

“Crea un recorrido de usuario de restablecimiento de contraseña para banca móvil, de arriba abajo: abrir la app, seleccionar «He olvidado mi contraseña», introducir un ID de cliente y recibir un código de un solo uso. Si el código no es válido, dirigir al soporte del banco y a la revisión de recuperación de la cuenta. Si es válido, crear una contraseña nueva, inscribirse opcionalmente con Face ID o huella dactilar, iniciar sesión, recibir una alerta de seguridad y recuperar el acceso a la cuenta.”

Mira el diagrama

Lo dibuja el motor adecuado.

Indica qué cambiar

Cada cambio guarda una versión.

Añade una comprobación de reconocimiento del dispositivo antes de enviar el código.

V2 · DRAWN FROM V1, NOTHING RETYPED

Preguntas frecuentes

Preguntas habituales

¿Qué es un diagrama de flujo de usuario?

Es un diagrama de los pasos y decisiones que sigue una persona en un sitio web o una app para completar una tarea. Puede incluir pantallas, acciones, errores y estados finales.

¿Qué debe incluir un flujo de usuario?

Incluye el punto de inicio, cada pantalla o acción importante, los puntos de decisión, las rutas alternativas, los errores y el resultado que la persona quiere alcanzar.

¿En qué se diferencia un flujo de usuario de un mapa del recorrido del usuario?

Un flujo de usuario se centra en la navegación y las decisiones dentro del producto. Un mapa del recorrido del usuario es más amplio y suele incluir objetivos, emociones y puntos de contacto externos al producto.

¿Cuándo debo crear un flujo de usuario?

Créalo al diseñar una tarea nueva, modificar un recorrido complejo, preparar una investigación de usabilidad o explicar la navegación al equipo de ingeniería y a las partes interesadas.

Herramientas relacionadas