感謝の気持ちを持つことで、うつ病や不安の症状が軽減し、メンタルヘルスと生活満足度が向上する可能性があります¹。感謝の気持ちを継続的に持つことで、数か月間持続する改善につながる可能性があります²。マインドフルネス アプリ Gratitudeは、毎日の簡単な日記、アファメーション、ビジョン ボードを通じて、継続性を促します。このアプリは 600 万回以上ダウンロードされ、5 つ星の評価は 15 万件、日記の記録は 1 億件に達しています。

デベロッパーの Divij Gupta 氏と Narendra Aanjna 氏は、アプリの主要なユーザー ジャーニーごとにウィジェットを開発しました。目標は、アプリのセッション全体を必要とせずに、ユーザーが日常的に利用できるようにすることでした。

インタラクティブな日記のプロンプト、アファメーション、ビジョン ボードの画像、指標をユーザーのホーム画面に直接表示することで、チームは毎日の振り返りのハードルを下げ、ウィジェット ユーザーのアプリ継続率が 25% 向上 し、ウィジェットから週に約 1,000 件の日記が記録 されるようになりました。ユーザー ロイヤリティの向上は、ユーザーにとって具体的な健康上の成果につながります。長期的な心の健康をサポートする一貫した習慣を身につけることができるのです。

「ウィジェットは、ホーム画面に直接、簡単なインスピレーション、リマインダー、振り返りを提供することで、ユーザーの日常的なルーティンにアプリを組み込むのに役立ちました。これによりエンゲージメントが向上し、ユーザーはマインドフルネスの実践を継続しやすくなりました。」 - Divij Gupta

課題: アプリ継続率を低下させることなくモダナイズする

ウィジェットの効果は明らかでしたが、Gratitude の元の XML ベースの RemoteViews 実装では技術的負債が生じていました。アプリのデザイン システムがマテリアル 3 に進化するにつれて、従来のウィジェットを最新の UI に合わせることがますます難しくなりました。ビジュアルを更新するたびに、手動で XML をオーバーヘッドする必要があり、回避策も脆弱だったため、デベロッパーの速度が低下していました。

ソリューション パート 1: XML から Jetpack Glance への移行

ウィジェットをモダナイズするために、チームはJetpack Glanceを採用しました。

まず、Widgets on Android のデザイン ページと 正規ウィジェット レイアウトを参照して、限られたスペース内に情報を表示するためのベスト プラクティスを理解しました。

次に、ウィジェット スイートを Jetpack Glance に移行しました。この宣言型フレームワークにより、デベロッパーは計画からリリースまでを1 か月未満 で完了し、開発時間を約 50% 短縮 しました。また、次の 2 つのメリットがありました。

• 制限の多い XML レイアウトを宣言型コードに置き換えたことで、コードベースの読みやすさと保守性が向上し、デベロッパーの労力が軽減されました。
• Jetpack Glance を使用すると、ダイナミック カラー、柔軟なサイズ変更、拡張された構成オプションを簡単に実装できます。これらの機能により、ウィジェットはユーザーの独自のホーム画面レイアウトと調和します。

次の GIF は、2 つの Gratitude ウィジェットと適応型サイズ変更を示しています。

Glance により UI が簡素化されましたが、デバイス間でレイアウトの一貫性を確保するには、さまざまな OEM ランチャーでテストすることも不可欠であるとチームは指摘しています。

また、ユーザーがパーソナライズされたプレビューを表示できるように、生成されたウィジェット プレビューも実装しました。プレビューはバッテリーを節約するためにレート制限されているため、生成されたプレビューのテストは遅くなる可能性があると指摘しています。テストのレート制限を回避するには、次の adb コマンドを使用します。

adb shell device_config put systemui generated_preview_api_reset_interval_ms 0

これらの取り組みにより、Gratitude ウィジェットは 高品質で差別化されました。

ソリューション パート 2: アプリ内で新しいウィジェットを宣伝する

次に、デベロッパーは アプリ内ウィジェットの固定を使用して、ウィジェットの検出可能性とウィジェットのインストール数を増やしました。アプリ内のコンテキストに関連するタイミングでウィジェットをインストールするようユーザーに促すことで、ユーザーはシステム ウィジェット ピッカーを使用せずにウィジェットを見つけることができます。次の GIF は、アプリ内からウィジェットを追加するための Gratitude のボトムシートを示しています。

また、ウィジェット パッケージをリファクタリングしたため、ウィジェット レシーバーのパスが変更され、ユーザーのホーム画面からウィジェットが削除されました。以前に保存したユーザー フラグを使用してウィジェット ユーザーを特定し、requestPinGlanceAppWidget プロンプトをトリガーして、ウィジェット ユーザーに新しいモダナイズされたウィジェットを使用するよう促しました。

デベロッパー向けのヒント: RemoteViews から Jetpack Glance に移行する際にウィジェットのインストール数を維持するには、Android マニフェストで、GlanceAppWidgetReceiver が以前の AppWidgetProvider と同じクラス名とパッケージを使用していることを確認してください。新しいクラス名またはパッケージの場所が必要な場合は、Gratitude のように、アプリ内固定を使用してユーザーがウィジェットを復元できるようにします。

この戦略は効果的で、DAU 全体の 10% がウィジェットを採用しています。

まとめ

この Gratitude の事例から、ウィジェットは習慣形成のツールになることがわかります。ホーム画面から直接振り返るためのクイック アクションを実装することで、ユーザー ロイヤリティが向上しました。Gratitude は、Jetpack Glance を採用することで技術的負債を削減し、ウィジェットをモダナイズし、アプリ内でウィジェットを追加するようユーザーに促しました。

「Jetpack Glance は非常に優れています。Compose ベースのアプローチは、よりモダンで柔軟性があり、現在の UI の構築方法に合っています。ウィジェット レイアウトをより自然に表現し、使い慣れた Compose コンポーネントを再利用し、UI の変更をはるかに迅速に繰り返すことができます。以前は RemoteViews で直面していた UI の制約の多くが解消され、アプリのデザインとエクスペリエンスに合ったウィジェットを簡単に構築できるようになりました。」 - Divij Gupta

スタートガイド

Jetpack Glance を使い始める方法と、この記事で説明したテクノロジーについて詳しくは、次のガイドをご覧ください。

• Jetpack Glance の概要
• _Widgets on Android_ のデザイン ページ
• 正規ウィジェット レイアウト
• 生成されたウィジェット プレビュー
• ウィジェットの品質レベル
• アプリ内ウィジェットの固定
• ダイナミック カラー
• サイズ変更
• 構成アクティビティ

その他のウィジェットの事例紹介をご覧ください。

• Google の連絡帳アプリ、Jetpack Glance を使用して新しいウィジェットを 25% 短縮して作成
• SoundCloud、Jetpack Glance を使用して「いいねしたトラック」ウィジェットをわずか 2 週間で構築

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