top of page

ワークフロー

さまざまなプロジェクトでUX/UIのワークフローを構築・実践してきました。
スタジオやプロジェクトごとに規模、範囲、スケジュールが異なるため、ワークプロセスは柔軟であり、それぞれのチームの独自のニーズに合わせてカスタマイズされるべきだと考えています。

Screenshot 2025-07-29 at 5.29.33 PM.png
1: ディレクターによるクリエイティブブリーフ


大規模プロジェクトでは複数のディレクターが関わることが多く、新機能の明確な目標を定めるクリエイティブまたは機能ブリーフを提供します。

​

2: ユーザーリサーチ/競合分析


まずユーザーのニーズや業界標準を調査します。ユーザーペルソナの作成、ユーザージャーニーマッピング、競合分析を行い、方向性の基礎とします。

​

3: ブレインストーミングとコラボ


時間が許す限り、チームからの意見を集め複数のアイデアを検討することは非常に価値があります。この過程では他のデザイナーだけでなく、異なる専門分野のチームメンバーとも協力します。

​

4: フローチャート、ワイヤーフレーム、プロトタイプ作成


調査とブレインストーミングをもとに、ユーザーの操作を整理するフローチャートを作成し、重要なステップを漏らさないようにします。その後ワイヤーフレームや低解像度のプロトタイプを作成し、関係者と定期的に確認してプロジェクト目標との整合性を保ちます。

​

5: UX/UI/技術チームとの連携によるUI設計


スムーズな実装を実現するため、UIデザイナー、UIテクニカルデザイナー、UI SE、オンラインSEと密に連携しながらデザインを確定します。

​

6: 機能キックオフ(制作開始)


デザインが承認されチームが合意した後、機能キックオフを行い制作フェーズを開始します。

 

7:a - UIテックによる統合準備
b - ビジュアルデザイン&モーションデザインのモックアップ作成

 

UIテックデザイナーとUI SEはワイヤーフレームを基にバックエンドの準備を開始し、一方でUIデザイナーはビジュアルデザインとモーションデザインのモックアップを作成し、機能の最終的な見た目と動きを定義します。

 

8: UI統合

 

プロジェクトによっては、ビジュアルデザインの統合前に機能確認のためワイヤーフレームのみを実装することがあります。ワイヤーフレームとビジュアルを分けることで、プレイテスト中の問題を迅速に特定できます。

 

9: プレイテスト

 

チーム内でプレイテストを実施し、迅速なフィードバックループを回します。UXデザイナーはテストの進行をサポートし、フィードバック収集と改善点の抽出を行います。

 

10: 改善

 

プレイテストのフィードバックを基にデザインをブラッシュアップし、ユーザーのニーズとプロジェクト目標を満たすまで繰り返し改善を続けます。

Screenshot 2025-07-29 at 6.10.53 PM.png
1: 機能キックオフ


小規模なチームでは、プロセスはより短く柔軟になります。機能キックオフの段階では、すべての関係者が集まり、目標を共有・定義するための話し合いを行います。

​

2: ユーザーリサーチ/競合分析


まずユーザーのニーズを理解し、業界のトレンドを確認します。小規模なチームやプロジェクトでは、効率的にインサイトを得るために簡易的な競合分析を行うことがよくあります。

​

3: ブレインストーミングとコラボレーション


時間に余裕がある場合は、チーム全体で複数のアイデアを検討することが非常に有益です。このフェーズでは他のデザイナーに限らず、他職種のメンバーとも協力して進めます。

​

4: フローチャート、ワイヤーフレーム、プロトタイプの作成


リサーチやブレインストーミングをもとに、まずはユーザーフローを整理するフローチャートを作成し、重要な操作をすべて網羅します。その後、ワイヤーフレームや低解像度のプロトタイプを作成し、定期的に関係者と確認を行いながらプロジェクト目標との整合性を保ちます。

​

5: UX/UI/技術チームとの連携によるUI設計


スムーズな実装を目指して、UIデザイナー、UIテクニカルデザイナー、UIソフトウェアエンジニア、オンラインエンジニアと密に連携しながら最終的なデザインを固めます。

​

6: ビジュアルデザイン&モーションデザインのモックアップ


小規模なチームやタイトなスケジュールでは、ワイヤーフレームを単独でテストする機会が限られることもあります。本来はワイヤーフレーム単体でテストするのが理想ですが、制約のある場合はビジュアルデザインと組み合わせてテストすることもあります。

​

7: UI統合


最終的なUIをUIツールやゲームエンジンに統合し、機能テストとブラッシュアップの準備を行います。

​

8: プレイテスト


内部プレイテストを実施し、迅速にフィードバックを収集します。UXデザイナーはこれらのセッションの企画、観察、分析を担当し、課題や改善点を洗い出します。

​

9: 改善


プレイテストのフィードバックをもとに、デザインを何度もブラッシュアップし、ユーザーの期待とプロジェクト目標の両方を満たすまで改善を続けます。

© 2026 by Shiho Mizutori. All Rights Reserved.

bottom of page