Comment King rassemble différents métiers du design de jeux vidéo avec Figma

Nombreux sont ceux qui rêvent de devenir designers de jeux vidéos. Mais combien parmi eux se font une idée claire des spécialistes impliqués dans le design d’un jeu et de la manière dont ils collaborent ?

King, qui a créé plusieurs franchises de jeux mobiles extrêmement populaires, offre un aperçu fascinant du rôle du design dans la création de titres à succès qui fascinent des millions de joueurs dans le monde entier. Plus de 200 millions d’utilisateurs actifs jouent chaque mois à des jeux King, tels que Candy Crush Saga, Candy Crush Soda Saga et Farm Heroes Saga sur des plateformes web, sociales et mobiles. Des centaines de designers prennent en charge une kyrielle d'étapes, de la complexe phase de prototypage à la création de visuels élaborés, en passant par le processus approfondi d’assurance qualité qui garantit la stabilité du produit fini.

Aligner les différents métiers du design

Ce qui est frappant, c’est l’éventail des compétences requises pour concevoir et mettre en œuvre un jeu. Certains designers définissent les règles et les mécanismes du jeu, les designers narratifs en écrivent le scénario, les designers économiques sont responsables de la monétisation, et toute une armée de designers UX et UI travaillent sur les parcours et les interactions, la recherche et la microcopy, pour n’en citer que quelques-uns. Avec autant de responsabilités, de priorités et de processus différents, il est essentiel que tout le monde soit sur la même longueur d’onde.

« Dans les jeux vidéos, le processus de design et de développement est extrêmement complexe. Un grand nombre de métiers se rencontrent, et il est difficile de tous les maintenir alignés », explique Paul Stephanouk, VP of creative de Candy Crush Saga. « C’est surtout un défi pour les équipes UX et UI, qui collaborent pour explorer et évaluer une multitude d’idées ».

Consolidation des outils de design

C’est l’une des nombreuses raisons pour lesquelles King a principalement remplacé ses différents outils de design par ceux de Figma au début de l’année 2022. Figma est aujourd’hui utilisé par des centaines de membres de l’équipe design à travers six studios de jeu, ainsi que par d’autres équipes internationales qui contribuent à tous les jeux King.

Avant cette transition, les membres de l’équipe design travaillaient avec différents outils de design, ce qui complexifiait la collaboration entre les métiers. Les illustrations, les icônes, les transitions et les sons étaient éparpillés au sein de diverses sources et les designers ne disposaient d’aucune bibliothèque de composants commune.

« À un moment donné, chaque designer de King créait ses designs dans des fichiers séparés, puis il les présentait aux autres membres de l’équipe, explique Patricia Gómez, associate director of UX writing pour Candy Crush Saga et business owner à l'origine de l'implémentation de Figma au sein de toute l’entreprise. « Une fois que Figma est devenue la plateforme de design officielle de Candy Crush, des personnes ayant des rôles différents ont pu collaborer, commenter et recevoir des retours au sein d'un seul outil. Par conséquent, les travaux des designers sont devenus accessibles à tous les membres des équipes transverses, ce qui a permis d’accroître la visibilité et la transparence pour les collègues extérieurs à l'équipe design ».

Le secteur du jeu vidéo présente un niveau de complexité qui lui est propre : l’utilisation de moteurs de jeu, qui fournissent le cadre logiciel permettant de prendre en charge des tâches de développement courantes telles que les animations ainsi que la création et l’optimisation de ressources. De nombreux jeux King sont exécutés dans Fiction Factory, moteur de jeu, éditeur et chaîne d’outils mobile multiplateforme propriétaire en C++ .

Construire pour ce moteur affecte la façon dont les designers imaginent les visuels, car la direction artistique est essentielle pour créer une identité de marque forte capable d’immerger le joueur dans l’univers du jeu. Les designers doivent savoir comment optimiser les ressources de tous les aspects du jeu pour le moteur, ceci afin de rendre le produit final aussi léger que possible, et offrir ainsi une expérience fluide aux joueurs. Les jeux King fonctionnant sur iOS, Android, Amazon, HTML5 et Windows, ainsi que sur PC, tablettes et smartphones, il est essentiel que tout soit aligné.

Rationalisation des processus et prototypage

L’une des premières initiatives visant à rassembler les collaborateurs à l’aide de Figma a consisté à créer un processus de design de templates pour les designers de chaque équipe. En utilisant la fonctionnalité Pages de Figma, les équipes de King ont pu créer un fichier de template unique contenant des espaces spécifiques pour chaque étape du processus et où chaque métier peut travailler. Ce fichier de template a permis de lancer une conversation entre les designers, les product managers et les producteurs qui leur a permis de déterminer comment s’aligner sur un processus de design permettant à chaque équipe d'appliquer sa propre méthode de travail tout en conservant une certaine cohérence entre tous les titres Candy Crush.

Cela présentait également d’autres avantages. Les jeux ont tendance à évoluer considérablement entre la phase de design et le résultat final, ce qui rend la documentation rapidement obsolète. En intégrant des liens Figma, les producteurs et product managers s’assurent que la documentation soit toujours à jour, même lorsque plusieurs personnes travaillent sur un même fichier.

Les métiers UX et UI construisent maintenant des bibliothèques de composants constamment mises à jour par les membres d’équipe. Il s'agit de la première étape de création d’un design system grâce aux capacités de Figma.

« Figma aide aussi les métiers du design sur le prototypage. Les jeux sont des produits interactifs et animés ; les designers ont donc constamment besoin de voir la transition d'un écran à un autre, ou la façon dont les éléments apparaissent et se déplacent. Désormais, un designer UX peut par exemple facilement voir son flux en mouvement et interagir avec dans l'appareil, et même y apporter instantanément des modifications, sans avoir à quitter le fichier de design ».

« Dans l’ensemble, Figma a grandement facilité la vie de nos designers et UX writers », affirme Patricia Gómez. « Les product managers et les producteurs ont bien plus conscience des défis quotidiens des designers. Nous sommes plus rapides, plus collaboratifs et plus efficaces, ce qui a un impact sur le nombre de fonctionnalités que nous pouvons livrer sur l'année ».

La prochaine fois que vous vous fraierez un chemin à travers des centaines de niveaux, que vous récolterez des bonbons, que vous débloquerez des sorts et que vous résoudrez des énigmes, pensez au parcours magique qu’accomplit un jeu, de l’idée initiale à la réalité. Un parcours qui repose sur une collaboration harmonieuse entre plusieurs métiers du design grâce à Figma !