作業担当者：鈴木 祥護
作業日 ：１月２９日
評価日程希望 ➄
■ 作業概要
MIRABA サイトにおける
マイページ画面のUI設計確定および画面構造整理作業を実施。
個人ページとしての位置づけを明確化し、
投稿・いいね一覧を中心とした画面構成とデザイン仕様を確定した。
■ 実施内容
1. マイページ画面の役割整理
-
マイページを「ユーザー自身の活動履歴を集約する画面」として定義
-
プロフィール画面とは役割を分離し、
編集要素ではなく 閲覧・確認を主目的とした構成とした -
投稿履歴・いいね履歴を中心に、利用状況が直感的に把握できる画面設計を採用
2. 画面構造・レイアウト設計
-
TOP画面と同系統の独立したページヘッダー領域を設置
-
ヘッダー下にユーザー主体を示す情報配置を想定
-
サイドバーは全画面共通仕様を維持し、
main領域のみをマイページ専用構成とした
3. 投稿／いいね一覧UI設計
-
「投稿」「いいね」の2タブ切替構成を採用
-
投稿カード単位での視認性を重視し、
外枠ガラスカードは使用せず、カード単体で情報を成立させる設計とした -
投稿カード幅・配置を統一し、一覧表示時の安定感を確保
4. デザイン方針整理
-
全体トーンは MIRABA 共通の
高級感・ガラス感・あたたかさ を踏襲 -
主張しすぎない装飾と余白設計により、
情報量が増えても圧迫感が出ないUIを意識 -
将来的な動的データ反映を前提とした構造を維持
■ 確認事項
-
マイページ画面は UI設計として完成扱いとする
-
大幅なレイアウト変更は行わず、
今後はデータ連携・挙動調整のみを対象とする
■ 次回作業予定
-
マイページ内タブ切替挙動の実装検討
-
投稿データ表示（ダミーデータ）の反映設計