Dankbarkeit kann Symptome von Depressionen und Angstzuständen verringern und die psychische Gesundheit und Lebenszufriedenheit verbessern¹. Regelmäßiges Üben 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 Nutzeraktionen in ihren Apps entwickelt. Ziel war es, Nutzer im Alltag zu erreichen, ohne dass eine vollständige App-Sitzung erforderlich ist.

Das Team hat interaktive Aufforderungen zum Führen eines Tagebuchs, Affirmationen, Bilder von Vision Boards und Statistiken direkt auf dem Startbildschirm der Nutzer angezeigt. So wurde die Hürde für die tägliche Reflexion gesenkt. Nutzer, die das Widget verwenden, haben eine um 25% höhere Bindungsrate und es werden etwa 1.000 Tagebucheinträge pro Woche über Widgets erstellt. Diese höhere Nutzerbindung führt zu konkreten gesundheitlichen Vorteilen für die Nutzer: Sie können sich Gewohnheiten aneignen, die ihr langfristiges psychisches Wohlbefinden fördern.

„Mithilfe von Widgets konnten wir die App in den Alltag der Nutzer integrieren, indem wir Inspiration, Erinnerungen und Reflexionen direkt auf dem Startbildschirm bereitgestellt haben. Das hat die Interaktionen gesteigert 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. Jede visuelle Aktualisierung erforderte manuellen XML-Overhead und umständliche Workarounds, was die Entwicklergeschwindigkeit verlangsamte.

Teil 1 der Lösung: 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 auf 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. So konnten sie 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 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, aber das Team stellte fest, dass Tests mit 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. Verwenden Sie den folgenden adb-Befehl, um die Ratenbegrenzung für Tests zu umgehen:

adb shell device_config put systemui generated_preview_api_reset_interval_ms 0

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

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 zu einem kontextuell relevanten Zeitpunkt in der App auffordern, Widgets zu installieren, können sie ihre Widgets leichter finden, ohne den System-Widget-Picker aufrufen 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 außerdem 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, wurde ein weiterer requestPinGlanceAppWidget-Prompt ausgelöst, 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 im Android-Manifest denselben Klassennamen und dasselbe Paket wie Ihr vorheriges AppWidgetProvider verwenden. Wenn ein neuer Klassenname oder ein neuer 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 gesamten täglich aktiven Nutzer Widgets verwenden.

Fazit

Diese Geschichte zeigt, dass Widgets als Tools zur Gewohnheitsbildung dienen können. Durch die Implementierung von Schnellaktionen für die Selbstreflexion direkt auf dem Startbildschirm konnte das Team die Nutzerbindung verbessern. Gratitude hat durch die Einführung von Jetpack Glance die technische Schuld reduziert und seine Widgets modernisiert. 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 nicht mehr vorhanden. 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 mit Jetpack Glance ein neues Widget 25% schneller erstellt
• SoundCloud verwendet Jetpack Glance, um in nur zwei Wochen ein Widget für „Gelikte Titel“ 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