Plantilla de flujo de usuario
Ayuda a los equipos de UX y de producto a mejorar la experiencia de usuario fomentando condiciones para soluciones creativas.
Acerca de la plantilla de flujo de usuario
Un diagrama de flujo de usuario (también conocido como diagrama de flujo de tareas o de interacción) es un proceso de mapeo visual paso a paso que describe lo que hace un usuario para terminar una tarea o cumplir 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 elige un usuario. El flujo también puede revelar cuántos pasos eligieron para completar una tarea y qué rutas deciden tomar al interactuar con tu producto o servicio para resolver un punto de dolor.
Mientras que los diagramas de flujo de usuario se centran en cómo un usuario se mueve a través de un producto en particular, una Plantilla de flujo de pantalla 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 producto a mapear la ruta lógica que un usuario debería seguir 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 realizar 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 aclara dónde comienza o termina el flujo
Proceso o acción: muestra los pasos que sigue el usuario, como "iniciar sesión" o "comprar"
Puntos de decisión: muestra cuándo un usuario tiene que tomar una decisión
Flechas: muestran hacia dónde se dirige el usuario según las decisiones tomadas
Prueba un flujo de usuario si tu equipo está intentando medir o mejorar cómo la experiencia de usuario existente puede llevar a mejores tasas de conversión de clientes.
El proceso puede ayudarte a tener presente a tu usuario y a identificar el objetivo empresarial, como una compra, registro para recibir un boletín de noticias o elegir una prueba gratuita.
Cuándo usar una plantilla de flujo de usuario
Los diagramas de flujo de usuario pueden ayudarte a:
Construir interfaces intuitivas: ¿tu flujo es fácil de recorrer, eficiente de usar e intuitivo para el usuario?
Decide si tu interfaz existente es adecuada para su propósito: ¿qué está funcionando, qué no funciona o qué necesita mejorar? ¿El flujo se siente fluido y lógico?
Presenta el flujo de tu producto a los 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 visión general paso a paso para alinearse con tu visión?
Al crear o recrear un flujo de usuario, pregúntate a ti y a tu equipo:
¿Qué está tratando de hacer el usuario?
¿Qué es importante para el usuario y le dará la confianza para seguir adelante?
¿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 crean mapas de 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 de tu sitio web o aplicación y reorganizar qué contenido y tareas de navegación incluir.
Crea tu propio diagrama de flujo de usuario
Mapear 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. Empieza seleccionando la plantilla de flujo de usuario, luego sigue los siguientes pasos para crear uno propio:
Decide tus objetivos comerciales y los de tus usuarios.
Determina dónde te gustaría que tus usuarios terminaran. Si aún no tienes uno (o necesitas actualizarlo), utiliza un mapa de recorrido del cliente para crear una visión compartida de la experiencia de tu cliente. Cada miembro del equipo puede 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 los visitantes encuentran tu sitio web.
¿Están encontrando tu producto o servicio a través de tráfico directo, búsqueda orgánica, publicidad de pago, 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 adecuada en el momento correcto, así que considera qué quiere tu cliente de tu punto de contacto digital y cómo puede sentirse. El compromiso, por ejemplo, una interacción con un chatbot, sigue siendo un posible indicador de éxito; no se trata solo de llevar a una compra final.
Planifica tu flujo de usuario.
Puedes editar las formas y flechas existentes en nuestra plantilla de flujo de usuario para adaptarlas a la investigación de usuario que has descubierto en los pasos anteriores. Después de que tu cliente descubre tu primer punto de contacto, ¿qué hacen a continuación? ¿Cuántos pasos hasta que completen una tarea? Usa el flujo de usuario básico en la plantilla para comenzar a crear el tuyo. Cambia los puntos de contacto, los puntos de salida y las direcciones de las flechas de las líneas de conexión 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 multifuncionales a ver tu tablero de Miro. Puedes elegir dejar comentarios de forma asíncrona con notas adhesivas o @menciones para revisión por pares. También puedes iniciar 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 suficiente aportación del equipo, haz los ajustes correspondientes.
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.
¿Qué es un ejemplo de flujo de usuario?
Imagina que estás desarrollando un sitio web para un evento. Si quieres mejorar la experiencia de tus usuarios, debes crear mapas / crear mapas con todos los pasos necesarios para registrarse en el evento y comprar las entradas. Puedes empezar por realizar un seguimiento del flujo de clientes y de dónde comienzan su proceso de compra de entradas para tu evento. El diagrama de flujo de 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.
Comienza ahora mismo con esta plantilla.
Plantilla de wireframes de baja fidelidad
Ideal para:
Investigación de escritorio, Gestión de productos, Wireframes
Cuando diseñes un sitio o desarrolles una aplicación, las etapas iniciales deben ser ENORMES: visualizar el panorama general y comunicar la gran idea. Los wireframes de baja fidelidad te permiten visualizarlo y hacerlo. Estos bocetos preliminares (piensa en ellos como la versión digital de un boceto en una servilleta) ayudan a tus equipos y partes interesadas del proyecto a determinar rápidamente si un diseño cumple con las necesidades de tus usuarios. Nuestra plantilla te permite usar wireframes fácilmente durante reuniones o talleres, presentaciones y sesiones de crítica.
Plantilla de diagrama de flujo de sitios web
Ideal para:
Diagramas de flujo, Mapeo, Experiencia del usuario
Un diagrama de flujo de sitio web, también conocido como sitemap, traza la estructura y la complejidad de cualquier sitio web actual o futuro. El diagrama de flujo también puede ayudar a tu equipo a identificar brechas de conocimiento para futuros contenidos. Cuando estás construyendo un sitio web, deseas asegurarte de que cada pieza de contenido proporcione a los usuarios resultados de investigación precisos basados en palabras clave asociadas con tu contenido web. Los equipos de producto, UX y contenido pueden usar diagramas de flujo o sitemaps para entender todo lo que contiene un sitio web y planificar la adición o reestructuración de contenido para mejorar la experiencia del usuario en un sitio web.
Plantilla de prototipo
Ideal para:
Diseño UX, Design Thinking
Un prototipo es una maqueta en vivo de tu producto que define la estructura del producto, el flujo del usuario y los detalles de navegación (como botones y menús) sin comprometerse con detalles finales como el diseño visual. Los prototipos te permiten simular cómo podría experimentar un usuario tu producto o servicio, mapear contextos y flujos de tareas del usuario, crear escenarios para comprender a las personas, y recopilar comentarios sobre tu producto. Usar un prototipo te ayuda a ahorrar dinero al localizar obstáculos temprano en el proceso. Los prototipos pueden variar, pero generalmente contienen una serie de pantallas o tableros de arte conectados por flechas o enlaces.