¿Qué son los diagramas de flujo en el diseño VX?
Los diagramas de flujo en el diseño VX son herramientas esenciales que nos permiten visualizar y estructurar la interacción del usuario con una aplicación o sitio web. A partir de un brief, traducimos los requerimientos en componentes tangibles que reflejan los objetivos principales del proyecto. En el ejemplo siguiente, un objetivo era dar a conocer los productos, y este se traduce en una sección de menú y promociones. Otro objetivo era incrementar la presencia en línea, lo cual se aborda mediante una activación de redes sociales y la inclusión de un componente de redes sociales en la página.
¿Cómo se estructuran los diagramas de flujo?
Menú y promociones
Una de las secciones primordiales del diagrama de flujo es el menú, que incluye categorías como:
- Hamburguesas
- Bebidas
- Acompañamientos
- Postres
Pedidos en línea
Esta sección permite al usuario seleccionar productos y avanzar en el proceso de compra, incluyendo:
- Resumen del pedido
- Datos de envío
- Mensaje de confirmación
Contacto y sucursales
Aquí el usuario puede encontrar información de contacto importante, como:
- Teléfono
- Dirección
- Sucursales
Páginas externas
Dentro del sitemap, también se consideran enlaces a páginas externas como:
- Instagram
- TikTok
- Facebook
- Plataforma de pagos
¿Cuál es la utilidad de los flujos de usuarios?
Los flujos de usuarios, o user flows, son diagramas más complejos que detallan los pasos necesarios para completar tareas específicas dentro de una aplicación o sitio web. Por ejemplo, en un flujo diseñado para un usuario que completa un pedido en línea, este flujo podría seguir estos pasos:
- Inicio en la página principal.
- Navegación a la sección de menú.
- Consulta del detalle de producto.
- Adición del producto al pedido.
- Visualización del resumen del pedido.
- Proceso de pago y envío de datos.
Si los datos son correctos, el usuario accede a una plataforma de pagos y recibe una confirmación. En caso contrario, el flujo incluye pantallas de error para corregir datos antes de intentar nuevamente.
¿Por qué es importante crear diagramas de flujo?
Claridad y organización: Facilitan la identificación de componentes y pantallas necesarias, como el inicio, el detalle de producto o mensajes de error y confirmación que podrían olvidarse durante el diseño.
Inventario de pantallas: Permiten contar cuántas pantallas o componentes necesitamos diseñar para lograr una experiencia de usuario completa y fluida.
Guía para wireframes: Sirven como base para desarrollar wireframes, proporcionando una estructura clara y detallada del proyecto.
Flexibilidad: Puedes crear tantos flujos como consideres necesarios, para adaptar mejor el diseño a los objetivos del cliente.
La creación de diagramas de flujo es un paso fundamental y estratégico en el diseño VX, ya que determina la arquitectura y funcionalidad de la aplicación. Además, es una herramienta invaluable para ahorrar tiempo y recursos al prever las necesidades de diseño desde la concepción del proyecto.
