· WALLETBANK ·
MOBILE APP · BRANDING · UX/UI · FLOW DESIGN · PROTOTYPING
CONTEXT
Walletbank es… una app que necesitaba X. El producto cubre todas las necesidades de un banco: transferencias… etc y su punto fuerte está en la separación de monederos.
El encargo incluía investigación, rebranding, ux/ui, diseño de flujo, creación de prototipo y sencille en la interfaz para que el cliente entendiera rápidamente cómo funcionaba.
Los usuarios demandaban… echaban en falta.. se quejaban de…
Eso significaba que la interfaz tenía que ser directa, de alto contraste, accesible para todo tipo de personas, muy personalizable para cada tipo de ahorrador/gastador. ..
PROBLEM & APPROACH
UNDERSTANDING THE USERS
La fase de investigación reveló que la app estaba muy limitada en cuanto a capacidad de movimiento de los usuarios, que no permitía que utilizaran los monederos y que hacían falta más páginas que complementaban la app. El planteamiento principal de la app tal cual me la presentaron necesitaba un desarrollo completo de branding y de sistema de diseño que permitiera a los usuarios identificar lo que querían hacer….
APRENDIZAJES /DESCUBRIMIENTOS
DESIGN DECISIONS
UX FLOW
El flujo de trabajo se reestructuró y se amplió. Cada flujo de acción se redujo a una secuencia corta con una acción principal, información clara sobre el estado del monedero y su personalización, y un camino de regreso rápido.
La página principal conectaba todas las posibilidades.
DESIGN SYSTEM
El sistema de diseño era primordial para que el usuario entendiera la app y los botones y para que servía cada uno muy rápidamente, que el aprendizaje fuera intuitivo y sencillo y un apoyo funcional al diseño de la interfaz.
El sistema de marca utiliza colores verdes brillantes, alejados de los colores habituales en los marcas de bancos. Un color que conlleva paz, tranquilidad y que llama al dinero. El objetivo no era crear un universo decorativo sino una identidad práctica que transmitiera tranquilidad, que fuera fácilmente reconocible.
El kit de interfaz de usuario abarcaba colores, tipografía, iconos, botones, controles de acción, bloques de acción reutilizables, alertas. Un lenguaje visual completo.
CONCLUSIONS
RESULTS Y APRENDIZAJES
El resultado es un sistema de aplicación móvil compacto con una marca lo suficientemente distintiva como para ser memorable y lo suficientemente estructurada para que funcione correctamente y cumpla su función con los objetivos de los usuarios, que son muy distintos entre sí.
Este caso me ha permitido conocer abordar, conocer y trabajar en un diseño de producto orientado a perfiles de usuario muy diferentes que necesitaban una personalización muy alta. Entender la cantidad de caminos que se abren cuando el diseño de producto detrás de una aplicación tiene que aunar la investigación, la arquitectura de ux, el diseño de flujo, marca, sistema de diseño, lógica del prototipo y facilidad de aprendizaje.
El testeo evidenció que pequeños ajustes en los flujos, como la edición de carteras o la descarga de transacciones, generan una gran diferencia en la percepción de control y confianza del usuario.
Las pruebas de usabilidad confirmaron que los usuarios valoran la claridad visual para entender cuánto pueden gastar y cuánto ahorrar, lo que refuerza la necesidad de resaltar la información financiera de manera simple y directa.
Los distintos perfiles de usuarios (gastadores y organizadores) mostraron que no existe una única manera de gestionar el dinero, por lo que la app debe ser flexible y adaptarse a diferentes estilos de uso
POSIBLES MEJORAS FUTURAS
Incluir recomendaciones personalizadas de ahorro y gasto basadas en hábitos detectados, para aumentar la relevancia de la app.
Incorporar elementos visuales más dinámicos (gráficas o resúmenes rápidos) que ayuden a los usuarios a interpretar sus finanzas de un vistazo.
Diseñar funciones de personalización que permitan a cada perfil (organizador o gastador) priorizar la información que más le interesa.
Ampliar las pruebas con un grupo más diverso de usuarios para validar la escalabilidad de las soluciones propuestas.