Caso de estudio conceptual UX - AhorraYa

Desafío: Desarrollar una experiencia móvil que ayude a los usuarios a gestionar presupuestos y ahorrar para metas comunes.

Resultados: Informe de investigación de usuario, personas, mapa del sitio, flujos de usuario, wireframes, UI, prototipo

Rol: Diseñador UX

Herramientas: Figma

Objetivo

Crear una aplicación que facilite el ahorro en grupo o individualmente, permitiendo aportaciones a una hucha común

Desafíos

  • Compromiso y seguimiento - Los usuarios necesitan una forma efectiva de seguir sus aportaciones y mantenerse motivados para alcanzar sus metas de ahorro.

  • Accesibilidad - La aplicación debe ser accesible y fácil de usar, especialmente para personas con problemas de vista y dislexia.

  • Facilidad de uso - Muchos usuarios no tienen tiempo o conocimientos técnicos para manejar aplicaciones complejas, por lo que es esencial que la app sea intuitiva y sencilla de utilizar.

 

Proceso

Comenzamos con una investigación de usuario para entender los puntos de dolor y las necesidades de los usuarios. Luego analizamos nuestros hallazgos y definimos las tareas principales del producto. Desarrollamos el concepto en wireframes y lo probamos con usuarios. Posteriormente, lo traducimos en prototipos de alta fidelidad. Lideré el proceso de diseño, comunicando hitos y presentando el trabajo para obtener la aprobación de los interesados.

INVESTIGACIÓN

En este caso y, al ser una aplicación ficticia planteada como ejercicio, se han hecho las entrevistas a familiares y conocidos.

Se les han hecho preguntas abiertas para comprender su estilo de vida, su relación con la tecnología y las herramientas, así como sus expectativas y necesidades futuras.

User personas

Después de realizar las entrevistas y analizar la información recibida, he creado dos usuarios persona para ayudarme a entender mejor las necesidades y comportamientos de los usuarios, y guiar el diseño de la app de manera más efectiva.

Puntos de dolor

Después de analizar los usuarios persona, identifiqué sus principales puntos de dolor y propuse soluciones para abordar estos problemas.

Soluciones

  • Integrar herramientas automatizadas para categorizar automáticamente los ingresos, reduciendo el tiempo necesario para administrar las finanzas y facilitando un seguimiento a tiempo real.

  • Desarrollar una interfaz personalizable con diferentes modos de visualización y asistencia por voz para ayudar a personas con necesidades específicas.

  • Implementar funcionalidades que permitan crear grupos, establecer metas comunes, ver el progreso y comunicarse dentro de la app.

  • Implementar medidas de seguridad robustas como encriptación de datos, autenticación de dos factores y configuraciones de seguridad personalizables.

Principales puntos de dolor

  • La falta de tiempo puede hacer que la planificación financiera sea estresante.

  • Los usuarios necesitan una herramienta accesible y adaptable.

  • Los usuarios necesitan una interfaz intuitiva

  • Coordinar un ahorro en grupo puede ser complicado sin las herramientas adecuadas.

  • Es crucial garantizar la seguridad de la información financiera compartida en la plataforma.

IDEACIÓN

Sitemap & Flujo de usuarios

Para comunicar el concepto y la arquitectura de la información, he creado el sitemap, procurando hacerlo de la manera más sencilla posible, basándome en las necesidades de los usuarios. También, basándome en los users persona, he desarrollado dos flujos de usuarios que representan dos de las tareas más importantes que se realizarán:

  • Crear una nueva hucha

  • Configurar la accesibilidad

SITEMAP

FLUJO DE USUARIO - CREAR HUCHA

FLUJO DE USUARIO - ACCESIBILIDAD

Wireframes a papel

Durante la fase de ideación, creé wireframes para estructurar la interfaz de la aplicación y asegurar una experiencia de usuario intuitiva y eficiente. Los wireframes fueron esenciales para visualizar el diseño y organizar la información de manera clara. Estudié diversas aplicaciones financieras y de criptomonedas, así como apps de bancos e inversiones, para identificar las mejores prácticas y aplicarlas a nuestro diseño. A través de múltiples iteraciones y pruebas los fui refinando para priorizar un diseño limpio y sencillo, eliminando elementos innecesarios y simplificando la navegación para evitar confusiones. Esto permitió una presentación clara y directa de la información relevante para los usuarios.

Wireframes digitales

Al avanzar en el proceso de diseño, trasladé los wireframes de papel a wireframes digitales. Esto permitió organizar la información con mayor precisión y comenzar a definir la estructura visual de la app de manera más detallada.

MOCKUPS

Hucha portada - abierta
Hucha portada
Crear hucha - tutorial
Crear hucha - imagen
Crear hucha - Nombre
Crear hucba - metodo uno
Crear hucha - Resumen
Crear hucha - metodo dos
Ingresar dinero
Retirar dinero
Ingreso OK
Retiro OK

CONCLUSIONES

Durante la realización de este proyecto, tuve la oportunidad de experimentar de primera mano todos los procesos clave en una investigación UX. Desde considerar las necesidades de los usuarios, plantear sus problemas, pensar en posibles soluciones y aplicarlas a la app, ha sido todo un desafío, pero estoy orgulloso del resultado final.

Aunque no se realizaron pruebas de usabilidad completas debido a que es un proyecto conceptual, interactué con diversas personas, lo que me permitió iterar tanto el mapa del sitio como los diseños para hacerlos más accesibles.

Este ejercicio me ayudó a aprender a tener una visión externa de las cosas, evitando mis sesgos y prejuicios. En resumen, este proyecto me ha brindado una valiosa experiencia en el diseño centrado en el usuario y en la iteración continua para mejorar la usabilidad y accesibilidad de la aplicación.