通常ページへ

UI開発スケジュール・タスク管理の成功／失敗例から理想的なモデルケース｜CEDEC2022レポ

イベント

CEDEC2022が8月23日～25日に開催されました。
楽屋でまったりで行ったアンケートをもとに、様々なセッションのレポートをお送りいたします。
UIデザインはスケジュールがタイトであったり、工数を見積もりにくい、人員計画を立てにくい方々が多いのではないでしょうか。今回は、そんなUIデザイナーの方々に向けたベーシックな工数感覚やタスク管理方法を元に、こうすれば理想的なスケジュールが立てられる！ タスク管理ができる！ といった具体的な方法をお伝えいただいたセッションをご紹介いたします。

スケジュールやタスク管理で悩まれている方はぜひご覧ください。

目次

「ヘブンバーンズレッド」UIデザイン開発事例から導くスケジュール＆タスク 理想的モデルケース

セッション内容

スマートフォンゲームを新規開発する上で、UIデザインの工数を適切に見積もり、人員計画を策定する事に苦労する方は多いのではないでしょうか。仕様やゲームシステムによって工数は異なるものの、ゲームUI製作におけるベーシックな工数感覚を知っておく事で、各マイルストンでの現在地の把握や、次に打つべき対応の検討がスムーズになります。

本セッションでは「ヘブンバーンズレッド」におけるスケジューリングの成功・失敗の知見を元に見出した、理想的なスケジューリングのモデルケースを紹介します。

受講スキル

  1. スマートフォンゲームのUI製作に従事している方。

得られる知見

  1. ゲームUIデザインを製作する上で欠かせないスケジューリングや進行管理の理想的なモデルケースを「ヘブンバーンズレッド」の開発事例と共に学ぶことが出来ます。

『ヘブンバーンズレッド』

―最後の希望を託された少女たちの物語―
WRIGHT FLYER STUDIOS×Keyが贈る、メインシナリオ麻枝 准氏 15年ぶりの完全新作ゲーム

https://heaven-burns-red.com/

 

UIスケジュールの理想形とは

『ヘブバン』のUIデザイン開発期間に3年2ヶ月かかったそう。長崎さんの経験上、モバイルゲーム開発でのUI開発は1年から長くても2年くらいがスタンダードだそうで、今回は順調な作り方ではなかったとおっしゃられていました。

なぜ3年2ヶ月もかかったのか？
  • UIの仕様再検討による改修
  • ユーザーテスト対応からの改修
  • 全UIビジュアル見直しによる改修

作っては改修するという開発上の予期せぬ変数が重なったため期間が延びてしまったが、ゲーム開発は試行錯誤が不可欠なので、ある意味必要な改修だったがもう少し早く対応できたのではないかと振り返って感じられるポイントだそう。

◎図の見方：開発期間と主なタスクごとの制作時間・追加人員をまとめた図

  • 下にある横軸がマイルストーンごとの時間経過
  • 下にある人のアイコンと数字がフレーズごとに増えていった総人数
  • UIデザイナー 最大約7名とあるが、常に7名で運用していたわけではなく、徐々に増えていき最大7名
  • 黄色い四角はそれぞれのタスク開始時期
  • 改修回数を矢印で表現。青い矢印は1回改修。赤い矢印は2回改修。多くの画面は少なくとも1～2回改修を入れている

 

長﨑さん
ご覧いただいて分かるように、要素がかなり複雑化しているように決してきれいにスケジュールを消化したのではなく紆余曲折がありました。
どういった箇所でどういった理由で改修が多く入っているのかを振り返ることができます。
「バトルHUD」「フィールドHUD」「Day選択画面」「マップ画面」
画面を制作する上で2Dや3Dなど他のデザインパートと連携する必要があるため、こういった画面は仕様や見た目を決定する上で変数が多く、実装してみないと良し悪しが判断できないことも多く、難易度が高い画面だったとのこと。
「強化画面関連」「ガチャ画面関連」「編成画面」「デンチヨtop画面」
プレイヤー資産に関する画面も仕様や見た目での着地難易度が高く、実装完了が長期化したそうです。
長﨑さん
今後新規でプロダクトを開発する際は、試行錯誤の変数は許容しつつも初期から後期までのマイルストーンを機能の実装順序を厳密に整理しておくと、見通しがよくなるので事前準備しやすく着地精度も高まると思っています。

UIレイアウト製作の理想的なスケジュール

一般的なモバイルRPGゲームのUIを2年で作るための人員・期間を割り出したものが下記の図。

