Una herramienta que se había quedado pequeña

Desde hace más de diez años, las redes de la economía social REAS y la XES realizan su campaña anual de transparencia con la ayuda de Enseña el Corazón, una aplicación web que facilita la recogida de datos de impacto social y ambiental de las entidades socias. Esta campaña ha contribuido de forma decisiva a fortalecer la reputación del sector y ha ampliado progresivamente su alcance y participación a lo largo de la última década.

Imagen izquierda: portada de Show your Heart. Imagen derecha: ordenador portatil sobre sillón con la página de bienvenida de Show your Heart

Sin embargo, ese mismo crecimiento puso en evidencia las limitaciones y problemas de la aplicación, que había sido pensada inicialmente para un contexto mucho más acotado:

  • La experiencia de uso no tenía en cuenta a la usuaria final, para quien el proceso de llenar el Balance Social era tedioso y complejo.
  • El mantenimiento de la plataforma resultaba cada vez más difícil para los equipos de administración.
  • La aplicación era difícil de adaptar a las necesidades cambiantes de las entidades y de la sociedad.

Además, la aplicación había sido desarrollada por una única cooperativa y se basaba en una base de código propio. Esto volvía el proyecto dependiente de un equipo técnico reducido y frenaba su adopción por parte de otras redes.

Hablando en plata: Enseña el Corazón pedía a gritos un rediseño que modernizase la aplicación y la volviera funcional de nuevo.

Captura de pantalla de la sección de métodos e indicadores de medición de impacto de Show your Heart
Captura de pantalla comparativa del antes y el después de la página de inicio de sesión de Show your Heart
La plataforma, antes y después de la refactorización

Primero entender cómo se usaba, después rehacer el código

A petición de la XES y REAS, amoved asumió el rediseño de la experiencia de usuario y del desarrollo del front-end (la parte visible de la aplicación). Durante todo el proyecto, colaboramos con las cooperativas amigas CoopDevs y Dabne, con el apoyo académico de la Universidad de Utrecht.

Antes de reescribir el código, dedicamos varios meses a comprender cómo las personas usuarias interactuaban con la plataforma. Diseñamos y probamos prototipos para experimentar con la disposición de elementos, los flujos y la interacción. Esto nos permitió detectar problemas de antemano, alinear expectativas y evitar rediseños costosos en el futuro.

Gracias a este esfuerzo, logramos:

  • Reducir la complejidad de los formularios
  • Mejorar la claridad de la información y de los indicadores de impacto
  • Reorganizar el Balance Social en un proceso paso a paso más fácil de navegar
  • Crear un sistema de diseño por componentes que permitiera mostrar las distintas partes de la interfaz de manera coherente y clara

A continuación, llevamos a cabo una refactorización completa del software, es decir, una mejora de la estructura interna de la aplicación:

  • Modernizamos su arquitectura usando una de las bases de código más empleadas en el desarrollo de aplicaciones web
  • Mejoramos el rendimiento, la robustez del sistema y la facilidad de mantenimiento
  • Sentamos las bases para el crecimiento futuro de la herramienta, facilitando su adopción por parte de otras redes

El código, y toda la metodología de coordinación del desarrollo, se encuentra ahora alojada en repositorios públicos, facilitando la participación de toda la comunidad en el proyecto, que puede reportar incidencias, solicitar mejoras o aportar código.

Más fácil de rellenar, más fácil de mantener y abierta a otras redes

Tres capturas de pantalla de la aplicación Show your Heart superpuestas: un listado de entidades (imagen de fondo y principal); un listado de filtros de búsqueda (imagen izquierda); Ficha de creación del balance (imagen derecha)
La aplicación por dentro

La nueva versión de Enseña el Corazón, ahora denominada Show your Heart, en un guiño a su proyección global, ofrece:

  • Una experiencia mucho más fluida: la reorganización de los formularios y flujos facilita la navegación, robando menos tiempo a las organizaciones, que ahora pueden dedicarlo a comprender mejor su impacto social
  • Una herramienta más sólida, inclusiva y centrada en las personas: diseñada a partir de las necesidades reales de quienes utilizan la herramienta y reforzando la filosofía de comunidad y cooperación que sustenta toda la iniciativa.
  • Una infraestructura digital compartida: el uso de código abierto y las licencias recíprocas permiten que el proyecto siga evolucionando y adaptándose a nuevas necesidades.

Tras esta experiencia, ayudamos a otras redes a implantar Show your Heart para mejorar sus sistemas de transparencia y rendición de cuentas. Así lo hicimos con el Comercio Justo (próximamente tendremos caso de estudio).