King社: Figmaを使って複数のゲームデザイン職を結集

ゲームデザイナーを夢見る人はたくさんいます。しかし、ゲームのデザインに関わるさまざまな役割や、それらの役割がどのように連携するかを明確に理解している人はどれくらいいるでしょうか。

複数の大人気モバイルゲームフランチャイズのメーカーであるKing社は、世界中の何百万人ものプレイヤーの想像力を惹きつける大ヒットタイトルの制作の過程でデザインが果たす役割について、興味深いインサイトを提供しています。毎月2億人を超えるアクティブユーザーが、Web、ソーシャル、モバイルプラットフォームでCandy Crush Saga、Candy Crush Soda Saga、Farm Heroes SagaなどのKing社のゲームをプレイしています。また、数百人ものデザイナーが、複雑なプロトタイピングの段階から精巧なビジュアルの作成、最終製品の安定性を保つ徹底的なQAプロセスまで、あらゆる作業を担当しています。

多様なデザイン職の連携

驚くべきことは、ゲームを作り上げるために必要なスキルセットの幅広さです。ゲームのルールと仕組みを定義するゲームデザイナー、ストーリーラインを作成するナラティブデザイナー、収益化を担当するエコノミーデザイナーなどがおり、UIとUXの職人チームのメンバーはフローとインタラクションデザイン、リサーチ、マイクロコピーに取り組んでいます。また、責任、優先事項、プロセスが多岐にわたるため、全員が同じ認識を持つことが非常に重要です。

「ゲームでは、デザインと開発のプロセスは極めて複雑です。たくさんの職人が集結する中、全員の足並みを揃えるのは大変です」と、Candy Crush Sagaのクリエイティブ担当VP、Paul Stephanouk氏は言います。「評価対象となる膨大な数のアイデアを共同で検討するのですから、これはUXチームとUIチームにとって大きな課題です」

デザインツールの統合

これが、King社が2022年の初めにさまざまなデザインツールすべてを主にFigmaデザインツールに切り替えた理由の1つです。現在、Figmaは6つのゲームスタジオの数百人ものデザインチームメンバーや、King社のすべてのゲームをサポートするその他のグローバルチームによって使用されています。

切り替え前は、デザインチームのメンバーは複数の異なるデザインツールを使用して作業していたため、各職人間のコラボレーションが複雑になっていました。イラスト、アイコン、トランジション、サウンドは異なるソースに散在しており、チームメンバーが作業に使用できる共有コンポーネントライブラリもありませんでした。

「かつては、King社の各デザイナーは別々のファイルを使用してデザインを作成し、そのファイルをチームの他のメンバーに提示していました」と、Candy Crush SagaのUXライティング担当アソシエイトディレクターであり、Figmaをビジネス全体に導入する際にビジネスオーナー兼イニシアチブリーダーを務めたPatricia Gómez氏は言います。「FigmaがCandy Crushチームの公式デザインプラットフォームになると、さまざまな役割を持つ人々が同じツールでコラボレーションし、コメントし、フィードバックを受け取ることができるようになりました。その結果、デザインワークはクロスファンクショナルチームの全員が利用できるようになり、デザインチーム以外のメンバーにとっても可視性と透明性が向上しました」

ゲーム業界特有の複雑さの1つに、ゲームエンジンの使用があります。ゲームエンジンはアニメーションやアセットの作成や最適化などの一般的な開発タスクをサポートするソフトウェアフレームワークを提供します。King社の多くの ゲームは、独自のクロスプラットフォームモバイルC++ゲームエンジン、エディター、ツールチェーンであるFiction Factoryで実行されます。

エンジンを想定してゲームを構築することは、デザイナーのビジュアルに対する考え方に影響を与えます。というのも、アートディレクションは、プレイヤーをゲームの世界に入り込ませるための強力なブランドアイデンティティを生み出すうえで非常に重要だからです。デザイナーは、最終製品をできるだけ軽量化して、プレイヤーにスムーズな体験を提供するために、ゲームのあらゆる側面のアセットをエンジン向けに最適化する方法を知る必要があります。また、King社のゲームは、iOS、Android、Amazon、HTML5、Windows、PC、タブレット、スマートフォンで実行されるため、すべてを揃えることが非常に重要です。

プロセスの合理化とプロトタイプ作成

Figmaを使用して人々をまとめるための初期の取り組みの1つに、各チームのデザイナーが使用するデザインプロセステンプレートの作成がありました。King社はFigmaのページ機能を使用して、プロセスの各ステップ用と各職人が作業するためのスペースを指定した単一のテンプレートファイルを作成しました。このテンプレートにより、デザイナー、プロダクトマネージャー、プロデューサーの間で、すべてのCandy Crushタイトル間での一貫性を保ちながら、各チームが独自の作業方法に従うことができるデザインプロセスを調整する方法について会話が可能になりました。

他にもメリットがありました。ゲームは構想から最終成果物までの間に大きく進化する傾向があるため、ドキュメントはすぐに古くなってしまいます。Figmaのリンクを埋め込むことで、プロデューサーやプロダクトマネージャーは、複数の人が同じファイルで作業している場合でも、ドキュメントが常に最新の状態であることを確信できます。

UXとUIの職人たちは、チームメンバーにより常に更新されるコンポーネントライブラリを構築しています。これは、Figmaの機能を活用したデザインシステムの作成に向けた第一歩です。

「プロトタイプ作成もまた、Figmaがデザイン職人に役立っている分野です。ゲームはよりインタラクティブでアニメーション化された製品であるため、デザイナーは、1つの画面が別の画面にどのように遷移するか、また要素がどのように表示され、移動するかを常に確認する必要があります。今では、たとえば、UXデザイナーが取り組んでいるフローの動きを簡単に確認し、デバイス内でフローと対話して即座に変更を加えることができ、しかも同じデザインファイルから移動することなく可能です」

「全体的に、FigmaはUXデザイナーとUXライターの作業をとても楽にしてくれました」とPatricia Gómez氏は言います。「また、プロダクトマネージャーとプロデューサーは、デザイナーの日々の課題をより深く理解するようになりました。私たちはより速く、より協力的に、より効果的に作業できるようになり、それが年末までに提供できる機能の数に影響を与えています」

今度、あなたが数百ものレベルをクリアし、キャンディーを集め、呪文を解き、パズルを解くときには、ゲームがアイデアから現実になるまでの魔法のような旅について考えてみてください。それは、Figmaを使用した複数のゲームデザイン分野間のスムーズなコラボレーションの上に構築されたものです。