¿Qué es?
Un diagrama de flujo es un método que describe con una secuencia lógica de pasos ordenados una tarea concreta. Es un método que nos permite tener una representación gráfica de la navegación de una app o una web. Por ejemplo, en el diagrama de flujo de completar un proceso de compra, los pasos serían: seleccionar los productos, añadirlos a la cesta, seleccionar pagar, modo de pago y realizar el pago.
Este tipo de herramientas permite al diseñador sintetizar y analizar las diferentes interacciones del usuario con nuestra aplicación o servicio. Bien trabajada es una muy buena herramienta para comunicar las interacciones entre el equipo de trabajo de un proyecto, como por ejemplo entre los diseñadores y/o desarrolladores.
Materiales
Es necesario tener definidas las funcionalidades del sistema.
Otras denominaciones
En inglés se conoce como flow diagrams o flowcharts.
¿Cuándo?
Los diagramas de flujo se utilizan normalmente para sintetizar diferentes propuestas de interacción del usuario con el producto o servicio. Es perfecto para utilizar durante la conceptualización del proyecto.
¿Cómo?
Lo primero que hemos de hacer es definir la tarea que queremos representar gráficamente. Una vez tenemos clara la tarea, debemos hacer una descripción secuencial de los pasos que tenemos que seguir para cumplir el objetivo. Preferentemente por escrito.
Imaginemos que hemos ido al supermercado y queremos pagar con nuestra tarjeta de crédito contactless:
- Acercamos la tarjeta al terminal.
- Una vez en la pantalla de PIN, introducimos nuestro pin.
- Si el pin es correcto, el pago se efectúa.
- Si el pin no es correcto, lo volvemos a introducir.
- Si ponemos tres veces mal el pin, el terminal no aceptará la transacción.
Una vez tenemos los pasos descritos, podemos hacer la representación gráfica de estos:
Fuente: elaboración propia.
Los diagramas de flujo suelen tener un punto de inicio y un punto para marcar el fin, pero se pueden adaptar para mostrar procesos cíclicos.
Ventajas
- Es una muy buena herramienta para descomponer problemas grandes en problemas pequeños.
- Permite comprender el proceso que hay que seguir.
- Permite identificar posibles errores antes del desarrollo final de producto o servicio.
Inconvenientes
- Si se trabaja a bajo nivel, entrando en mucho detalle en las acciones pueden generarse diagramas de flujo de difícil comprensión.
Guías
Este contenido se amplía a través de la siguiente guía: “Guía Diagrama de flujo”.
Referencias
Hanington, B.; Martin, B. (2012). Universal methods of design: 100 ways to research complex problems, develop innovative ideas, and design effective solutions. Rockport Publishers.