モバイルウィジェットのデザイン:私たちが「ミニジャーナル」を廃止した理由

製品ロードマップの会議に出席したことがある方なら、「素晴らしい」アイデアが独り歩きし始める瞬間のことをご存知でしょう。

Vividiaryの私たちにとって、その瞬間は約4ヶ月前に訪れました。私たちは日々の記録の摩擦を減らす方法をブレインストーミングしていました。私たちのアプリには、わずか3秒で使える5グレードの気分記録システムがすでに搭載されていますが、私たちは自問しました。「アプリを開かずに済むとしたらどうだろう?」

私たちが提案した解決策は「ミニジャーナル」でした。これは、完全にインタラクティブで非常に複雑なホーム画面ウィジェットです。ユーザーが気分を選択し、アクティビティの絵文字をタップし、さらには短い音声メモをAIに吹き込むことさえ、Vividiaryアプリを起動することなく行えるという構想でした。

それはユーザーエンゲージメントにとって大きな成功をもたらすように思えました。

しかし、それは完全な失敗でもありました。私たちは何週間もかけて構築し、テストし、最終的にそれを廃止しました。私たちが最も野心的なウィジェットをなぜ破棄したのか、React Nativeのパフォーマンスについて何を学んだのか、そしてなぜアプローチを簡素化したことが日次継続率の28%向上につながったのか、その率直な物語をお話しします。

問題点:「ミニジャーナル」の誤謬

製品開発者として、私たちは摩擦を減らすことに執着しています。ユーザーが2回ではなく3回タップしなければならない場合、私たちはそれを失敗とみなします。

私たちはジャーナリングの習慣化には絶対的な一貫性が必要であることを知っています。記録が簡単であればあるほど、ユーザーは数ヶ月、数年とそれを継続する可能性が高まります。そこで、次のような論理が導き出されました。もしジャーナリングの全体験をiOSのホーム画面に配置すれば、ユーザーはメールを確認したりInstagramを開いたりする合間に、無理なく気分を記録できるはずだ、と。

ここでの誤謬は、物理的な摩擦(タップ数)だけが重要な摩擦であると思い込んでいる点です。私たちは認知的な摩擦を完全に無視していました。

ジャーナリングは、たとえ3秒の短い気分記録であっても、内省の時間を必要とします。ユーザーがホーム画面にいるとき、彼らは通常、特定のアプリを探したり通知を消したりするために急いでいる、移行状態にあります。他のカラフルなアプリのアイコンで埋め尽くされた画面上の、わずか2x2のグリッドの中で、複雑な感情状態を処理するよう求めることは、大きな計算違いでした。

却下したアイデア:1時間ごとのAIプロンプトとミニジャーナル

現在の簡素化されたウィジェットにたどり着くまでに、私たちはいくつかの異なる迷路に迷い込みました。最終的な製品がなぜ今の形になったのかを正確に浮き彫りにするため、あえて選ばなかった道について共有したいと思います。

却下したアプローチ1:1時間ごとのAIプロンプト 最初のプロトタイプは、1時間ごとに新しいコンテキスト認識型のAIプロンプトで更新される動的なウィジェットでした。9:00 AMなら、ウィジェットは「よく眠れましたか?」と尋ねるかもしれません。5:00 PMなら、「仕事の後、どんな気分ですか?」と尋ねるかもしれません。

なぜ廃止したのか: それは、ホーム画面に口うるさい上司が住んでいるような気分にさせました。ユーザーは、自分のペースで内省できる安全でプライベートな場所を求めてVividiaryを利用しています。感情の更新を1時間ごとに要求することは、安らぎではなく不安を生み出しました。さらに、これらのプロンプトを生成してプッシュするには絶え間ないバックグラウンド同期が必要であり、それがバッテリー寿命を消耗させ、私たちのプライバシー第一というクラウドインフラの原則と衝突しました。

