Gratitude verzeichnete eine um 25% höhere Bindung bei Widget-Nutzern

Dankbarkeit zu üben, kann Symptome von Depressionen und Angstzuständen verringern und die psychische Gesundheit und Lebenszufriedenheit verbessern¹. Regelmäßige Dankbarkeitsübungen können zu nachhaltigen Verbesserungen führen, die Monate anhalten². Die Achtsamkeits-App Gratitude fördert die Regelmäßigkeit durch tägliche kurze Tagebucheinträge, Affirmationen und Vision Boards. Die App wurde über 6 Millionen Mal heruntergeladen, hat 150.000 5-Sterne-Bewertungen und 100 Millionen Tagebucheinträge.

Die Entwickler Divij Gupta und Narendra Aanjna haben Widgets für die wichtigsten User Journeys ihrer App entwickelt. Das Ziel war es, Nutzer im Alltag zu erreichen, ohne dass sie die App öffnen müssen.

Durch die Anzeige interaktiver Tagebuch-Prompts, Affirmationen, Vision-Board-Bilder und Messwerte direkt auf dem Startbildschirm der Nutzer konnte das Team die Hürde für die tägliche Reflexion senken. Das Ergebnis: eine um 25% höhere Nutzerbindung bei Widget-Nutzern und etwa 1.000 wöchentliche Tagebucheinträge über Widgets. Diese stärkere Nutzerbindung führt zu konkreten gesundheitlichen Ergebnissen für die Nutzer: Sie entwickeln Gewohnheiten, die ihr langfristiges geistiges Wohlbefinden unterstützen.

„Widgets haben uns geholfen, die App im Alltag der Nutzer präsenter zu machen, indem sie direkt auf dem Startbildschirm Inspiration, Erinnerungen und Reflexionen bieten. Das hat die Interaktion gesteigert und es den Nutzern erleichtert, ihre Achtsamkeitsübungen regelmäßig durchzuführen.“ – Divij Gupta

Die Herausforderung: Modernisierung ohne Einbußen bei der Kundenbindung

Die Auswirkungen von Widgets waren zwar klar, aber die ursprüngliche XML-basierte RemoteViews-Implementierung von Gratitude führte zu technischen Schulden. Als das Designsystem der App zu Material 3 weiterentwickelt wurde, wurde es immer schwieriger, die alten Widgets an die moderne Benutzeroberfläche anzupassen. Jedes visuelle Update erforderte manuellen XML-Overhead und fehleranfällige Problemumgehungen, was die Entwicklungsgeschwindigkeit verlangsamte.

Die Lösung, Teil 1: Migration von XML zu Jetpack Glance

Um die Widgets zu modernisieren, nutzte das Team Jetpack Glance.

Zuerst haben sie sich die Designseite Widgets auf Android und die kanonischen Widget-Layouts angesehen, um sich mit den Best Practices für die Anzeige von Informationen auf begrenztem Raum vertraut zu machen.

Anschließend migrierte das Team seine Widget-Suite zu Jetpack Glance. Dank dieses deklarativen Frameworks konnten die Entwickler in weniger als einem Monat von der Planung zur Bereitstellung übergehen und so etwa 50% der Entwicklungszeit einsparen. Außerdem ergaben sich zwei weitere Vorteile:

• Durch das Ersetzen restriktiver XML-Layouts durch deklarativen Code wurde die Codebasis leichter lesbar und wartbar und der Entwicklungsaufwand verringert.
• Mit Jetpack Glance konnte das Team dynamische Farben, flexible Größenanpassungen und erweiterte Konfigurationsoptionen einfacher implementieren. Diese Funktionen sorgen dafür, dass die Widgets mit dem individuellen Startbildschirm-Layout des Nutzers harmonieren.

Das folgende GIF zeigt zwei Gratitude-Widgets und die adaptive Größenanpassung:

Glance vereinfachte zwar die Benutzeroberfläche, aber das Team stellte fest, dass auch Tests mit verschiedenen OEM-Launchern erforderlich waren, um ein einheitliches Layout auf allen Geräten zu gewährleisten.

