Plantilla de flujo de pantalla

Acerca de la Plantilla de Flujo de Pantalla

Los flujos de pantalla (también conocidos como "wireflows") son una combinación de wireframes y la creación de un diagrama de flujo. El flujo completo mapea lo que los usuarios ven en cada pantalla y cómo esto afecta su proceso de toma de decisiones a través de tu producto o servicio. Con esa información en mano, puedes explicar mejor las decisiones que has tomado respecto a tu diseño de interacción.

Usa la Plantilla de Flujo de Pantallas para encontrar nuevas oportunidades de hacer que la experiencia del usuario sea fluida y libre de frustración de principio a fin.

Si estás interesado en desarrollar tu trabajo más a fondo y adentrarte en el ámbito del diseño UX, donde puedes mostrar el viaje del usuario como un diagrama de flujo con textos y símbolos en lugar de pantallas, te puede interesar la Plantilla de Flujo de Usuarios.

Sigue leyendo para aprender más sobre los flujos de pantallas.

¿Qué es un Flujo de Pantallas?

Un flujo de pantallas (o flujo de wireframes) reúne un diseño de múltiples pantallas, conectadas como un diagrama de flujo para mapear los puntos de decisión de un cliente y sus movimientos de principio a fin.

Los wireframes por sí solos carecen de contexto sobre cómo podría lucir un flujo de usuario interactivo, página a página. Los flujos de UX en sí mismos son más abstractos y no pueden mostrar lo que realmente está viendo tu cliente.

Los wireflows, o flujos de pantalla, combinan las fortalezas de ambos métodos y te ayudan a demostrar cómo lo que el usuario ve impacta altamente en cómo experimenta tu producto o servicio.

Cuándo usar los flujos de pantalla

Los wireframes ayudan a los equipos de UX y producto a pensar en el recorrido del usuario como un flujo completo en lugar de un conjunto de pantallas. El wireflow o flujo de pantalla se centra en las propias pantallas y en la interacción del usuario con tu servicio o producto.

Un diseñador puede crear un flujo de pantalla cuando necesita…

• Asegúrate de que no falten escenarios: con un recorrido de extremo a extremo mapeado, puedes considerar todos los posibles casos de uso que se aplican a las necesidades del cliente.

• Mejorar las interacciones del usuario: conoce a tu cliente a través de cada oportunidad en el flujo, como registros, confirmaciones o ventanas emergentes.

• Crear mejor comunicación interfuncional: reúne a diseñadores y desarrolladores, alentándolos a pensar en la experiencia completa en lugar de en pantallas separadas.

• Involucrar en la educación de las partes interesadas: si los clientes o equipos nunca han considerado lo que el usuario ve al moverse por tu producto o experiencia, seguir un flujo ayuda a crear empatía con los puntos problemáticos del cliente.

Crea tu propio flujo de pantallas

Hacer tu flujo de pantallas es fácil. La plataforma de colaboración virtual de Miro proporciona el lienzo perfecto para crearlos y compartirlos. Comienza seleccionando la plantilla de flujo de pantallas, luego sigue los siguientes pasos para crear uno propio.

1. Define tu historia de usuario

Antes de comenzar a mapear una secuencia visual, describe las necesidades de tus usuarios y los puntos problemáticos que se deben resolver. Esta es tu base para establecer un punto de partida para tu flujo de pantallas.

2. Decide qué mostrarán tus pantallas clave

Piensa en tus puntos de inicio y fin en el recorrido. ¿Necesitas una página de inicio? ¿Pantalla de formulario de registro? ¿Página de confirmación? Identifica los cambios o pasos adicionales en el proceso, como páginas que necesitan dividirse o pantallas que deben agregarse. Miro es la herramienta perfecta de creación de wireframes con una biblioteca de wireframes que tiene más de 15 componentes de IU que puedes fácilmente agregar a tu flujo de pantallas.

3. Conecta las pantallas

Agrega y mueve flechas entre cada pantalla para avanzar al usuario en la tarea, usando la herramienta de líneas de conexión de Miro. También puedes incluir puntos de decisión y mostrar lo que sucede en cada instancia disponible para el usuario.

4. Comparte tu flujo de pantallas con tu equipo o partes interesadas para recibir comentarios

Puedes usar la función de Miro para mencionar y etiquetar a tu equipo o a personas en particular para rondas rápidas de opiniones, críticas de diseño o revisiones antes de las sesiones de trabajo en vivo con clientes. También puedes compartir tu tablero de Miro con cualquiera (¡incluso si aún no están registrados!) haciendo clic en el botón Invitar colaboradores.

Descubre más ejemplos de flujos de usuarios que te ayudarán a construir tu próximo gran proyecto.

Preguntas frecuentes sobre la Plantilla de flujo de pantalla

¿Qué es el flujo de pantalla en UX?

Un flujo de pantalla te ayuda a analizar las interacciones de tu usuario, enfocándose principalmente en las pantallas de tu producto. Combina lo mejor de la creación de wireframes y diagramas de flujo, brindándote una visión más detallada del flujo de tu cliente y, por lo tanto, más datos para construir una mejor experiencia de usuario.