却下したアプローチ2:完全にインタラクティブなミニジャーナル これが大本命でした。私たちは5グレードの気分セレクター(最高から最悪まで)、複数選択可能なアクティビティ絵文字、そして小さなテキスト入力フィールドを、中サイズのウィジェットに詰め込もうとしました。

なぜ廃止したのか: 前述の認知負荷の問題はさておき、このアプローチは巨大で動かしがたい技術的な壁に突き当たりました。

React Nativeのパフォーマンスとバッテリー消費

Vividiaryは誇りを持ってReact NativeとExpoで構築されています。これにより、私たちの小さなチームは、プラットフォームを横断して美しくネイティブに近い体験を迅速に提供できます。しかし、ウィジェットに関しては、ゲームのルールが完全に変わります。

Appleの公式ドキュメントによると、iOSウィジェットは厳格で容赦のない16 MBのメモリ制限下で動作します。

React Nativeはコードを実行するためにJavaScriptエンジンを起動することに依存しているため、インタラクティブな状態管理、AIテキスト/音声入力ハンドラー、カスタム絵文字レンダリングを備えた複雑なミニジャーナルを埋め込むと、ウィジェットはこの16 MBの制限を即座に超えてしまうことが頻繁にありました。

iOSウィジェットがメモリ制限を超えると、正常に機能が低下するわけではありません。クラッシュするのです。ユーザーは「読み込めません」とだけ書かれた空白のボックスを見つめることになります。

Expo SDK 55における最近の驚異的な進歩により、ウィジェットのサポートが大幅に改善され、古いブリッジアーキテクチャが削除されたにもかかわらず、リソースを大量に消費するインタラクティブなUIをホーム画面で実行することは非常に不安定なままでした。この特定のマイクロ環境におけるReact Nativeのパフォーマンスのボトルネックは、私たちが約束した「3秒の記録」が、タップ、クラッシュ、バッテリー消費の苛立たしい連続に変わることを意味していました。

私たちはオペレーティングシステムと戦っていることに気づきました。そしてOSと戦うとき、負けるのは常にユーザーなのです。

私たちが選んだもの:2秒の操作のためのデザイン

私たちは方針転換を余儀なくされました。一歩下がって、気分記録の科学の核心を見つめ直しました。目標はユーザーに小説を書かせることではなく、移ろいやすい感情状態を正確かつ安全に捉えることです。

ウィジェットデザインの領域において、モバイルプラットフォームはシンプルさを要求します。私たちはウィジェットを、絶対に必要な要素だけに絞り込むことにしました。

私たちが構築したもの: 超高速のポータルとして機能する、静的でアクセス性の高いウィジェットです。そこには5グレードの気分絵文字が表示されます。それだけです。

ユーザーがウィジェットの「最高」の絵文字をタップすると、ホーム画面でロジックを処理しようとはしません。その代わり、即座にVividiaryアプリへディープリンクし、気分選択を事前入力し、データを私たちのプライバシー第一のクラウドに安全に同期し、ユーザーのパーソナライズされたClayキャラクターを即座に表示します。

  1. クラッシュゼロ: ウィジェットはメモリをほとんど使用しないため、「読み込めません」というエラーを完全に排除しました。
  2. セキュリティ: アプリ内で実際のデータ入力を処理することで、ユーザーが完全に認証されていることを確認し、機密性の高い日記データが暗号化されて安全なクラウドに同期されるようにしました。
  3. 完全な体験: アプリ内に入れば、ユーザーはAIが生成したドラフトを確認したり、進化するClayキャラクターと対話したり、ホーム画面ウィジェットの制約なしに音声会話を行ったりするための十分な画面スペースを確保できます。

これは、私たちの以前の製品方針転換を反映したものです。AIによるガイド付きドラフトを優先するために空白ページを廃止した決定と同様に、ユーザーに見せるものを減らすことが、実際には彼らがより多くのことを行う助けになることを学びました。

ジャーナルアプリにおけるアクセシビリティ:色を超えて