この図のコンセプトは、重要性が高いものからカテゴライズして作ること、指定の期間での着地を徹底するというコンセプトで作成されたとのこと。
重要性の高いものはプロジェクトの初期に固められ、後半は変数が少ない機能を配置することで追い込みのスピードが出やすい構造となっているとおっしゃられていました。

8つのポイント
  1. 主機能
    1. ゲームサイクルを回すための軸となる機能群（ホーム画面・フィールドHUDなど）。だいたいプロトタイプからベータ2の手前あたりで完成させる。
  2. 恒常タスク
    1. 明確なタスクの終わりがなく、長期で運用していくもの。（実装画面・チュートリアルなど）。仮実装を各マイルストーンで行いながら進める必要があるため長い期間で見積もられている。
  3. 準機能
    1. 主機能より重要度が落ちるが、マップ画面・編成画面などメインサイクルを回すために必須となる機能群。アルファ中半からベータ2までに完成させる。
  4. 育成機能
    1. メインの成長機能（キャラ強化・スキル装備など）。アルファ1からベータ2までに作っていく。
  5. ソーシャル機能
    1. ベータ1からユーザーテスト後にランキング要素・GvGなどのソーシャル要素を作成。
  6. 補助機能A
  7. 補助機能B
    1. CBTを実装する前に⑥・⑦の補助機能（データ引継ぎ・プレゼントBOXなど）を実装する。
  8. 運用機能
    1. CBTが終わった後に多言語対応やリリース後の運用素材などの制作を全体のクオリティアップと並行して進める。

 

UIルール作成の理想的なスケジュール

こちらの図のコンセプトも、重要性が高いものからカテゴライズして作ること、指定の期間での着地を徹底するというコンセプトで作成されたとのこと。

６つのポイント
  1. スケジューリング・タスク管理・UIビジュアルコンセプト策定
    1. UIリーダーが長期で担当する
  2. ルール化
    1. ①で決めたUIコンセプトを元に基礎的なパーツの汎用化やレギュレーション化をする。プロトタイプからアルファ2あたりで固める
  3. さらに多様なパーツ汎用化
    1. ②で決めた汎用パーツよりもさらに多様な制作物（トランディションアニメ・ローディング表示・アイコン類など）。ベータ2あたりで固めておくことで、CBT前後の開発スピードのアップにつなげることができる
  4. 運用素材１
    1. アルファ2からサムネイル、バナーといった運用素材をリリースまでに制作
  5. リリース・運用素材
    1. 外部へのバナー出稿や公式ホームページ素材、ストア画像といった所謂パブリッシュ素材を固める時期。ベータ2終わりからアセット締め2ヶ月前くらいまでに進める
  6. 運用素材２
    1. リリース後3か月分くらいの運用素材を作成する。

UIレイアウト製作とUIルール・絵素材作成を合体させると、開発期間は2年・UIデザイナー数は最小見積もりでも約6名必要ということが分かりました。こういったスケジュールのモデルケースがあれば、プロジェクト初期にマイルストーンごとにやるべきタスクと必要人員数や人材の投入タイミングに関するおおよその見通しがつくだろうとのこと。スケジュールを立てるときの指標にしてもらえばとおっしゃられていました。

UIタスク管理の理想像とは

立てたスケジュールがそのまま進行されるとは限らない。長﨑さんの経験上、大規模開発で初期に引いたスケジュール通りに制作が進むことは大体1～2割程度とのこと。スケジュールを立てた後に大切なことは大枠のスケジュールではなく、日々のタスク管理方法が大事。

 

なぜスケジュール通りに開発が進行しないのか？
「楽しさ」「没入感」「マネタイズ」といった計算や経験で予測しきれない試行錯誤による「変数」が大きく影響しているからとのこと。
  • 作業項目の見積もり漏れ
    • 実際作業してみたら想定していない作業が見つかった
  • 仕様見直しによるUI修正
  • UIデザインコンセプトの見直し
    • UIビジュアルコンセプトが世界観表現に適していない
  • ユーザーテストや社内から寄せられるUIに対しての様々な要望対応
  • 想定以上のバグ対応
    • クローズドベータテストなどで多く発生

上記のような変数を許容した上でも柔軟に対応できる合理的なタスク管理方法をヘブンバーンズレッドの開発で導入されたとのこと。

 

