Skip to main content

6. ユーザーインターフェイス

6.1 求職者向けアプリ UI​

モックアップ（Youtube）​

  • 映像や画像を用いたユーザーインターフェイスの設計

モックアップ（Figma）​

  • Figmaでのモックアップ作成例

ホーム画面​

  • 検索バーによるインターンシップ情報の検索（日時、場所、業務内容で絞り込み）
  • おすすめインターンや新着情報のリスト表示
  • 通知機能：企業からの受け入れ通知、評価依頼など

インターンシップ詳細画面​

  • インターンシップの概要（タイトル、日時、場所、業務内容、必要資格、報酬、募集人数など）
  • 参加申し込みボタン

マイページ​

  • プロフィール、過去の参加履歴、評価、ランキングの表示

ゲームモード画面​

  • アバター、レベル、スキル進行状況の表示
  • アイテム取得や戦闘機能、ランキング確認などゲーミフィケーションの要素を含む

6.2 企業向けWeb UI​

ダッシュボード​

  • 現在のインターンシップ状況（募集中、受付済み、完了）の確認
  • 直近の応募者数や通知の一覧表示

インターンシップ登録画面​

  • カレンダー機能を活用した、インターンシップ詳細（タイトル、日時、業務内容、報酬、募集人数、必要資格）の登録フォーム

応募者管理画面​

  • 申し込みを行った求職者の一覧表示と、各求職者のプロフィール、評価、スキル情報の確認
  • 受け入れの検討、承認、拒否の選択肢

評価管理画面​

  • インターンシップ終了後の求職者評価フォーム（スコア、コメント）の入力および過去評価の参照

6.3 共通デザイン・UXのポイント​

直感的で簡単な操作​

  • ナビゲーションはシンプルにし、初回利用時のチュートリアルを実施
  • ユーザーの言語に依存せず直感的に利用できるUI

レスポンシブデザイン​

  • 各デバイス（PC、スマートフォン、タブレット）での快適な利用を実現

フィードバック機能​

  • 各操作時に視覚的なフィードバック（アニメーション、色の変化）を提供