Descripción General

Como parte de la asignatura de Diseño de la Interacción de la Universitat de Lleida, este proyecto se centró en un rediseño integral —tanto de interacción como visual— de mGol, la aplicación de banca móvil y ecosistema digital de CaixaGuissona. Desarrollado en equipo (cuatro integrantes), el proyecto principal evaluó y renovó la experiencia de la aplicación móvil siguiendo un ciclo de vida de UX estructurado, que incluyó evaluación heurística, análisis comparativo de la competencia, pruebas de usabilidad de guerrilla, arquitectura de la información, creación de wireframes y prototipado interactivo en Figma.

Asimismo, para ampliar el alcance y reforzar la coherencia de la marca digital, se llevó a cabo un proyecto de extensión individual destinado a auditar y rediseñar el portal web de escritorio de CaixaGuissona, aplicando los mismos principios rigurosos de interacción para unificar la experiencia multiplataforma.

El Desafío

Los puntos de contacto digitales de CaixaGuissona presentaban importantes fricciones de usabilidad y patrones de interacción obsoletos que dificultaban una navegación fluida:

     - Problemas de Usabilidad en la Aplicación Móvil: Los flujos transaccionales críticos (como la solicitud del PIN de la tarjeta, la realización de transferencias bancarias CCC y el uso de bonÀrea Cash para retirar efectivo en cajeros sin tarjeta) carecían de retroalimentación clara, jerarquía visual y pasos de navegación intuitivos.

     - Falta de Información Derivada de Pruebas con Usuarios: Comprender los puntos críticos de fricción para los usuarios reales requería una validación empírica que fuera más allá de las normas teóricas de diseño, permitiendo identificar dónde se producía una sobrecarga cognitiva durante las operaciones bancarias habituales.

     - Inconsistencia Multiplataforma: El portal web de escritorio presentaba diseños fragmentados, elementos de marca incoherentes y rutas de navegación subóptimas en comparación con los estándares modernos de banca electrónica.

Nuestro Enfoque

Para abordar estos desafíos, el proyecto siguió una metodología de diseño centrado en el usuario (DCU) integral, estructurada en cuatro fases:

- Análisis del Contexto y Evaluación Heurística (F1): Se investigó el contexto del cliente y se evaluó la usabilidad inicial de la aplicación mediante las 10 heurísticas de usabilidad de Nielsen, abarcando la navegación general y tareas clave para el usuario (solicitud de PIN de tarjeta y transferencia bancaria CCC).

     - Análisis de la Competencia y Pruebas de Guerrilla (F2): Se analizaron tres aplicaciones de banca móvil de la competencia para identificar los estándares del sector. Se realizaron pruebas de usuario de guerrilla (incorporando protocolos de Pensar en Voz Alta ) con usuarios reales que ejecutaban tareas frecuentes (retirada de 20 € en efectivo en bonÀrea, solicitud de PIN y flujo de transferencia) para recopilar información cualitativa y cuantitativa sobre los puntos de fricción y definir mejoras funcionales clave.

     - Arquitectura de Información, Wireframes y Sistema de Diseño (F3): Se tradujeron los hallazgos de la investigación en wireframes de baja fidelidad, flujos de usuario y una guía de estilo de diseño coherente. Se crearon maquetas de interfaz (UI) de alta fidelidad en Figma, garantizando la armonía visual, la coherencia de marca y la accesibilidad de los componentes de la interfaz.

     - Prototipado Interactivo y Rediseño Web Individual (F4 + Extra): Se desarrolló un prototipo interactivo de alta fidelidad que mostraba la navegación completa para usuarios móviles. Paralelamente, se realizó una evaluación heurística individual y un rediseño (desde wireframes hasta maquetas de alta fidelidad) del portal web de escritorio de CaixaGuissona, con el fin de ofrecer una experiencia multiplataforma completa y unificada.

Galería de Proyectos

Resultados

     - Interfaz de Aplicación Móvil Validada Empíricamente: Se desarrolló un rediseño intuitivo y optimizado de la aplicación móvil que redujo significativamente los tiempos de finalización de tareas y los puntos de fricción en operaciones bancarias clave (solicitud de PIN, transferencias, bonÀrea Cash).

     - Prototipo Interactivo de Alta Fidelidad: Se creó un prototipo totalmente interactivo en Figma, presentado como una propuesta de diseño integral que exhibía un estilo de interfaz coherente, microinteracciones claras y una jerarquía visual accesible.

     - Estrategia Multiplataforma Unificada: Se amplió el alcance del proyecto con una propuesta específica de rediseño web, estableciendo una coherencia visual y funcional entre la aplicación móvil de CaixaGuissona y su entorno de escritorio.