Diseño de un Dashboard para un Neobanco en 8 horas

Una Startup financiera, cuya misión consiste en revolucionar el sector bancario tradicional, nos propone el reto de diseñar en un tiempo reducido, un dashboard para versión App mobile que ayude al usuario a llevar un mejor control financiero y poder sacar así un mayor partido a su dinero.

El público objetivo al que se van a dirigir y por tanto al tipo de usuario en el que nos teníamos que centrar en esta challenge son personas jóvenes con edades comprendidas entre 22 y 35 años y que comienzan a tener sus primeras necesidades en servicios bancarios.

Investigación

La labor de UX Research se inició en primer lugar mediante la realización de dinámicas de grupo a 50 jóvenes estudiantes y también se realizaron dinámicas de cocreación con stakeholders.

A continuación y con el fin de poder empatizar con el usuario final, se realizaron diferentes técnicas de Desk research y Netnografía para conocer cuál era la situación actual de la banca en internet y también para conocer cómo era el comportamiento y valoración de la experiencia de los usuarios.

Algunos de los findings detectados fueron los siguientes

Los jóvenes no tienen una imagen positiva de la banca y piensan que les ofrecen cosas que no se adaptan a sus necesidades.
Los jóvenes hacen un uso de la banca mínimo y limitado.
De los bancos no se creen nada y piensan que les van a engañar.
Los jóvenes centran sus demandas en aspectos como la seguridad, tranquilidad y claridad en la información.
Las hipotecas son el producto estrella de la mayoría de los bancos tradicionales.

Benchmarking

Para completar la investigación decido realizar un benchmarking del sector para conocer qué está haciendo la competencia y qué está ofreciendo al usuario en nuestro país y también para detectar pain points que puedan ser necesarios a tener en cuenta a la hora de poner en práctica en la fase de prototipado.

Empatizar con el usuario

Con la información obtenida de la investigación, procedo a elaborar los user persona para comprender mejor sus necesidades y poder centrarme en ellos:

‌En primer lugar, me centré en el usuario jóven estudiante

María esa una jóven de 22 años, estudiante de derecho que vive en Albacete, pero está viviendo en Madrid y depende de los económicamente de su familia. Le gustaría ahorrar para no depender tanto de sus padres pero no sabe cómo hacerlo.

Los pains point detectados en el usuario de María son los siguientes:

Su experiencia en banca es muy limitada: no todos los jóvenes tienen experiencia en este sentido
No tiene control sobre su cuenta: son sus padres los que las controlan
Las cuentas que tienen actúan como tarjetas monedero en las que los padres meten una cantidad limitada para los gastos del mes.

En segundo lugar realicé un User persona jóven que trabaja.

Pedro es un jóven que trabaja de diseñador gráfico en un pequeño estudio de diseño y vive en Valencia. Le gustaría poder ahorrar más para comprarse una casa e irse a vivir con su novia.

Siempre está observando ofertas y promociones y no dudaría de cambiarse a un banco que le ofreciera las mejores condiciones.

Los pain points detectados en este usuario son los siguientes:

Empiezan a tener sus primeras experiencias en servicios financieros siendo ellos los tomadores de la decisión.
La media solo tiene una cuenta y una tarjeta en cada uno de los bancos con los que trabajan.
Realizan las operaciones básicas: consultas y transferencias o traspasos entre cuentas.

Priorización de ideas

Una vez llevado a cabo la fase de investigación, elaboré un listado de objetivos y prioricé ideas mediante la técnica MoSCoW, utilizando una matriz de priorización dividida en Must-have (Debe-tener) Should-have (Debería-tener) Could-have (podría-tendría) Won’t have/ Would-have (no-tendría).

Obtuve varias ideas pero las que finalmente las funcionalidades clave que debería de tener el Dashboard serían las siguientes:

Identidad de marca joven adaptada al usuario.
Diseño siempre enfocado al usuario.
Un lenguaje claro para el usuario.
Unificar todas utilidades financieras dentro de la app.

Prototipando

Todas las necesidades y demandas de los usuarios tenían que estar reflejadas en la APP y contar con sus respectivas funcionalidades, así que lo primero que decidí fue sintetizar y diseñar la aplicación utilizando un Wireframe en baja realizando las diferentes pantallas que podía necesitar.

Primera pantalla = Splash Screen (logotipo y bienvenida).

Segunda pantalla = Login (acceso a la aplicación).

Tercera pantalla = Acceso usuario + información productos.

Cuarta pantalla = Dashboard principal (saldo actual, métricas de gastos y accesos).

Quinta pantalla = Transferencias (Operaciones y transferencias realizadas).

Sexta pantalla = Contratar nuesvos servicios (Opciones de servicios).

Séptima pantalla = Histórico (Movimientos).

Octava pantalla = Estadísticas ( Desglose por tipo de operación).

Sistema de diseño

Trabajé con una grid de 12 columnas respetando los parámetros y recomendaciones atomic design.

Éste es el resultado de las pantallas diseñadas en alta fidelidad.

Conclusiones y futuribles

Debido al poco tiempo que tuvimos para realizar la challengue (8 horas) no pudimos llevar a cabo el testeo de la aplicación, por lo que como futurible veo necesario realizar un test del user flow con herramientas diseñadas para ello como Maze.

En términos generales, me siento satisfecho con el resultado obtenido en tan poco tiempo obteniendo un dashboard con una interfaz y funcionalidades adecuada para el usuario.

‌