技術的なハードル以上に、密度の高いミニジャーナルウィジェットは、メンタルヘルスアプリケーションに関する現代のUX研究と矛盾していました。

ジャーナルアプリの開発者がアクセシビリティについて議論するとき、通常は色のコントラスト、フォントサイズ、スクリーンリーダーの互換性について話します。しかし、もう一つ重要な層があります。それは認知的アクセシビリティです。

『Perinatal Journal』に掲載された研究では、ジャーナリングのインターフェースには、ユーザーを圧倒しないための「段階的開示」が必要であると強調されています。空白のテキストボックス、AIプロンプト、気分トラッカー、アクティビティリストを一度にすべて表示すると、脳はそれらすべての選択肢を同時に処理しなければなりません。不安やうつ病を抱えている人にとって、この認知負荷は麻痺を引き起こす可能性があります。

それらすべてを小さなウィジェットに詰め込むことは、雑然としてアクセスしにくいUIを生み出していました。シンプルで段階的なフロー(ウィジェットをタップし、アプリを開き、記録された気分を確認し、その後必要に応じてテキストを追加する)に戻すことで、私たちは最小限で焦点を絞ったナビゲーションという業界のベストプラクティスに沿うことができました。

議論に終止符を打ったA/Bテスト

Vividiaryでは、意見で議論を解決するのではなく、データで解決します。簡素化されたポータルウィジェットに完全にコミットする前に、ベータユーザーのコホートを対象に厳格なA/Bテストを実施しました。

* バリアントA: インタラクティブな「ミニジャーナル」ウィジェット(時折発生するクラッシュにもかかわらず)。
* バリアントB: シンプルな2秒のポータルウィジェット。

結果:
* 日次継続率: バリアントBは、14日間の期間で、日次継続率を驚異的な28%向上させました。
* ユーザーフィードバック: テスト後のアンケートでは、バリアントAグループの7/10のユーザーが、複雑なウィジェットは「圧倒される」または「壊れている」(主に16 MBのメモリ制限によるクラッシュが原因)と報告しました。
エンゲージメントの深さ: 驚いたことに、バリアントBのユーザーは実際にはより長い*ジャーナルエントリを書いていました。ウィジェットがアプリへの低摩擦な入り口として機能したため、ユーザーはVividiaryの安全で集中できる環境に入ると、AIと対話し、自分の考えを広げることに快適さを感じたのです。

このデータは、私たちの価格設定と製品戦略の大きな裏付けとなりました。私たちは、無制限の気分記録、1日3回のAI会話、基本的な分析を含む無料プランを提供しています。さらに多くの機能を求めるユーザー向けに、プレミアムプランは月額$2.99(または年額$11.99)で、無制限のAI、高度な分析、音声優先機能が利用可能です。

ユーザーが無料プランかプレミアムプランかに関わらず、入り口はまったく同じ、つまりウィジェットです。ウィジェットが壊れていたり、圧倒されるようなものであれば、ファネル全体が崩壊します。この2秒の操作を正しく行うことは、製品全体の健全性にとって不可欠でした。

次なるステップ

ミニジャーナルを廃止したことは失敗ではなく、私たちの技術の境界線とユーザーの心理的ニーズを理解するための必要なステップでした。

現在、チームはこのウィジェットの実験から得た教訓を、iOSのロック画面ウィジェットに応用しています。私たちはロック画面の体験をさらに控えめにする方法を模索しており、公共の場でもプライバシーを守りながら、匿名アイコンを1回タップするだけで気分を記録できるようにすることを目指しています。

また、30日間のClayキャラクターのアニメーションも改良しており、ウィジェットをタップしてからアプリ内でキャラクターが成長するのを見るまでの移行が、シームレスでやりがいのあるセルフケアの瞬間として感じられるようにしています。

製品作りは、直線的な道のりであることは稀です。アプリを魔法のように感じさせるためには、自分が設計した最高の機能がゴミ箱にふさわしいと気づかなければならないこともあります。そして、私たちはそれで全く問題ないと考えています。