Diseño de flujo de transferencia de saldos para un banco.

Año
Caso práctico
UX Design
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:

  1. Página de inicio / login
  2. Dashboard de banca en línea
  3. Selección de cuenta origen
  4. Alta o selección de cuenta destino
  5. Ingreso de monto y concepto
  6. Confirmación
  7. 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