Cómo hacer un diagrama de flujo de usuario

Los diagramas de flujo de usuario son indispensables para dominar la experiencia del usuario. Le permiten comprender cómo interactúan los usuarios con su aplicación o sitio web, los pasos que toman para completar una tarea o lograr un objetivo en su sitio web. Esto lo ayudará a crear una experiencia de usuario superior para el usuario y satisfacer sus necesidades de manera más eficiente.

En esta guía, veremos el importante papel que juegan los diagramas de flujo de usuario en el diseño de UX, cómo hacer un diagrama de flujo de usuario y las mejores prácticas que debe tener en cuenta. También lo cubrimos con algunas plantillas útiles que puede usar a lo largo del proceso de diseño de su flujo de usuario.

¿Qué es un diagrama de flujo de usuario?

Un flujo de usuario se puede interpretar de muchas maneras. Se puede considerar como una descripción general que describe dónde pueden navegar los usuarios en su producto. También puede referirse a la calidad y la experiencia reales del camino que toman los usuarios para realizar una tarea.

O puede significar la secuencia real de pasos que el usuario realiza para completar una tarea. Los diagramas de flujo pueden ser útiles para visualizar estas rutas que toman los usuarios cuando usan su solución (es decir, sitio web o aplicación).

Estas herramientas que ayudan a rastrear visualmente los pasos de interacción entre las acciones del usuario y las interfaces del programa se denominan diagramas de flujo de usuario o mapas de flujo de usuario .

Ayudan a determinar la ruta lógica que debe tomar un usuario al interactuar con el sistema y describen las relaciones entre la funcionalidad del sistema, las posibles acciones del usuario y las consecuencias asociadas.

Los diagramas de flujo de usuario pueden tener diferentes aspectos según la etapa del proceso de diseño en la que se encuentre. Si ya tiene los esquemas para su aplicación o sitio web, puede usarlos para crear su diagrama de flujo. Tales diagramas de flujo de estructura alámbrica se denominan Wireflows.

Los diagramas de flujo de usuario también se denominan flujo de interacción, flujo de actividad, flujo de interfaz de usuario, flujo de navegación o diagramas de flujo de tareas .

Los símbolos del diagrama de flujo del usuario son los siguientes

Consulte este recurso para comprender más símbolos de diagrama de flujo que pueden ser útiles al crear diagramas de flujo de usuario.

Importancia de un diagrama de flujo de usuario

• Los diagramas de flujo de usuario son útiles cuando desea comprender sus diseños en función de los objetivos de sus usuarios.
• Se pueden usar para comunicar el flujo previsto de usuarios mientras navegan por las páginas de su sitio web o a través de las acciones en su aplicación.
• Los ingenieros, diseñadores y arquitectos pueden usarlos para comprender las complejidades, el alcance y las rutas del diseño de un sistema, así como para identificar brechas, dependencias y deficiencias en él.

Cómo hacer un diagrama de flujo de usuario

Sin más preámbulos, analicemos cómo hacer un diagrama de flujo de usuario.

Paso 1: comprender el viaje del cliente

Un flujo de usuario se basa en lo que hace el usuario; por lo tanto, comprender quiénes son, sus motivaciones, necesidades y comportamiento es crucial para hacer un diagrama de flujo de usuario efectivo.

Puede parecer un paso adicional, pero realizar una investigación adecuada de los usuarios y diseñar personajes de usuarios lo ayudará a crear flujos de usuarios más fluidos.

Ya hemos cubierto cómo crear personajes de usuario en una publicación anterior, consúltelo para aprender cómo crear un personaje de comprador en unos pocos pasos simples. O si ya está familiarizado con el proceso, aquí hay una plantilla para comenzar.

Una vez que haya creado el perfil del cliente, estará un paso más cerca de comprender su recorrido como usuario.

Puede usar un mapa de viaje del cliente aquí para analizar adecuadamente lo que hacen, sienten y esperan sus clientes cuando interactúan con su negocio (es decir, visitan su sitio web), los diversos puntos de contacto y puntos débiles.

También cubrimos el proceso de creación de un mapa de viaje del cliente en 6 pasos simples. Compruébalo.

El resto del paso de crear un flujo de usuario será más fácil una vez que conozca el viaje de su usuario.

Paso 2: identifica tus objetivos y los objetivos de tu usuario

El siguiente paso es hacerse una idea de los objetivos de tu negocio y de tus usuarios.

Es posible que ya conozca los objetivos de su empresa; por ejemplo, para aumentar la conversión en su sitio web, impulsar la venta de su producto, etc. Por lo general, es el resultado final de las acciones que desea que realicen sus usuarios.

Por otro lado, los objetivos de tus usuarios incluyen los deseos y necesidades que quieren satisfacer. Y diferentes usuarios también pueden tener diferentes objetivos en mente. Aquí es donde las personas de los usuarios y los mapas de viaje del cliente que creó anteriormente lo ayudarán a descubrir cuáles son.

Paso 3: Identifique de dónde provienen sus usuarios

