Bei Nutzern des Widgets „Dankbarkeit“ war die Bindung um 25% höher.

Dankbarkeit kann Symptome von Depressionen und Angstzuständen verringern und die psychische Gesundheit und Lebenszufriedenheit verbessern¹. Regelmäßiges Praktizieren von Dankbarkeit kann zu nachhaltigen Verbesserungen führen, die monatelang 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 erhalten und es wurden 100 Millionen Tagebucheinträge protokolliert.

Die Entwickler Divij Gupta und Narendra Aanjna haben Widgets für die wichtigsten Conversion-Pfade ihrer Apps entwickelt. Ziel war es, Nutzer im Alltag zu erreichen, ohne dass eine vollständige App-Sitzung erforderlich ist.

Das Team hat interaktive Journaling-Prompts, Affirmationen, Visionboard-Bilder und Messwerte direkt auf dem Startbildschirm der Nutzer angezeigt. So wurde die Hürde für die tägliche Reflexion gesenkt. Außerdem wurde eine Steigerung der Nutzerbindung um 25% bei Widget-Nutzern und etwa 1.000 wöchentliche Journaleinträge über Widgets verzeichnet. Diese Steigerung der Nutzerbindung führt zu konkreten gesundheitlichen Vorteilen für die Nutzer: Sie können sich Gewohnheiten aneignen, die ihr langfristiges psychisches Wohlbefinden fördern.

„Widgets haben uns geholfen, die App im Alltag der Nutzer präsenter zu machen, indem wir direkt auf dem Startbildschirm schnelle Inspirationen, Erinnerungen und Reflexionen bereitgestellt haben. Das hat die Nutzerinteraktion und ‑bindung erhöht und es den Nutzern erleichtert, ihre Achtsamkeitsübungen regelmäßig durchzuführen.“ – Divij Gupta

Die Herausforderung: Modernisieren, ohne die Kundenbindung zu verringern

Die Auswirkungen von Widgets waren zwar deutlich, aber die ursprüngliche XML-basierte RemoteViews-Implementierung von Gratitude führte zu technischen Schulden. Als sich das Designsystem der App in Richtung Material 3 entwickelte, wurde es immer schwieriger, die Legacy-Widgets an die moderne Benutzeroberfläche anzupassen. Jedes visuelle Update erforderte manuellen XML-Overhead und umständliche Workarounds, was die Entwicklergeschwindigkeit verlangsamte.

Lösung, Teil 1: Von XML zu Jetpack Glance migrieren

Um ihre Widgets zu modernisieren, wandte sich das Team an Jetpack Glance.

Zuerst haben sie sich die Designseite Widgets on Android und die kanonischen Widget-Layouts angesehen, um Best Practices für die Darstellung von Informationen auf begrenztem Raum zu verstehen.

Anschließend migrierten sie ihre Widget-Suite zu Jetpack Glance. Dieses deklarative Framework ermöglichte es den Entwicklern, in weniger als einem Monat von der Planung zur Auslieferung zu wechseln. Dadurch wurde etwa 50% der Entwicklungszeit eingespart. Außerdem ergaben sich zwei weitere Vorteile:

• Durch das Ersetzen restriktiver XML-Layouts durch deklarativen Code wurde die Codebasis leichter lesbar und wartungsfreundlicher und der Entwicklungsaufwand wurde reduziert.
• Mit Jetpack Glance konnte das Team dynamische Farben, flexibles Anpassen der Größe und erweiterte Konfigurationsoptionen einfacher implementieren. Diese Funktionen sorgen dafür, dass die Widgets zum individuellen Startbildschirm-Layout eines Nutzers passen.

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

Glance hat die Benutzeroberfläche zwar vereinfacht, das Team stellte jedoch fest, dass Tests auf verschiedenen OEM-Launchern ebenfalls unerlässlich waren, um die Layoutkonsistenz auf allen Geräten zu gewährleisten.

Das Team hat auch generierte Widget-Vorschauen implementiert, damit Nutzer personalisierte Vorschauen sehen können. Sie wiesen darauf hin, dass das Testen generierter Vorschauen langsam sein kann, da die Vorschauen zur Schonung des Akkus ratenbeschränkt sind. Wenn Sie die Ratenbegrenzung für Tests umgehen möchten, verwenden Sie den folgenden adb-Befehl:

