Como a King integra várias criações de design de jogos no Figma

Muitas pessoas sonham em ser designers de jogos. Mas quantas realmente entendem os diferentes papéis envolvidos no design de um jogo e como eles funcionam juntos?

A King, criadora de várias franquias de jogos de celular extremamente populares, oferece uma visão fascinante sobre o papel do design na criação de grandes sucessos que capturam a imaginação de milhões de jogadores ao redor do mundo. Mais de 200 milhões de usuários ativos jogam os jogos da King, como Candy Crush Saga, Candy Crush Soda Saga e Farm Heroes Saga, em plataformas web, redes sociais e dispositivos móveis, todos os meses. E centenas de designers são responsáveis por tudo isso, desde a fase complexa de prototipagem, até a criação de visuais elaborados e o detalhado processo de QA que garante a estabilidade do produto final.

Alinhamento de diferentes áreas do design

O que impressiona é a variedade de habilidades necessárias para fazer as coisas acontecerem. Existem designers de jogos que definem as regras e a mecânica do jogo, designers de narrativa que criam a história, designers de economia responsáveis pela monetização e uma série de membros da equipe de design de UI e UX que trabalham em design de fluxo e interação, pesquisa e microcópia, entre outras áreas. E com tantas responsabilidades, prioridades e processos diferentes, é fundamental manter toda a equipe alinhada.

“No mundo dos jogos, o processo de design e desenvolvimento é extremamente complexo. Diversas áreas se juntam e manter todos alinhados é difícil”, afirma Paul Stephanouk, VP of Creative no Candy Crush Saga. “É um desafio especialmente para as equipes de UX e UI, pois elas trabalham juntas para explorar as várias ideias que são analisadas.”

Consolidação das ferramentas de design

Esse é um dos muitos motivos pelos quais a King decidiu trocar todas as suas diversas ferramentas de design por ferramentas de design do Figma no início de 2022. Atualmente, o Figma é utilizado por centenas de membros da equipe de design em seis estúdios de jogos, além de outras equipes globais que ajudam no desenvolvimento de todos os jogos da King.

Antes da mudança, os membros da equipe de design usavam várias ferramentas diferentes, o que tornava a colaboração entre as áreas mais complexa. Ilustrações, ícones, transições e sons estavam espalhados entre diversas fontes e os membros da equipe não tinham bibliotecas de componentes compartilhadas com as quais pudessem trabalhar.

“Em determinado momento, cada designer na King usava arquivos separados para criar designs e, depois, apresentava esses arquivos para os outros membros da equipe”, afirma Patricia Gómez, Associate Director of UX Writing no Candy Crush Saga e responsável pela implementação do Figma na empresa. “Depois que o Figma se tornou a plataforma oficial de design na equipe Candy Crush, pessoas com diferentes funções puderam colaborar, comentar e receber feedback na mesma ferramenta. Como resultado, o trabalho de design passou a estar disponível para todos nas equipes multifuncionais, aumentando a visibilidade e a transparência para os membros que não são da equipe de design.”

Um nível de complexidade que é único para o setor de jogos é o uso de mecanismos de jogo, que fornecem a estrutura de software para suportar tarefas comuns de desenvolvimento, como animações e criação e otimização de assets. Muitos jogos da King são executados no Fiction Factory, um mecanismo de jogo em C++ para multiplataformas móveis, que inclui editor e um conjunto de ferramentas.

Desenvolver para o mecanismo de jogo impacta a maneira como os designers pensam sobre visuais, pois a direção de arte é crucial para criar uma identidade de marca forte e imersiva no mundo dos jogos. Os designers precisam saber como otimizar os assets para todos os aspectos do jogo no mecanismo, a fim de tornar o produto final o mais leve possível e, assim, proporcionar uma experiência fluida para os jogadores. E, dado que os jogos da King rodam em iOS, Android, Amazon, HTML5 e Windows, além de PCs, tablets e smartphones, é essencial que tudo esteja alinhado.

Simplificação de processos e prototipagem

Uma das primeiras iniciativas para unir as pessoas usando o Figma envolveu a criação de um modelo de processo de design para os designers de cada equipe. Utilizando a funcionalidade de páginas do Figma, a King conseguiu criar um único arquivo de modelo com espaços específicos para cada etapa do processo e para cada área de atuação. Esse modelo facilitou a comunicação entre designers, gerentes de produto e produtores: como alinhar um processo de design que permita que cada equipe siga sua própria maneira de trabalhar, mantendo a consistência em todos os títulos Candy Crush.

Houve outros benefícios também. Os jogos costumam evoluir significativamente desde o conceito até o produto final, o que fazia com que a documentação rapidamente se tornasse desatualizada. Ao incorporar links do Figma, produtores e gerentes de produtos podem garantir que a documentação esteja sempre atualizada, mesmo quando várias pessoas estão trabalhando no mesmo arquivo.

As áreas de UX e UI estão agora construindo bibliotecas de componentes que são constantemente atualizadas pelos membros da equipe. Esse é o primeiro passo para a criação de um design system, graças às capacidades do Figma.

“Prototipagem é outra área em que o Figma está auxiliando as áreas de design. Como os jogos são produtos mais interativos e animados, os designers precisam constantemente visualizar como uma tela transita para outra ou como os elementos aparecem e se movem. Agora, por exemplo, um UX Designer pode facilmente ver seu fluxo em movimento e interagir com ele no dispositivo, realizando alterações instantaneamente, sem precisar sair do mesmo arquivo de design.”

“No geral, o Figma tornou a vida muito mais fácil para nossos UX Designers e UX Writers”, diz Patricia Gómez. “Além disso, os gerentes de produtos e produtores estão muito mais cientes dos desafios diários dos designers. Estamos mais rápidos, colaborativos e eficientes, o que impacta a quantidade de recursos que conseguimos entregar ao final do ano.”

Então, na próxima vez que você estiver avançando por centenas de níveis, coletando doces, desbloqueando feitiços e resolvendo quebra-cabeças, pense na jornada mágica que um jogo percorre desde a ideia até a realidade. Uma jornada construída sobre a colaboração eficiente entre várias disciplinas de design de jogos usando o Figma!