Si está diseñando un sitio web, es posible que desee saber de dónde vienen sus clientes o, en otras palabras, cuáles son los puntos de entrada. Estos suelen incluir,

• Tráfico directo
• Búsqueda orgánica
• Redes sociales
• publicidad paga
• Correo electrónico
• Sitios de referencia
• Prensa o noticias

Puede utilizar Google Analytics para obtener los porcentajes de estos puntos de entrada. También pueden indicar diferentes comportamientos de los usuarios.

Por ejemplo, un visitante directo buscaría el nombre de su marca, mientras que un visitante de búsqueda orgánica primero buscaría en Google el producto que desea antes de descubrirlo como un vendedor adecuado.

Y es importante mapear estos diferentes flujos de usuarios en función de los diferentes puntos de entrada. Es clave para desarrollar una mejor experiencia para los usuarios.

Paso 4: Identifique la información que necesita el visitante

Para diseñar el mejor flujo de usuarios posible, debe ponerse en el lugar de sus clientes.

Esto significa entender de memoria cuáles son sus necesidades y motivaciones. Por lo tanto, necesita saber qué problemas tienen, sus dudas, vacilaciones, qué preguntas tienen sobre el producto y qué respuestas buscan.

Dado que ya ha creado sus personajes de comprador y el mapa de viaje, este paso es más fácil de completar.

Paso 5: Visualice sus flujos de usuario

A estas alturas ya conoce los usuarios para los que está creando el flujo de usuarios, cuáles son sus objetivos y de dónde provienen. El siguiente paso es crear el flujo de usuario.

Piense en lo que hacen sus usuarios antes y después de visitar una página particular de su sitio web. Qué ven, qué acción toman para alcanzar su objetivo. Esto lo ayudará a identificar las páginas que necesita crear, qué información/contenido debe proporcionar y cómo deben conectarse entre sí.

Preste atención al inicio y al final de cada tarea. Esto puede cambiar según el objetivo de los diferentes usuarios.

Una vez que haya filtrado la información necesaria, visualícela con un diagrama de flujo de usuario.

Paso 6: Prototipo de su flujo

Puede usar prototipos de baja fidelidad (estructuras alámbricas o maquetas de UI) para probar el flujo de usuario descrito en el paso anterior. El prototipo ayuda a agregar más detalles al flujo y lo ayuda a comprender el flujo entre las acciones del usuario y el contenido.

También te ayudará a validar que tu producto está diseñado de acuerdo a tus objetivos y los de tus usuarios.

Paso 7: revisar, refinar y probar

Puede compartir sus diagramas de flujo de usuario con las partes interesadas y analizar dónde se deben realizar los ajustes.

Y una vez que esté listo un prototipo de alta fidelidad, también puede probarlo con usuarios reales.

De esta manera, puede recopilar datos en cada paso del flujo de usuarios y comprender cómo navegan sus usuarios a través de su producto. Luego puede identificar áreas de mejora y aplicar soluciones antes del lanzamiento del producto final.

Mejores prácticas a tener en cuenta

Cumpla con las mejores prácticas a continuación para asegurarse de que los diagramas de flujo de usuario que cree sean realmente efectivos para ayudarlo.

• Siempre asigne a su diagrama de flujo de usuario un nombre que describa su propósito. Esto ayudará a cualquiera que se refiera a él a entender su base.
• Cíñete a una sola dirección cuando dibujes el diagrama de flujo. Dado que el gráfico traza una historia, ayuda a leerlo y comprenderlo mejor cuando el mapa fluye en una dirección.
• Limite el número de puntos de decisión para que no haya desorden y sea menos complicado.
• Asegúrese de que el alcance del diagrama de flujo del usuario cubra una sola tarea o un solo objetivo de su usuario. Si el flujo de usuarios solo cubre la mitad de la tarea o traza los pasos para cubrir más de un objetivo de usuario, no cumplirá su propósito.
• Asegúrate de agregar solo la información necesaria y evita cualquier otro detalle que no te ayude a describir el flujo y las acciones del usuario.
• Utilice una herramienta de diagrama de flujo digital como Creately para acelerar el proceso. Además, le permitirá obtener la opinión de otros y mantener su trabajo guardado en un solo lugar y en la nube, lo que le permitirá consultarlo y trabajar en él desde cualquier lugar. Además, te ayudará a ahorrar espacio con su área de lienzo infinita; de lo contrario, puede ocupar varias paredes de su sala de conferencias.

Plantillas de diagrama de flujo de usuario

¿Listo para hacer su propio diagrama de flujo de usuario?

Los flujos de usuario son una herramienta poderosa en el conjunto de herramientas de un diseñador. Hacen que sea más fácil para los diseñadores ver el panorama general: qué páginas necesitan crear y cómo deben estar conectadas. Hemos cubierto prácticamente todo lo que necesita saber para hacer un diagrama de flujo de usuario, incluidas las plantillas que puede usar para comenzar de inmediato.

Ahora nos gustaría saber su opinión sobre los diagramas de flujo de usuario. Escriba en la sección de comentarios a continuación.