MOMENT Studio
← 一覧へ

機能の羅列ではなく、ひとつのシーンとして開く画面へ

2025.11.08技術記録#product-ui#sleep#content

睡眠導入画面とコンテンツ選択フローを、独立した要素の集合ではなく一貫したひとつの体験として再設計した。

各画面は必要な要素を並べる構造になっていた。ボタンやカードはそれぞれの機能を果たしていたが、画面に入った瞬間に全体の文脈を伝える設計は不足していた。特に睡眠導入画面は、選択肢を列挙するよりも、ユーザーが段階的に状態を移行できるよう誘導するフローが求められる。

この課題に対し、睡眠セッション選択とコンテンツ閲覧画面のレイアウトフローと遷移動作を再設計した。カードの表示方式と、選択がセッションへと連なる構造を整備し、アラーム・プレビュー・レコメンデーションが別々の要素ではなく、ひとつの統一された画面として認識されるようにした。モード別オーバーレイエフェクトのレンダリングと解除タイミングの責任を明確にし、複数画面で一貫した遷移ルールが適用されるよう整理した。

データ準備の面では、キャッシュと同期のタイミングを調整し、画面進入時にコンテンツの遅延ロードによって発生する空白状態を最小化した。