作業担当者:鈴木 祥護
作業日 :2月2日
■ 作業概要
MIRABAサイトにおける、
投稿画面(up画面)のUI設計整理および画像投稿仕様の確定作業を実施した。
既存画面との整合性を保ちながら、投稿機能として必要な構造と挙動の整理を行った。
■ 実施内容
-
投稿画面の役割整理
・投稿画面を、コメントおよび画像を投稿する専用画面として定義
・マイページおよびRIGHT画面と連携する前提で設計を実施
・画面設計を優先し、ログイン処理や保存処理などの機能実装は後工程とした -
画像投稿UI仕様の確定
・投稿画像の表示サイズを正方形(aspect-ratio: 1 / 1)に統一
・複数画像の選択を可能としつつ、画面上では常に1枚のみ表示する仕様を採用
・左右の切り替えボタンにより、選択した画像を順番に確認できるカルーセル方式を採用 -
画像表示・切り替え構造の整理
・ファイル選択後に画像表示領域を表示する構造とした
・画像切り替えはインデックス管理による制御を想定
・画像が1枚のみの場合は切り替えボタンを非表示とし、UIの簡潔さを維持 -
他画面との整合性確認
・マイページおよびRIGHT画面と同一の画像表示仕様を前提とし、表示比率と構造を共通化
・将来的なデータ連携時に、DOM構造を変更せず反映可能な設計を確認
■ 確認事項
・投稿画面はUI設計および仕様確定フェーズを完了とする
・機能実装(保存処理、画面間連携)は後工程で段階的に実施する
・画像表示仕様は投稿画面、RIGHT画面、マイページの3画面共通ルールとして扱う
■ 次回作業予定
・投稿画面とマイページ画面のデータ連携設計
・RIGHT画面への投稿内容反映構造の整理