MOMENT Studio
← 一覧へ

画面をシーン単位で再構成する

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

機能の羅列で構成されていた画面をシーン単位に再設計し、各画面の導線と明確性を整備した。

機能を順番に並べるだけの構成では、ユーザーが最初に何を見るべきかが不明確になる。今回の作業の目的は、各画面が単一のシーンとして認識されるよう構成を整備することだった。新機能の追加よりも、既存要素の配置と順序の見直しに注力した。

探索・ライブラリ・モード画面を同一の基準でレビューし、シーン単位で再編成した。画面間の遷移における流れの連続性も確保している。睡眠画面については、就寝前のコンテンツ選択・アラーム設定・セッション保存という一連のステップを単一のルーティンとして再構成し、フロー全体の一貫性を高めた。

再生面では、内部の状態処理における不整合を修正した。短尺動画の再生開始を明確なシグナルとして扱い、ローディング状態のロジックを簡素化することでトラック切り替え時の空白区間を削減した。プレビュー再生における映像と音声の同期も整備した。

初回ユーザーが追加の説明なく各画面の目的を把握できる状態を、今回の作業における主要な達成基準とした。