画面遷移図の作成

[da-yoshi-k]

概要

Figmaで画面遷移図を作成する

想定タスク

• [x] 対象画面の洗い出し
• [x] 共通部品の洗い出し
• [x] 各画面の作成（PC）
• トップ・静的文言関連
  • [x] トップ画面
  • [x] 利用規約
  • [x] プライバシーポリシー
  • [x] クイックガイド
  • [x] 問い合わせ
• ログイン・ユーザー登録関連
  • [x] ログイン画面
  • [x] 新規登録画面
  • [x] パスワードリセット画面
• ホーム
  • [x] ホーム画面
• チーム関連
  • [x] チーム一覧画面
  • [x] チーム作成画面
  • [x] チーム詳細画面
• ワーク関連
  • [x] ワーク一覧画面
  • [x] ワーク履歴画面
  • [x] ワーク使い方画面
  • [x] ワーク待機画面
  • [x] ワーク画面
  • [x] ワーク終了画面
• プロフィール関連
  • [x] プロフィール編集画面
• [ ] 各画面の作成（スマホ）
• トップ・静的文言関連
  • [x] トップ画面
  • [x] 利用規約
  • [x] プライバシーポリシー
  • [x] クイックガイド
  • [x] 問い合わせ
• ログイン・ユーザー登録関連
  • [x] ログイン画面
  • [x] 新規登録画面
  • [x] パスワードリセット画面
• ホーム
  • [ ] ホーム画面
• チーム関連
  • [ ] チーム一覧画面
  • [ ] チーム作成画面
  • [ ] チーム詳細画面
• ワーク関連
  • [ ] ワーク一覧画面
  • [ ] ワーク履歴画面
  • [ ] ワーク使い方画面
  • [ ] ワーク待機画面
  • [ ] ワーク画面
  • [ ] ワーク終了画面
• プロフィール関連
  • [ ] プロフィール編集画面

[da-yoshi-k]

対象画面

トップページ関連

• トップページ（LPのようなものを想定）
• クイックガイド
• 利用規約
• プライバシーポリシー
• お問合せ（外部ツール・サービス利用を想定）

ここから下はログイン必須（ただし一部ワークはゲストログイン可とする予定）

ログイン関連

• ログイン画面（ゲストログインあり）
• 新規登録画面
• パスワードリセット画面

マイページ

• マイページ画面
  • ワーク一覧（ワークの開始・履歴の参照を行う）
  • チーム一覧（チーム内のユーザー一覧・追加/削除）

ユーザー関連

• プロフィール編集画面

ワーク関連

• ワーク選択画面
• 待機画面
• ワーク画面（画面遷移ではなく動的にコンテンツを表示）
• ワーク完了画面（SNS連携用のボタン）

[da-yoshi-k]

共通部品（仮決め）

---

ヘッダー

未ログイン

• ブランドロゴ（→トップページ）
• ログインボタン

ログイン済

• ブランドロゴ（→マイページ）
• ワーク開始

---

フッター

ログイン状態問わず共通（スクロール追跡は無し）

• クイックガイド
• 利用規約
• プライバシーポリシー
• お問合せ（外部ツール・サービス利用を想定）

[da-yoshi-k]

PC版は一通り完成したため、 #7 としてリンクを追加。