Skip to content

ipoxtik/ux-financial-app

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 

Repository files navigation

Financial App: BANQUI.

ÍNDICE


1. CONTEXTO

Banqui es una Fintech peruana que lanza al mercado su app financiera para fomentar el ahorro. Esta tiene el objetivo de que sea una experiencia digital simple, rápida y personalizada. Al transcurrir un tiempo después de la fase BETA se obtienen los primeros resultados donde pueden observarse varias áreas de oportunidad, las cuales se trabajarán con el equipo UX de laboratoria para el rediseño de la misma.

Objetivos del proyecto

  • Rediseño exitoso de la app, creando una interfaz amigable e intuitiva.
  • Entendimiento del UX research para poder enfocarnos en los puntos principales.
  • Desarrollar testeos de usabilidad a partir de lo solicitado por Banqui.
  • Generar ideas a partir de los resultados obtenidos.
  • Cumplir con lo solicitado por nuestro stakeholder.

2. RESEARCH/PROBLEMÁTICA

Problemas

  • Se encontró que solamente el 10% de los usuarios que entran al landing page se registran en la app.

  • La interfaz cuenta con varios detalles visuales que suelen confundir al usuario, esto se debe a que no es 100% intuitiva.
  • Algunos elementos visuales no son apreciados por el usuario.
  • Los usuarios valoran el ahorro sin embargo, no se ha encontrado una plataforma digital la cual los haga cumplir sus metas o donde puedan ser constantes, de igual manera la mayoría de las personas aprecia tener recordatorios de pago ya que los ayuda a programarse, es necesario que se les esté avisando constantemente que deben ahorrar.
  • El 70% de los visitantes al landing page utilizan Android, esto supone una clave importante para generar posicionamiento dentro de la appStore y la Google play.
  • Se requiere adaptar la aplicación al mercado mexicano, cubriendo el cambio de moneda (De soles a pesos) y poder utilizar palabras que sean entendibles al público mexicano.

Promedio de visitas al landing page que realizaron un proceso exitoso. (noviembre-enero)

Problemas encontrados por el equipo:

  • Los usuarios observan elementos innecesarios al momento de registrarse, tal como pedir una foto de perfil. “¿Por qué me pide fotografía?”.
  • Tienen confusión con ciertas palabras o tecnicismos usados dentro de la app, esperan que esto al no ser un banco pueda ser más amigable dentro del UX writing.
  • Algunos usuarios presentan confusión con el área de gastos y otros no lo identifican dentro de la app.
  • Temen por la privacidad de sus datos al no encontrar botón de “cerrar sesión”, esto indica un flujo de punta a punta incompleto.

Objetivo del negocio

Identificar potenciales usuarios que puedan utilizar la app de forma recurrente para llegar a sus objetivos de ahorro, generar fidelidad por parte de ellos y a futuro puedan hacer uso de productos activos de Banqui. Otorgar un producto pasivo de ahorro de captación de dinero sin estrategia de marketing inmediata.

Lee la guía de entrevista

3. ACCIONES

Al momento de analizar los test realizados al PMV decidimos tomar acción dentro de la interfaz, diagrama de flujo de las pantallas, UX writting, eliminamos ciertos elementos y/o modificando su lugar para generar mayor interacción con el usuario y facilidad de uso de la app.

Interfaz amigable e intuitiva

Desarrollamos un cambio de diseño visual en todas las pantallas, modificando los colores sutilmente y la ubicación de algunos elementos, también realizamos cambios al ícono principal sin perder de vista el estilo de Banqui. Las modificaciones principales han sido con base a la guía de estilos, donde se modificó levemente los colores y algunos íconos para la componetización.

Implementamos en la pantalla de sign up una micro interacción en la parte de abajo para indicarle al usuario en que paso se encuentra y así poder validar si a futuro puede apoyar al aumento de registros, debido a que se visualizó anteriormente que los usuarios desistían en este paso al pensar que el registro tardaría “más tiempo”. También agregamos la opción de que el usuario agregara su nombre y apellido para brindarle mayor seguridad y habilitamos un ícono dónde el usuario pueda aceptar términos y condiciones.

Se rediseñó por completo la pantalla de “gastos” creando así una interfaz más atractiva visualmente, en este espacio puede visualizarse con mayor facilidad la modificacion de la paleta de colores, este cambio se realizó con la finalidad de generar mayor confianza a los usuarios y darle más usabilidad a la app, ya que ahora se pueden visualizar mucho mejor varios botones, íconos y la letra.

Se modificó el UX writing al utilizar un lenguaje amigable, informal y adaptable para un público general, esto con el objetivo de generar cercanía y empatía con los usuarios, reemplazamos tecnicismos y en la pantalla de inicio se les recibe con un mensaje de bienvenida.

Modificamos el ícono de menú y lo trasladamos a la parte superior izquierda, también modificamos el texto para que fuese más entendible hacia donde dirigía cada uno.

(Original)

(Rediseño)

Resultados de testing.

  • La paleta de colores tuvo buena aceptación “Me agrada el color, es llamativo”, se indica que el contraste de colores es bonito, no se pierden las palabras y son visibles.
  • La gráfica en el área de “gastos” fue aceptada por los cinco usuarios finales, indicaron que visualmente es más comprensible y pueden comprender mejor como llevan la organización en sus pagos.
  • En el área de productos anteriormente se marcaba la cantidad actual en rojo, los usuarios solicitaron que se modificara ese color, ya que a pesar de que sí resaltaba, daba una impresión que esa cantidad era negativa y no la cantidad dentro de la cuenta.

Hallazgos

  • El registro se volvió más intuitivo y entendible, después de notificar el número de cuenta por correo electrónico.
  • El cambio de ciertas palabras facilitó el entendimiento del usuario y ayudó a agilizar el proceso de crear una meta.
  • Los gráficos son muy valorados y entendibles por los usuarios(as)

4. ENTREGABLES

Producto mínimo viable

Diseño de la aplicación para Android

Aquí puedes revisar nuestro prototipo en figma

Diseño de la aplicación para iOS

Aquí puedes revisar nuestro prototipo en figma

Video de Loom

En este link te mostramos nuestro vídeo

Presentación

Tenemos nuestro pitch justo aquí

5. PROCESO

Aquí puedes visualizar nuestra primer documentación

Sustento de las propuestas de diseño

Conclusiones a partir de los usuarios testeados

Affinity map

Customer journey map

User persona

Benchmark

¿Quieres saber como iniciamos este proyecto? Haz click aquí

Proyecto realizado el 05/2020 por Katherin Chi, Guadalupe Larios, Laura Tellez y Andrea Aguilar.

Laboratoria, UX CDMX009-LIM012.

About

Rediseño de app Banqui e introducción a México. Proyecto elaborado por CDMX009 y LIM012

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors