Sesión 3: Flujos de usuario «User flow»

Miércoles 3 de Agosto 2022.

Plantilla de flujo de usuario

 

Un flujo de usuario (también conocido como flujo de interacción, flujo de actividad, flujo de interfaz de usuario, fujo de navegación o diagrama de flujo de tareas) es un proceso de mapa visual paso por paso.

 

Los flujos de usuario te ayudan a entender lo que hace un usuario para terminar una tarea o alcanzar un objetivo a través de tu producto o experiencia.

 

Un flujo de extremo a extremo puede ayudarte a interpretar la calidad de la experiencia del camino que elige un usuario. El flujo también puede revelar cuántos pasos eligen para completar una tarea y qué caminos deciden tomar cuando eligen tu producto o servicio para resolver el motivo de preocupación.

 

¿Qué es un flujo de usuario?

 

Los flujos de usuario son diagramas que ayudan a los equipos de UX y de producto a trazar el recorrido lógico que debería realizar el usuario cuando interactúa con un sistema. Como herramienta visual, el flujo de usuario muestra las relaciones entre la funcionalidad de un sitio web o aplicación, las acciones potenciales que podría realizar el usuario y el resultado de lo que este decide hacer.

 

Los elementos principales del flujo de usuario son…

 

  • Un punto de inicio o final: esto deja claro dónde comienza o termina el flujo
  • Proceso o acción: muestra los pasos que da el usuario, como «inicio de sesión» o «compra».
  • Puntos de decisión: muestra cuándo el usuario debe tomar una decisión
  • Flechas: muestran dónde se dirige el usuario a partir de las decisiones que tomó

 

https://miro.com/es/plantillas/flujo-de-usuario/ 

 

Si tu equipo está tratando de afinar o mejorar la forma en que la experiencia de usuario actual conduce a mejores tasas de conversión de cliente, prueba con un flujo de usuario.

 

El proceso puede ayudarte a mantener a tu usuario en mente e identifica el objetivo de negocio (como una compra, el registro en un boletín o elegir una prueba gratuita).

 

 

UI flow con simbología

 

 

Crear un User flow: Sin mostrar las pantallas pero ahora debieran ser con diagramas, es un entregable para los programadores

Simbología entre las conexiones del user flow

 

https://www.smartdraw.com/flowchart/simbolos-de-diagramas-de-flujo.htm

https://www.slideserve.com/azra/diagrama-de-flujo