adb shell device_config put systemui generated_preview_api_reset_interval_ms 0

Dank all dieser Bemühungen ist das Gratitude-Widget hochwertig und differenziert.

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

Die Entwickler nutzten dann das Anpinnen von In-App-Widgets, um die Auffindbarkeit und Installationen von Widgets zu steigern. Wenn Sie Nutzer bitten, Widgets zu einem kontextuell relevanten Zeitpunkt in der App zu installieren, können sie ihre Widgets leichter finden, ohne den System-Widget-Picker aufrufen zu müssen. Das folgende GIF zeigt das Bottom Sheet von Gratitude, mit dem Widgets in der App hinzugefügt werden können:

Das Team hat auch Widget-Pakete umgestaltet, wodurch sich die Pfade für Widget-Receiver geändert haben und Widgets vom Startbildschirm der Nutzer gelöscht wurden. Mithilfe zuvor gespeicherter Nutzerkennzeichnungen, um Widget-Nutzer zu identifizieren, lösten sie einen weiteren requestPinGlanceAppWidget-Prompt aus, in dem Widget-Nutzer aufgefordert wurden, die neuen, modernisierten Widgets zu verwenden.

Tipp für Entwickler:Wenn Sie Widget-Installationen bei der Migration von RemoteViews zu Jetpack Glance beibehalten möchten, muss Ihr GlanceAppWidgetReceiver denselben Klassennamen und dasselbe Paket wie Ihr vorheriges AppWidgetProvider im Android-Manifest verwenden. Wenn ein neuer Klassenname oder Paketpfad erforderlich ist, folgen Sie dem Beispiel von Gratitude und verwenden Sie das Anpinnen in der App, um Nutzern zu helfen, ihre Widgets wiederherzustellen.

Die Strategie funktioniert, da 10% der täglichen aktiven Nutzer Widgets verwenden.

Fazit

Diese Geschichte zeigt, dass Widgets als Tools zur Gewohnheitsbildung dienen können. Durch die Implementierung von Schnellaktionen zur Selbstreflexion direkt auf dem Startbildschirm konnte das Team die Nutzerbindung verbessern. Gratitude konnte durch die Einführung von Jetpack Glance die technische Schuld reduzieren und seine Widgets modernisieren. Außerdem wurden Nutzer aufgefordert, Widgets in ihrer App hinzuzufügen.

„Wir haben mit Jetpack Glance hervorragende Erfahrungen gemacht. Der Compose-basierte Ansatz fühlt sich viel moderner und flexibler an und entspricht der Art und Weise, wie wir den Rest unserer Benutzeroberfläche heute entwickeln. So können wir Widget-Layouts natürlicher ausdrücken, vertraute Compose-Komponenten wiederverwenden und UI-Änderungen viel schneller durchführen. Viele der Einschränkungen der Benutzeroberfläche, die wir zuvor mit RemoteViews hatten, sind kein Problem mehr. Das hat es uns erleichtert, Widgets zu entwickeln, die besser zum Design und zur Nutzerfreundlichkeit unserer App passen.“ – Divij Gupta

Erste Schritte

Wenn Sie mit Jetpack Glance beginnen und mehr über die in diesem Beitrag erwähnten Technologien erfahren möchten, sehen Sie sich die folgenden Anleitungen an:

• Jetpack Glance – Übersicht
• Designseite für Widgets unter Android
• Kanonische Widget-Layouts
• Generierte Widget-Vorschauen
• Widget-Qualitätsstufen
• In-App-Widget anpinnen
• Dynamische Farben
• Größe anpassen
• Konfigurationsaktivitäten

Weitere Fallstudien zu Widgets:

• Die Kontakte App von Google hat ein neues Widget 25% schneller mit Jetpack Glance erstellt
• SoundCloud verwendet Jetpack Glance, um das Widget „Gelikte Titel“ 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). Dankbarkeit als Stimmung vermittelt die Auswirkungen einer 6-wöchigen Dankbarkeitsintervention auf das psychische Wohlbefinden: Post-hoc-Analyse einer randomisierten kontrollierten Studie. Frontkamera. Psychol., 12, 799447. https://doi.org/10.3389/fpsyg.2021.799447