UX y marketing

Plantilla: Flujo de usuario

Pantallas y decisiones desde la primera visita hasta el panel

Vista previa de la plantilla Flujo de usuario

Qué incluye

Nodos
11
Packs
Diagrama de flujoWireframe
Categoría
UX y marketing

Funciona en el plan Free: 15 nodos de diagrama + 150 notas, textos, pegatinas y temas de mapa mental por diagrama.

Un flujo de usuario traza las pantallas que ve una persona y las decisiones que toma camino de un objetivo. Esta plantilla sigue una primera visita, desde que se abre la aplicación hasta llegar al panel, con una pantalla de bienvenida, una decisión según si el usuario ya tiene cuenta y pantallas separadas de registro e inicio de sesión.

Las pantallas son wireframes sencillos con controles reales, así que el flujo muestra lo que ve el usuario además de adónde va. Añade los estados de error, el camino de la contraseña olvidada o los pasos de incorporación que necesite tu producto, y revisa el flujo con diseño e ingeniería antes de que nadie construya las pantallas.

Cuándo usarla

  • Diseñar una funcionalidad nueva o un flujo de incorporación antes de los mockups detallados.
  • Revisar un recorrido existente para encontrar callejones sin salida y pasos innecesarios.
  • Explicar un flujo a desarrolladores, testers o al equipo de soporte.
  • Comparar dos versiones de un registro o de un proceso de compra.

Cómo usarla

  1. Renombra los puntos de inicio y fin según el objetivo para el que diseñas.

  2. Edita las pantallas wireframe y añade una pantalla por cada paso que ve el usuario.

  3. Añade decisiones donde el camino se divide y etiqueta cada flecha con la condición que lleva allí.

  4. Incorpora los casos de error y los casos límite, y comparte el flujo para revisión o expórtalo para un documento de diseño.

Preguntas

¿Necesito una herramienta de diseño aparte para las pantallas?

Para un flujo, no. El pack de wireframes incluye pantallas, botones, campos de entrada y elementos de navegación suficientes para mostrar la estructura. Pasa a una herramienta de diseño cuando necesites un acabado al píxel.

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

Un flujo de usuario trata de pantallas y decisiones dentro de un producto. Un mapa del recorrido cubre la experiencia más amplia a lo largo del tiempo, incluidas las emociones y los puntos de contacto fuera del producto.

Plantillas relacionadas

Caso de uso relacionado

Creador de diagramas de flujo

Abre un lienzo en un minuto

Inicia sesión con Google o GitHub. Gratis para un asiento. Mejora el plan cuando se una el equipo.