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 für Vision Boards 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 um 25% höhere Bindungsrate für Widget-Nutzer und etwa 1.000 Tagebucheinträge pro Woche über Widgets verzeichnet. Diese Steigerung der Nutzerbindung führt zu konkreten gesundheitlichen Vorteilen für die Nutzer: Sie entwickeln konsistente Gewohnheiten, die langfristig das psychische 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 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-Aufwand 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. Dank dieses deklarativen Frameworks konnten die Entwickler in weniger als einem Monat von der Planung zur Auslieferung übergehen. Das sparte etwa 50% der Entwicklungszeit. 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:

Das Team stellte fest, dass es zwar durch die Verwendung von Glances die Benutzeroberfläche vereinfacht hatte, aber Tests auf verschiedenen OEM-Launchern ebenfalls unerlässlich waren, um ein einheitliches Layout 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 all dieser 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 Installation 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 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, 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 im Android-Manifest denselben Klassennamen und dasselbe Paket wie Ihr vorheriges AppWidgetProvider 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 die 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 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