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 de extremo a extremo muestra lo que los usuarios ven en cada pantalla y cómo eso impacta 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 la experiencia del usuario más fluida y sin frustraciones de principio a fin.

Si te interesa desarrollar aún más tu trabajo y adentrarte en el ámbito del diseño UX, donde se pueda mostrar el recorrido del usuario como un diagrama de flujo con textos y símbolos en lugar de pantallas, quizá te interese la Plantilla de Flujo de Usuario.

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

¿Qué es un Flujo de Pantallas?

Un flujo de pantallas (o wireflow) combina un diseño multi-pantalla, conectado como un diagrama de flujo, para trazar los puntos de decisión y movimientos de un cliente de principio a fin.

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

Los wireflows o flujos de pantalla combinan las fortalezas de ambos métodos y te ayudan a respaldar cómo lo que el usuario ve tiene un gran impacto 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 pantallas en sí y en la interacción del cliente con tu servicio o producto.

Un diseñador puede mapear un flujo de pantalla cuando necesita...

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

• Mejorar las interacciones con el usuario: conoce a tu usuario a través de todas las oportunidades en el flujo, como registros, confirmaciones o ventanas emergentes.

• Crear una mejor comunicación interfuncional: reúne a diseñadores y desarrolladores, fomentando que piensen en toda la experiencia en lugar de en pantallas separadas.

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

Crea tu propio flujo de pantallas

Crear tu flujo de pantalla 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 Pantalla, luego sigue los siguientes pasos para crear uno propio.

1. Define la historia de usuario

Antes de comenzar a mapear una secuencia visual, describe las necesidades de tu usuario y los puntos problemáticos que deben resolverse. Esta es tu base para establecer un punto de partida para tu flujo de pantalla.

2. Decide qué mostrarán tus pantallas clave

Reflexiona sobre tus puntos de inicio y final en el recorrido. ¿Necesitas una página de inicio? ¿Pantalla de registro? ¿Página de confirmación? Identifica cambios o pasos adicionales en el proceso, como páginas que necesitan dividirse o pantallas que deben añadirse. Miro es el perfecto creador de wireframes con una biblioteca de wireframes que tiene más de 15 componentes de interfaz de usuario que puedes añadir fácilmente a tu flujo de pantallas.

3. Conecta las pantallas

Añade y mueve flechas entre cada pantalla para avanzar al usuario a través de 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 de etiquetar para mencionar a tu equipo o personas individuales para rondas rápidas de comentarios, críticas de diseño o revisiones antes de las sesiones de taller en vivo con clientes. También puedes compartir tu tablero de Miro con cualquiera (¡incluso si no están registrados aún!) haciendo clic en el botón Invitar miembros.

Descubre más ejemplos de flujos de usuario para ayudarte 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 pantallas te ayuda a analizar las interacciones de tu usuario, centrándose principalmente en las pantallas de tu producto. Combina lo mejor del wireframing y los diagramas de flujo, proporcionándote una visión más detallada del flujo del cliente y, por lo tanto, más datos para construir una mejor experiencia de usuario.