Los diagramas de flujo son representaciones gráficas de procesos. Nos ayudan a visualizar qué pasos siguen los usuarios o el sistema para completar una tarea. Aquí te explico los 4 símbolos principales, con ejemplos aplicados al desarrollo de una app de comida japonesa 🍣📱.
🔵 1. Inicio / Fin
Símbolo: Rectángulo con bordes redondeados
¿Qué representa?: El punto donde el proceso comienza o termina.
Ejemplos en la app:
- Inicio: El usuario abre la app.
- Fin: El usuario realiza un pedido o cierra la aplicación.
🟢 2. Entrada / Salida
Símbolo: Paralelogramo
¿Qué representa?: La entrada de datos por parte del usuario o la salida de información desde la app.
Ejemplos en la app:
- Entrada: El usuario escribe su nombre, correo o número para registrarse.
- Salida: La app muestra promociones, platos recomendados o el perfil del usuario.
🟡 3. Proceso
Símbolo: Rectángulo
¿Qué representa?: Una acción o tarea que se ejecuta.
Ejemplos en la app:
- Registro del usuario
- Inicio de sesión
- Visualización del menú
- Agregar productos al carrito
- Enviar un pedido
🔴 4. Decisión
Símbolo: Rombo
¿Qué representa?: Una pregunta o condición que lleva a distintos caminos (Sí / No).
Ejemplos en la app:
- ¿Estás registrado? → Sí: Iniciar sesión | No: Registrarse
- ¿El registro fue exitoso? → Sí: Verifica código | No: Muestra error
- ¿Quieres actualizar tus datos? → Sí: Editar | No: Continuar
🔁 Ejemplo del flujo completo de la app
[Inicio]
⬇
¿Está registrado? (rombo de decisión)
/ \
Sí No
| |
Iniciar Registrarse
sesión |
| ⬇
| Ingresar datos (paralelogramo)
| ⬇
| Validar datos (rectángulo de proceso)
| ⬇
| Registro exitoso?
| / \
| Sí No
| | |
| Verificar Mostrar
| código error
| | |
| ⬇ ⬆
| Visualizar menú y promociones (salida)
| ⬇
| Agregar productos (proceso)
| ⬇
| Enviar pedido (proceso)
| ⬇
| [Fin]
⬇
Visualizar menú y promociones (salida)
⬇
Agregar productos (proceso)
⬇
Enviar pedido (proceso)
⬇
[Fin]
Cómo interpretarlo:
- [Inicio]: El usuario abre la app (rectángulo redondeado).
- ¿Está registrado?: Pregunta con dos caminos (rombo de decisión).
- Iniciar sesión / Registrarse: Procesos distintos según respuesta.
- Ingresar datos y validación: Entrada (paralelogramo) y proceso (rectángulo).
- Registro exitoso?: Decisión para continuar o mostrar error.
- Visualizar menú y promociones: Salida para mostrar datos.
- Agregar productos y enviar pedido: Procesos para completar la compra.
- [Fin]: El proceso termina cuando compra o cierra la app.