Diseño de flujo de transferencia de saldos para un banco.
2025
Caso práctico
Flujo de transferencia
Caso práctico
1. Rol del diseñador en el proyecto
Mi rol fue Diseñador UX/UI, responsable de liderar la creación del flujo de transferencia bancaria dentro de una app. Me encargué desde la definición de necesidades del usuario, desarrollo de wireframes y prototipos, hasta pruebas de usabilidad y entrega de prototipos de alta fidelidad.
2. Objetivo del proyecto
Diseñar un flujo simple, eficiente y accesible que permitiera a los usuarios transferir saldos entre cuentas de manera digital, sin necesidad de asistir a una sucursal bancaria, alineado con las mejores prácticas de usabilidad y seguridad.
3. Público objetivo
- Personas multitask con actividades profesionales intensas, como Eli De Ibarra, directora de una startup que busca evitar trámites presenciales y optimizar su tiempo.
- Usuarios que realizan operaciones financieras frecuentes desde su teléfono móvil o computadora.
4. Principales desafíos o limitaciones
- Fricciones en la experiencia del usuario al realizar transacciones complejas.
- Limitaciones de infraestructura tecnológica del banco.
- Garantizar un flujo seguro, rápido y amigable.
- Diseño intuitivo que minimice errores durante la operación.
5. Detalles del estudio de investigación
- Entrevistas con usuarios tipo, como Eli, para comprender frustraciones con operaciones presenciales.
- Validación de puntos de dolor: tiempos de espera, limitaciones de apps bancarias existentes y falta de autonomía.
- Creación de persona, mapa de empatía y escenarios de uso alineados a sus hábitos digitales.
6. Conceptos de diseño iniciales
- Flujo paso a paso con lenguaje claro.
- Botones de acción grandes y visibles.
- Confirmación visual en cada etapa (cuenta, monto, concepto, validación).
- Optimización del tiempo y reducción de errores humanos.
7. Bocetos o esquemas de página
Se desarrolló un mapa de sitio secuencial con la siguiente estructura:
- Página de inicio / login
- Dashboard de banca en línea
- Selección de cuenta origen
- Alta o selección de cuenta destino
- Ingreso de monto y concepto
- Confirmación
- Comprobante de transferencia
8. Resultados de las pruebas de usuario
- Pruebas de usabilidad con prototipos de baja fidelidad.
- Usuarios valoraron la confirmación visual antes de ejecutar la transferencia.
- Se ajustaron colores, botones y etiquetas para mejorar la navegación.
- Se añadieron accesos rápidos a cuentas frecuentes.
9. Maquetas o prototipos de alta fidelidad
El diseño final fue un prototipo funcional y visualmente limpio, con jerarquía visual clara para guiar la transferencia. Las pantallas incluían:
- Validación de datos en tiempo real.
- Accesos rápidos a cuentas favoritas.
- Comprobante descargable con opción de compartir por correo o mensaje.
Conclusión
Lo aprendido: Este proyecto confirmó la importancia de diseñar con empatía, especialmente en entornos financieros. Cada clic debe estar cuidadosamente pensado para evitar errores y generar confianza. La validación constante con usuarios fue clave para tomar decisiones centradas en la experiencia.
Próximos pasos:
- Ampliar el diseño a flujos complementarios como pago de servicios y transferencias internacionales.
- Integrar mejoras con base en una segunda ronda de pruebas.
- Alinear el diseño con el branding general del banco y sistemas de diseño existentes.




