Practicar la gratitud puede disminuir los síntomas de depresión y ansiedad, y mejorar la salud mental y la satisfacción con la vida¹. La práctica constante de la gratitud puede generar mejoras sostenidas que duran meses². La app de mindfulness Gratitude fomenta la coherencia a través de un diario diario breve, afirmaciones y tableros de visión. La app tiene más de 6 millones de descargas, 150, 000 calificaciones de 5 estrellas y 100 millones de entradas de diario registradas.

Los desarrolladores Divij Gupta y Narendra Aanjna desarrollaron widgets para cada uno de los recorridos de usuario principales de su app. Su objetivo era llegar a los usuarios en sus momentos cotidianos sin requerir la sobrecarga de una sesión completa de la app.

Al mostrar mensajes interactivos del diario, afirmaciones, imágenes del tablero de visión y métricas directamente en la pantalla principal del usuario, el equipo redujo la barrera de entrada para la reflexión diaria y registró un aumento del 25% en la retención para los usuarios de widgets y aproximadamente 1,000 entradas de diario semanales de widgets. Este aumento en la lealtad de los usuarios se traduce en resultados de salud tangibles para los usuarios: formaciones de hábitos coherentes que respaldan el bienestar mental a largo plazo.

“Los widgets nos ayudaron a hacer que la app esté más presente en las rutinas diarias de los usuarios, ya que proporcionan inspiración, recordatorios y reflexiones rápidas directamente en la pantalla principal. Esto aumentó la participación y facilitó que los usuarios mantuvieran la coherencia con sus prácticas de mindfulness”. – Divij Gupta

El desafío: modernizar sin disminuir la retención

Si bien el impacto de los widgets fue claro, la implementación original de RemoteViews basada en XML de Gratitude creó deuda técnica. A medida que el sistema de diseño de la app evolucionó hacia Material 3, los widgets heredados se volvieron cada vez más difíciles de alinear con la IU moderna. Cada actualización visual requería una sobrecarga manual de XML y soluciones alternativas frágiles, lo que ralentizaba la velocidad del desarrollador.

La solución (parte 1): migrar de XML a Jetpack Glance

Para modernizar sus widgets, el equipo recurrió a Jetpack Glance.

Primero, consultaron la página de diseño de Widgets en Android y los diseños de widgets canónicos para comprender las prácticas recomendadas para mostrar información dentro de una cantidad limitada de espacio.

Luego, migraron su paquete de widgets a Jetpack Glance. Este framework declarativo permitió a los desarrolladores pasar de la planificación al envío en menos de un mes, lo que ahorró aproximadamente el 50% del tiempo de desarrollo, y obtuvo dos ventajas adicionales:

• Reemplazar los diseños restrictivos de XML por código declarativo hizo que la base de código fuera más fácil de leer y mantener, y redujo el esfuerzo del desarrollador.
• Jetpack Glance permitió que el equipo implementara con mayor facilidad colores dinámicos, cambios de tamaño flexibles y opciones de configuración ampliadas. Estas funciones garantizan que los widgets armonicen con el diseño único de la pantalla principal de un usuario.

En el siguiente GIF, se muestran dos widgets de Gratitude y el cambio de tamaño adaptable:

Si bien Glance simplificó la IU, el equipo observó que las pruebas en varios lanzadores de OEM también eran esenciales para garantizar la coherencia del diseño en todos los dispositivos.

El equipo también implementó vistas previas de widgets generadas para que los usuarios puedan ver vistas previas personalizadas. Observaron que probar las vistas previas generadas podía ser lento, ya que las vistas previas tienen una limitación de frecuencia para preservar la batería. Para omitir la limitación de frecuencia para las pruebas, usa el comando adb:

adb shell device_config put systemui generated_preview_api_reset_interval_ms 0

Todos sus esfuerzos hicieron que el widget de Gratitude fuera de alta calidad y diferenciado.

La solución (parte 2): promocionar widgets nuevos en la app

Luego, los desarrolladores usaron el fijado de widgets en la app para aumentar la visibilidad y las instalaciones de widgets. Pedir a los usuarios que instalen widgets en un momento contextualmente relevante dentro de la app ayuda a los usuarios a encontrar sus widgets sin necesidad de pasar por el selector de widgets del sistema. En el siguiente GIF, se muestra la hoja inferior de Gratitude para agregar widgets desde la app:

El equipo también refactorizó los paquetes de widgets, lo que cambió las rutas del receptor de widgets y provocó que se borraran los widgets de las pantallas principales de los usuarios. Con las marcas de usuario almacenadas anteriormente para identificar a los usuarios de widgets, activaron otro mensaje requestPinGlanceAppWidget que invitaba a los usuarios de widgets a usar los nuevos widgets modernizados.

Sugerencia para desarrolladores: Para mantener las instalaciones de widgets mientras migras de RemoteViews a Jetpack Glance, asegúrate de que tu GlanceAppWidgetReceiver use el mismo nombre de clase y paquete que tu AppWidgetProvider anterior en el manifiesto de Android. Si se requiere un nuevo nombre de clase o ubicación del paquete, sigue el ejemplo de Gratitude usando el fijado en la app para ayudar a los usuarios a restablecer sus widgets.

La estrategia está funcionando, ya que el 10% del total de usuarios activos diarios adoptó widgets.

Conclusión

Esta historia de Gratitude muestra que los widgets pueden ser herramientas para la formación de hábitos. Al implementar acciones rápidas para la autorreflexión directamente desde la pantalla principal, el equipo mejoró la lealtad de los usuarios. Gratitude redujo la deuda técnica y modernizó sus widgets adoptando Jetpack Glance, y les solicitó a los usuarios que agregaran widgets dentro de su app.

“Nuestra experiencia con Jetpack Glance fue excelente. El enfoque basado en Compose se siente mucho más moderno, flexible y alineado con la forma en que compilamos el resto de nuestra IU en la actualidad. Nos permite expresar diseños de widgets de forma más natural, reutilizar componentes de Compose conocidos y realizar iteraciones en los cambios de la IU mucho más rápido. Muchas de las restricciones de la IU que enfrentamos anteriormente con RemoteViews ya no son un problema, lo que facilitó la compilación de widgets que se ajustan mejor al diseño y la experiencia de nuestra app”. – Divij Gupta

Comenzar

Para comenzar a usar Jetpack Glance y obtener información sobre las tecnologías mencionadas en esta publicación, consulta estas guías:

• Descripción general de Jetpack Glance
• Página de diseño de Widgets en Android
• Diseños de widgets canónicos
• Vistas previas de widgets generadas
• Niveles de calidad de los widgets
• Fijado de widgets en la app
• Colores dinámicos
• Redimensionamiento
• Actividades de configuración

Consulta otros casos de éxito de widgets:

• La app de Contactos de Google creó un widget nuevo un 25% más rápido con Jetpack Glance
• SoundCloud usa Jetpack Glance para compilar el widget de canciones que me gustan en solo 2 semanas

1: Diniz, G., Korkes, L., Tristão, L. S., Pelegrini, R., Bellodi, P. L., &Bernardo, W. M. (2023). The effects of gratitude interventions: a systematic review and meta-analysis. einstein (Sao Paulo)., 21, eRW0371. https://doi.org/10.31744/einstein_journal/2023RW0371

2: Bohlmeijer, E., Kraiss, J., Schotanus-Dijkstra, M., &ten Klooster, P. (2022). Gratitude as mood mediates the effects of a 6-weeks gratitude intervention on mental well-being: post hoc analysis of a randomized controlled trial. Front. Psychol., 12, 799447. https://doi.org/10.3389/fpsyg.2021.799447