Das Team hat außerdem generierte Widget-Vorschauen implementiert, damit Nutzer personalisierte Vorschauen sehen können. Sie merkten an, dass das Testen von generierten Vorschauen langsam sein kann, da die Vorschauen ratenbegrenzt sind, um den Akku zu schonen. Verwenden Sie den adb-Befehl, um die Ratenbegrenzung für Tests zu umgehen:

adb shell device_config put systemui generated_preview_api_reset_interval_ms 0

All diese Bemühungen haben dazu geführt, dass das Gratitude-Widget hochwertig und einzigartig ist.

Die Lösung, Teil 2: Neue Widgets in der App bewerben 

Die Entwickler nutzten dann das Anpinnen von Widgets in der App, um die Auffindbarkeit und die Installationen von Widgets zu erhöhen. Wenn Sie Nutzer in einem kontextrelevanten Moment in der App auffordern, Widgets zu installieren, können sie ihre Widgets finden, ohne die Widget-Auswahl des Systems verwenden zu müssen. Das folgende GIF zeigt die Ansicht am unteren Rand von Gratitude, über die Widgets in der App hinzugefügt werden können:

Das Team hat auch Widget-Pakete refaktoriert, wodurch sich die Widget-Empfängerpfade geändert haben und Widgets von den Startbildschirmen der Nutzer gelöscht wurden. Anhand zuvor gespeicherter Nutzer-Flags wurden Widget-Nutzer identifiziert und eine weitere requestPinGlanceAppWidget-Aufforderung ausgelöst, in der sie eingeladen wurden, die neuen, modernisierten Widgets zu verwenden.

Tipp für Entwickler:Wenn du von RemoteViews zu Jetpack Glance migrierst, solltest du darauf achten, dass dein GlanceAppWidgetReceiver im Android-Manifest denselben Klassennamen und dasselbe Paket wie dein vorheriges AppWidgetProvider verwendet, damit die Widget-Installationen beibehalten werden. Wenn ein neuer Klassenname oder Paketspeicherort erforderlich ist, folgen Sie dem Beispiel von Gratitude und verwenden Sie die In-App-Fixierung, um Nutzern bei der Wiederherstellung ihrer Widgets zu helfen.

Die Strategie funktioniert, da 10% der aktiven Nutzer pro Tag Widgets verwenden.

Fazit

Diese Geschichte über Gratitude zeigt, dass Widgets ein Tool zur Gewohnheitsbildung sein können. Durch die Implementierung von Schnellaktionen zur Selbstreflexion direkt auf dem Startbildschirm konnte das Team die Nutzerbindung verbessern. Gratitude hat durch die Einführung von Jetpack Glance technische Schulden reduziert und seine Widgets modernisiert. Außerdem wurden Nutzer dazu angeregt, Widgets in der App hinzuzufügen.

„Unsere Erfahrungen mit Jetpack Glance sind hervorragend. Der Compose-basierte Ansatz fühlt sich viel moderner und flexibler an und passt besser zu der Art und Weise, wie wir heute den Rest unserer Benutzeroberfläche erstellen. Damit können wir Widget-Layouts natürlicher ausdrücken, vertraute Compose-Komponenten wiederverwenden und UI-Änderungen viel schneller iterieren. Viele der Einschränkungen der Benutzeroberfläche, die wir zuvor mit RemoteViews hatten, sind kein Problem mehr. Dadurch ist es einfacher, Widgets zu erstellen, die besser zum Design und zur Nutzung unserer App passen.“ – Divij Gupta

Erste Schritte

In den folgenden Leitfäden finden Sie Informationen zu den ersten Schritten mit Jetpack Glance und zu den in diesem Beitrag erwähnten Technologien:

• Jetpack Glance – Übersicht
• Widgets auf Android (Designseite)
• Kanonische Widget-Layouts
• Generierte Widget-Vorschauen
• Widget-Qualitätsstufen
• In-App-Widget-Anpinnen
• Dynamische Farben
• Größe anpassen
• Konfigurationsaktivitäten

Weitere Fallstudien zu Widgets:

• Google Kontakte-App: Mit Jetpack Glance 25% schneller ein neues Widget erstellt
• SoundCloud verwendet Jetpack Glance, um das Widget „Liked Tracks“ in nur zwei Wochen zu erstellen

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. Frontkamera. Psychol., 12, 799447. https://doi.org/10.3389/fpsyg.2021.799447