長﨑さん
一旦、全体スケジュールは細かく追わず、「連続的な優先順位の合意」で変数に対応することでタスク管理を行っていきました。
管理シートの作成
アルファ1のマイルストーンに対して、赤いセルのホーム画面・青いセルのバトルHUDの2つの機能の実装を目標と想定し、作業するタスクを入力していく。ここでのポイントは出来るだけ細分化したタスクを入力・上から消化する順にタスクを並べる。そして、クオリティを高めるために「実装確認と修正」を必ず計上する。それから担当者や日数、それぞれのタスクに関する仕様URL・チャットURLを記載。
画面中央にアルファ1に間に合う・間に合わないの境界線とする。マイルストーンまでの残り営業日を記載。
タスク消化に関する日数の合計がマイルストーンに収まっているのか、はみ出しているのか確認。マイルストーンに間に合わないタスクがある場合、ディレクター・プランナー・デザイナー・エンジニアで週1回、各タスクにおいての優先順位を相談しながら並べ替えをするミーティングを開くそうです。
並べ替えた結果、アルファ1では本番デザインやUIデザインは実装せずに次のマイルストーンに送るという着地の認識合わせをされたとのこと。そしてこの優先順位でタスクを進めるにあたり、リストの一番下にあるタスクほど実装の可能性が低くなるという認識合わせをメンバーで行われたそうです。
メンバー間でこまめに認識合わせをやっていくのは大切ですね！

まとめ

メリットとしてはマイルストーンごとにやること追加人員など大枠を見通すことができ、それに応じた予算も策定することができる。デメリットはアップデートコストが高く、ある程度経験がないとスケジューリングを行うときに中々精度が高まらないとのことでした。

メリットは変化する業務の優先順位をつけやすく、マイルストーンゴールに対して何が遅れているかが把握しやすい。デメリットとしてはタスク進行が遅延し始めたときに長期的な目線での影響が把握しにくいことがあるそうです。

 

長﨑さん
今後もこういったナレッジの蓄積を繰り返すことによって、ゲームUI開発の進行管理において組織的な強化につなげていきたく、その先に国やプラットフォームを超えた居心地の良いUIと体験をお届けしたいと思っています。

ご登壇者

長﨑 二郎さん

株式会社WFS
WFS Studio本部 Produce 室 UIUXチーム
マネージャー/UIUXディレクター

<講演者プロフィール>

コンシューマーゲーム制作会社から2012年グリー株式会社に入社。入社後、複数のゲームUIデザイン開発に携わる。株式会社WFSでは「アナザーエデン」「武器よさらば」「ダンまち〜メモリア・フレーゼ〜」等のUIコンセプト制作や開発に携わり、現在は「ヘブンバーンズレッド」のUIデザイン開発・マネジメント業務に従事。CEDEC2016にて「UI Discussionのススメ　-UIデザインの品質を効率的に向上させるには -」を登壇。

<受講者へのメッセージ>

スマートフォンゲーム「ヘブンバーンズレッド」のキャッチコピーである「最上の、切なさを。」を、UIデザインで実現する為の三言論や進行管理の理想像を事例と共に2つのセッションで紹介します。本セッションにおける汎用性の高い考え方を学ぶ事で、UIデザイン製作における組織単位での強化、意識統一に応用できる内容となっています。

 

こちらの記事もチェック！

画像生成AIを活用したエイプリルフール企画！『逆転オセロニア』|CEDEC2022レポ

CEDEC2022開催前登壇者インタビュー｜GCGセッション紹介「学生インディーゲームクリエイターの現況/トレンド」を話します

プランナーのスキルセットって？ ～体系的で実践的なゲームプランナー新人研修を目指して～｜CEDEC2022レポ

 

ゲームクリエイターズギルドとは
ゲームクリエイターをはじめとしたゲームに関わる/関わりたい人たちが、プロ・アマチュア/学生・社会人/企業間など、あらゆる垣根を越え「学び合い」「語り合い」「教え合う」ゲームクリエイターのための拠点（ギルド）です。
※現役ゲームクリエイターやゲーム企業を目指す学生が約5500人参加しています。（2022年12月現在）

スキルや知識を学びゲームクリエイターとして成長・活躍し続けたい、同じ業界にいる仲間と市場の動向や技術についてなどの交流したい、日本のゲーム業界・職業自体の価値を上げ今より良い環境を作っていきたい……。そんなゲームを愛する人たちの未来に、必要な情報や機会を提供します。
ゲームクリエイターズギルド公式サイト ▶ https://game.creators-guild.com/

▼学生向けLINEの登録はこちらから！

▼社会人向けLINE登録はこちらから！

GCG会員になると開催予定のスケジュールの確認やWEB会員証をゲットできます。

＼“いいね”“フォロー”で応援お願いいたします！／