El Home de la app de Leal había tenido varios cambios hasta convertirse en un verdadero Frankenstein: una mezcla de elementos con estilos variados y sin una narrativa clara. La incorporación de un Marketplace y nuevas funcionalidades dejó en evidencia que era hora de repensar esta pantalla inicial.
Nuestro reto era desarmar por completo la estructura existente para descubrir qué debía permanecer, qué sobraba y cómo podíamos evitar abrumar al usuario. Para lograrlo, implementamos un enfoque centrado en la investigación: realizamos pruebas de usabilidad, entrevistas a usuarios y sesiones de observación. Además, utilizamos datos de Amplitude para analizar el comportamiento en el funnel y entender qué puntos estaban generando fricción.
Esto es lo que descubrimos y cómo transformamos el Home para convertirlo en una experiencia más clara, útil y enfocada.
Rediseñar el Home de la app Leal Colombia para simplificar la experiencia y alinearla con las necesidades reales de los usuarios.
Goals• Diseñar una visualización clara y sencilla de la información.
• Generar confianza a través de detalles precisos y datos confiables.
• Construir una infraestructura escalable para incorporar nuevas funciones en futuras iteraciones.
• Crear una aplicación de "hábito" (un producto que se usa regularmente, con poco o ningún esfuerzo por parte del usuario).
• Interfaz confusa: El home de la app de Leal era demasiado complejo, tenía muchas opciones y las acciones frecuentes no se encontraban fácilmente.
• Experiencia desconectada: La información sobre la tienda física y la experiencia online estaba revuelta en un scroll infinito. Esto impedía que los usuarios exploraran todas las opciones, interrumpiendo su objetivo principal: obtener recompensas.
A través del análisis de datos en Amplitude, pruebas de usabilidad, entrevistas y observación, logramos identificar patrones clave.
Entre ellos, descubrimos que:
Los usuarios en realidad quieren y desean generar un ahorro para seguir gastando, no es que lo vayan a acumular, quieren ese “dinero” para conseguir otra oferta, producto y ver si pueden comprar algo más.
• Un enfoque en la misión principal: Reestructuramos el Home como una experiencia de "una misión", priorizando la tarea principal de la aplicación y relegando otras funciones a un nivel secundario en la jerarquía.
• Confianza en los detalles: Integramos explicaciones claras sobre los comercios aliados, los premios disponibles y la tecnología detrás del saldo, utilizando principios de sesgo de afirmación social para reforzar la credibilidad.
• Diseño adaptable: Creamos un sistema de diseño modular y flexible que anticipa futuros desarrollos, como menús, subtítulos y otras funcionalidades.
• Construcción del hábito: Aplicamos un patrón basado en la psicología del hábito:
- Recompensa inmediata: Ayudamos a los usuarios a completar su tarea principal rápidamente y sin fricción.
- Inversión: Facilitamos la personalización, el almacenamiento y el intercambio de resultados.
- Disparadores externos: Introdujimos notificaciones atractivas para informar sobre nuevos comercios, premios y formas de ganar.
Este rediseño no solo simplificó la experiencia, sino que también sentó las bases para un producto más intuitivo, confiable y orientado a las necesidades reales del usuario.
Utilizamos CrazyEgg para aplicar un test de atención y saber qué es lo que más le llamaba la atención a las personas.
Para esta iteración el equipo propuso utilizar unos assets que se tenían y empezamos a diseñar con ellos, el equipo de tecnología ayudó mucho porque pudimos aplicar test y cambios en vivo.
Con base en los hallazgos, tomamos las siguientes acciones para abordar los principales problemas identificados:
• Enfoque en las acciones clave: Reorganizamos los flujos principales para que las tareas prioritarias fueran más accesibles.
Compra online: Añadimos un acceso directo al Marketplace.
En tienda: Destacamos comercios con puntos, un mapa de ubicaciones cercanas y puntos por vencer. Estas acciones se posicionaron estratégicamente dentro de la pantalla inicial para garantizar su relevancia y visibilidad.
• Textos más claros y funcionales: Simplificamos la comunicación con verbos directos como "Usa tu cashback", "Gana", y "Compra", eliminando términos técnicos que podían confundir al usuario.
• Experiencia separada y optimizada: Dividimos claramente las experiencias de compra online y en tienda. En el Home, consolidamos la sección En tienda en un único scroll simplificado, priorizando las acciones esenciales para evitar distracciones.
Tras implementar los cambios y realizar nuevas pruebas, los resultados fueron claros:
• Mejor desempeño: La tasa de éxito en el flujo de compras en el Marketplace aumentó un 25%.
• Mejor percepción del usuario: Comentarios positivos de los usuarios, quienes destacaron que el proceso ahora era más fácil y menos frustrante para encontrar lo que necesitaban.
Estos aprendizajes confirman que al simplificar, priorizar y optimizar las experiencias clave, logramos construir un producto más efectivo y alineado con las necesidades de los usuarios.