evo_project_cover_1920x1080_

PROYECTO

EVO Bank

Propuesta rediseño UI

 

ROL

Product Designer (UX/UI)

PROYECTO

EVO Bank

Propuesta rediseño UI

 

ROL

Product Designer (UX/UI)

PROYECTO

EVO Bank

Propuesta rediseño UI

 

ROL

Product Designer (UX/UI)

RESPONSABILIDADES

Research

User flow

Wireframes

Diseño de interacción

Diseño UI

RESPONSABILIDADES

Research

User flow

Wireframes

Diseño de interacción

Diseño UI

RESPONSABILIDADES

Research

User flow

Wireframes

Diseño de interacción

Diseño UI

Contexto

EVO había consolidado su banca móvil como una de las más evolucionadas del mercado y nos pidió una propuesta de rediseño de su interfaz para no quedarse atrás frente a las renovaciones que últimamente estaba llevando a cabo su competencia directa.

Contexto

EVO había consolidado su banca móvil como una de las más evolucionadas del mercado y nos pidió una propuesta de rediseño de su interfaz para no quedarse atrás frente a las renovaciones que últimamente estaba llevando a cabo su competencia directa.

Reto

Nuestro objetivo consistía en proponer un rediseño en términos de UI que no solo entrara por los ojos, sino que resolviera el máximo número de problemas de los usuarios.

Sabiendo que los cambios tienden a generar rechazo en los usuarios, ¿cómo podríamos conseguir que nuestra propuesta fuera lo suficientemente atractiva, tanto en lo visual como en lo funcional, como para minimizar esa fricción?

Reto

Nuestro objetivo consistía en proponer un rediseño en términos de UI que no solo entrara por los ojos, sino que resolviera el máximo número de problemas de los usuarios.

Sabiendo que los cambios tienden a generar rechazo en los usuarios, ¿cómo podríamos conseguir que nuestra propuesta fuera lo suficientemente atractiva, tanto en lo visual como en lo funcional, como para minimizar esa fricción?

Metodología

Metodología

evo_metodologia_fases

01 Inmersión

01 

Inmersión

Análisis estado actual

Encuestas

Entrevistas

Benchmarking

Análisis tendencias diseño UI


Análisis estado actual

Encuestas

Entrevistas

Benchmarking

Análisis tendencias diseño UI


/Análisis estado actual

/Análisis estado actual

Objetivo: analizar el estado de la app actual y detectar fortalezas y debilidades.

Centramos el análisis en las 3 primeras pantallas por las que pasa el usuario cuando entra en la app: login, resumen y menú.

Objetivo: analizar el estado de la app actual y detectar fortalezas y debilidades.

Centramos el análisis en las 3 primeras pantallas por las que pasa el usuario cuando entra en la app: login, resumen y menú.

evo_mockup_login
LOGIN

Video background estacional o imagen personalizada. Identificación principal mediante PIN numérico.

LOGIN

Video background estacional o imagen personalizada. Identificación principal mediante PIN numérico.

evo_mockup_saldo
RESUMEN/SALDOS

Branding aplicado de manera literal. Estética bold. Elementos pesados, tanto en el fondo como en las cards. 

RESUMEN/SALDOS

Branding aplicado de manera literal. Estética bold. Elementos pesados, tanto en el fondo como en las cards. 

evo_mockup_menu
MENÚ

Muchos accesos de acciones del día a día en niveles secundarios del menú.

MENÚ

Muchos accesos de acciones del día a día en niveles secundarios del menú.

/Opiniones de los usuarios

/Opiniones de los usuarios

Objetivo: conocer a los usuarios de la app de EVO y entender sus problemas, para determinar el foco a la hora de introducir mejoras.

 

Objetivo: conocer a los usuarios de la app de EVO y entender sus problemas, para determinar el foco a la hora de introducir mejoras.

 

RESEÑAS

Analizamos las reseñas que los usuarios vertían en App Store y Google Play

RESEÑAS

Analizamos las reseñas que los usuarios vertían en App Store y Google Play

LEAN SURVEY CANVAS

Nos apoyamos de este método para definir la información que queríamos obtener en las encuentas

LEAN SURVEY CANVAS

Nos apoyamos de este método para definir la información que queríamos obtener en las encuentas

ENCUESTAS

Lanzamos preguntas a usuarios de la app para saber:


· Cómo accedían a la app y cómo valoraban el proceso de login

· Cuáles eran las operaciones y consultas que realizaban con mayor frecuencia

· Qué funcionalidades no estaban del todo a mano y deberían ser más accesibles

· Qué mejorarían (a nivel estético y funcional)

· Con qué estaban contentos

ENCUESTAS

Lanzamos preguntas a usuarios de la app para saber:


· Cómo accedían a la app y cómo valoraban el proceso de login

· Cuáles eran las operaciones y consultas que realizaban con mayor frecuencia

· Qué funcionalidades no estaban del todo a mano y deberían ser más accesibles

