MOMENT Studio
← 一覧へ

画面ごとに異なる進入体験を設計する

2025.11.21技術記録#product-ui#sleep#playback

共通レイアウト構造に統一されていた各画面に、それぞれの目的に応じたビジュアル言語とトランジションを適用し、フロー全体の一貫性を改善した。

機能は各所に追加されていたが、複数の画面が目的に関わらず同一のレイアウト構造を共有していた。睡眠導入画面、ログイン画面、プレミアム案内画面はそれぞれ異なる役割を持つにもかかわらず、視覚的な進入体験がほぼ統一されていた。今回の作業では、各画面の目的に合ったビジュアル言語とトランジション挙動を個別に適用することに注力した。

睡眠フローは、コンテンツ選択からアラーム設定まで一貫した雰囲気を保てるよう調整した。背景の色調と動きを落ち着いたトーンに設定し、画面間のトランジションを滑らかにすることで、選択から就寝準備への自然な流れを構成した。ログイン画面とプレミアム画面には動的背景を導入し、静的な案内表示からより滞在性の高い画面へと改善した。

再生領域では、Now Playingとロック画面のリモートコントロールが実際の再生状態と一致しない問題を修正した。表示されるトラック情報、ロック画面のメタデータ、およびそれらを管理するリソースのライフサイクルを整合させる作業である。この修正により、画面遷移後も再生コントロールが正確に動作することが保証される。