Plantilla de flujo de usuario

Sobre la Plantilla de Flujo de Usuario

Un diagrama de flujo de usuario (también conocido como diagrama de interacción o de flujo de tareas) es un proceso de mapeo visual paso a paso, que describe lo que hace un usuario para completar una tarea o lograr un objetivo a través de tu producto o experiencia. 

Diagramar el flujo de usuario puede ayudar a interpretar la calidad o experiencia del camino que un usuario elige. El flujo también puede revelar cuántos pasos decide tomar para completar una tarea y qué rutas elige al interactuar con tu producto o servicio para resolver un problema. 

Mientras que los diagramas de flujo de usuario se centran en cómo un usuario navega a través de un producto en particular, una Plantilla de Flujo de Pantallas presenta un diseño de página estilo wireframe en forma de diagrama de flujo. 

¿Qué es un diagrama de flujo de usuario?

Los diagramas de flujo de usuario ayudan a los equipos de UX y de producto a mapear el camino lógico que un usuario debería tomar al interactuar con un sistema. Como herramienta visual, el diagrama de flujo de usuario muestra la relación entre la funcionalidad de un sitio web o aplicación, las acciones potenciales que un usuario podría tomar y el resultado de lo que el usuario decide hacer. 

Los elementos principales de un flujo de usuario son:

• Un punto de inicio o final: esto clarifica dónde comienza o termina el flujo

• Proceso o acción: muestra qué pasos toma el usuario, como "iniciar sesión" o "comprar"

• Puntos de decisión: muestra cuándo un usuario debe tomar una decisión

• Flechas: indican hacia dónde se dirige el usuario según las decisiones tomadas

Prueba un flujo de usuario si tu equipo está tratando de evaluar o mejorar cómo la experiencia de usuario existente puede llevar a mejores tasas de conversión de clientes. 

El proceso puede ayudarte a mantener a tu usuario en mente y precisar el objetivo de negocio, como una compra, registro a un boletín de noticias o probar una versión gratuita.

Cuándo utilizar una plantilla de flujo de usuario

Los diagramas de flujo de usuario pueden ayudarte a:  

• Construir interfaces intuitivas: ¿tu flujo permite navegar fácilmente, es eficiente de usar e intuitivo para el usuario?

• Decidir si tu interfaz existente es adecuada para el propósito: ¿qué funciona, qué no funciona o necesita mejorar? ¿El flujo se siente sin interrupciones y tiene sentido?

• Presentar tu flujo de producto a equipos internos o clientes: ¿puede tu equipo de diseño ver lo que dice o hace tu cliente durante el proceso de compra, registro o inicio de sesión? ¿Pueden los clientes obtener una vista general paso a paso para alinearse con tu visión?

Al crear –o recrear– un flujo de usuario, pregúntate a ti mismo y a tu equipo:

• ¿Qué está tratando de hacer el usuario?

• ¿Qué es importante para el usuario y le dará la confianza para continuar?

• ¿Qué información adicional necesitará el usuario para tener éxito?

• ¿Cuáles son las dudas o barreras del usuario para completar la tarea?

Un mapa de flujo de usuario puede ayudar a los diseñadores (y a sus equipos o clientes) a mantenerse centrados en el usuario, incluso cuando mapean procesos complejos. 

Como diseñador, puedes usar diagramas de flujo de usuario para decidir cómo diseñarás las páginas, pantallas o superficies en tu sitio web o aplicación y reorganizar qué contenido y tareas de navegación incluir.

Crea tu propio diagrama de flujo de usuario

Crear tu propio flujo de usuario es fácil. El espacio de trabajo visual de Miro es el lienzo perfecto para crear y compartir tu diagrama. Comienza seleccionando la plantilla de flujo de usuario, y luego sigue los siguientes pasos para hacer uno propio:

Decide tus objetivos comerciales y los objetivos de tus usuarios. 

Determina dónde te gustaría que terminen tus usuarios. Si aún no tienes uno (o necesitas actualizarlo), utiliza un mapa de la experiencia del cliente para crear una visión compartida de la experiencia de tu cliente. Todos los miembros del equipo pueden beneficiarse de una comprensión compartida de los sentimientos de tus clientes en cada posible punto de contacto con tu producto o servicio. Construir empatía con el usuario informará cada paso de tu proceso de flujo de usuario. 

Descubre cómo encuentran los visitantes tu sitio web. 

¿Encuentran tu producto o servicio a través de tráfico directo, búsqueda orgánica, publicidad pagada, redes sociales, enlaces de referencia o correos electrónicos? Estos puntos serán el inicio de tu diagrama de flujo de usuario, dependiendo de lo que descubras. 

Descubre qué información necesitan tus usuarios y cuándo la necesitan. 

Los usuarios se convierten cuando reciben la información correcta en el momento adecuado, así que considera qué desea tu cliente de tu punto de contacto digital y cómo podrían sentirse. El compromiso —por ejemplo, una interacción con un chatbot— sigue siendo una métrica de éxito potencial; no se trata solo de llevar a una compra final.

Mapea tu flujo de usuario. 

Puedes editar las formas y flechas existentes de nuestra plantilla de flujo de usuario para adaptarlas a la investigación de usuarios que hayas descubierto en los pasos anteriores. Después de que tu cliente descubra tu primer punto de contacto, ¿qué hace a continuación? ¿Cuántos pasos hay hasta que completan una tarea? Utiliza el flujo de usuario básico en la plantilla para comenzar a dibujar el tuyo propio. Cambia puntos de contacto, puntos de abandono y direcciones de las líneas de enlace para que se ajusten mejor a tu diagrama de flujo de usuario.

Obtén comentarios de tu equipo.

Invita a tu equipo, clientes o partes interesadas multidisciplinarias a ver tu Tablero de Miro. Puedes optar por dejar comentarios de forma asincrónica con notas adhesivas o menciones @ para revisión por pares. También puedes unirte a una videoconferencia en tu Tablero de Miro y asignar a alguien de tu equipo para desempeñar el rol de tomador de notas. Una vez que tengas suficientes opiniones del equipo, realiza los ajustes que correspondan.

Comparte con otras partes interesadas o clientes y sigue reiterando según sea necesario. 

Tu flujo de usuario cambiará con el tiempo a medida que evolucionen las actitudes y motivaciones de tus clientes. Adáptate en consecuencia, mantente centrado en el usuario.

Preguntas frecuentes sobre la Plantilla de Flujo de Usuario

¿Qué es un ejemplo de flujo de usuario?

Imagina que estás desarrollando un sitio para un evento. Si deseas mejorar tu experiencia de usuario, debes mapear todos los pasos necesarios para el registro al evento y la compra de boletos.

Puedes comenzar siguiendo el flujo de tu cliente y dónde inician su recorrido para comprar las entradas de tu evento. El diagrama de flujo del usuario te ayuda a visualizar de un vistazo cómo completará el cliente su compra (el objetivo final de tu sitio web), desde el registro hasta la página de pago.