· Qué mejorarían (a nivel estético y funcional)

· Con qué estaban contentos

ENTREVISTAS

Realizamos entrevistas a los heavy users detectados para profundizar cualitativamente en las necesidades, deseos y fricciones de los usuarios a la hora de interactuar con la app en su día a día

ENTREVISTAS

Realizamos entrevistas a los heavy users detectados para profundizar cualitativamente en las necesidades, deseos y fricciones de los usuarios a la hora de interactuar con la app en su día a día

PROBLEMAS DETECTADOS

PROBLEMAS DETECTADOS

1
LOGIN

El login mediante huella es el acceso mayoritario. Genera bastante fricción tener que pulsar previamente un botón para poder acceder con la huella

LOGIN

El login mediante huella es el acceso mayoritario. Genera bastante fricción tener que pulsar previamente un botón para poder acceder con la huella

2
ACCESO A OPERATIVAS

Los usuarios logran encontrar las cosas pero no de manera intuitiva. Muchos no están contentos con el orden en el que aparecen las opciones

ACCESO A OPERATIVAS

Los usuarios logran encontrar las cosas pero no de manera intuitiva. Muchos no están contentos con el orden en el que aparecen las opciones

3
LENTITUD

La velocidad aparece comopunto de fricción habitual tanto en el login como en los procesos de las operaciones comunes del día a día

LENTITUD

La velocidad aparece comopunto de fricción habitual tanto en el login como en los procesos de las operaciones comunes del día a día

/Bechmarking

Objetivo: analizar las últimas implementaciones de los productos de la competencia para que nuestra propuesta sea competitiva. Analizamos los productos de banca móvil de las entidades tradicionales, pero sobre todo nos focalizamos en la competencia directa: ING, N26, Revolut, Bnext, Tide…

benchmarking

Análisis tendencias de diseño UI

Objetivo: saber qué está pasando en cuanto a tendencias estéticas para ofrecer un diseño acorde a la actualidad.

Tendencias 1
Tendencias 3
Tendencias 5
Tendencias 2
Tendencias 4
trends_6

02 Empatía

02 

Empatía

Personas

User Journeys

Mapas de empatía

Personas

User Journeys

Mapas de empatía

/Personas, User Journeys y Mapas de empatía

/Personas, User Journeys

y Mapas de empatía

/Personas, User Journeys y Mapas de empatía

Objetivo: empatizar con los usuarios, comprender en profundidad sus necesidades y fricciones para poder plantear soluciones que optimicen su experiencia.

Objetivo: empatizar con los usuarios, comprender en profundidad sus necesidades y fricciones para poder plantear soluciones que optimicen su experiencia.

User Persona
Mapa de empatía
proto_journey_02

03 Ideación

03 

Ideación

Soluciones diseño

Wireframes

Diseño visual

Soluciones diseño

Wireframes

Diseño visual

/Soluciones a los problemas detectados

Con todo lo aprendido en la fase de investigación, nuestra propuesta de rediseño busca solucionar los principales problemas de los usuarios para generar una experiencia basada en la sencillez, la facilidad y la rapidez.

1
LOGIN

Gracias al reconocimiento del dispositivo, el login biométrico saltará automáticamente en los dispositivos capacitados. Si dispone de huella o face ID no hará falta pulsar un botón previo. Siempre se le dará la opción alternativa de entrar con PIN numérico

2
ACCESO A OPERATIVAS

Solucionamos los problemas en cuanto a las funcionalidades poco accesibles con un Menú de favoritos. Este menú podrá ser personalizado con las operaciones o consultas a las que se accede con mayor frecuencia

3
LENTITUD

Eliminamos los elementos pesados de la interfaz (como el video background del login o las imágenes de fondo en el interior) y simplificamos el diseño para que la app sea más ligera y tarde menos en cargar

/Wireframes

Realizamos distintas pruebas en papel para validar que nuestras soluciones eran válidas.

wireframe_papel_evo_1

El prototipo representa el proceso de identificarse, consultar saldo y acceder a la operativa favorita en 3 movimientos de dedo.

/Diseño Visual

Según lo extraído de nuestro análisis de la competencia y de las tendencias de diseño, proponemos un diseño limpio y minimalista, basado en tonos claros, donde el contenido y los datos sean los verdaderos protagonistas.

evo_visual_1

Login biométrico primario según las capacidades del dispositivo (ya sea huella o face ID)

evo_visual_2

Acceso alternativo mediante PIN numérico si el usuario lo desea

evo_visual_3

Saldos del usuario con protagonismo del dato, estética light, color en gráficos e iconos

evo_visual_4

Menú de favoritos cómodo de invocar y personalizable

Otros trabajos

Repsol PasswordExperiencia Digital

EcoEuropeProducto Digital

hello@jorgegarcia.pro

hello@jorgegarcia.pro

hello@jorgegarcia.pro 

Linkedin          Behance          Instagram

Linkedin          Behance         Instagram