top of page
Design System Yoga: metodologia, organização e escalabilidade.
Nesse projeto conto sobre minha experiência como designer system ops do Gympass e na integração do nosso time com toda a empresa por meio de processos.
Equipe Design System Ops:
Georgia Demas
Leonardo Bertonceli
Equipe de desenvolvimento:
Alan Oliveira
Victor Caetano
Allysson dos Santos
Gabriel Daltoso
.png)
Introdução sobre o Gympass
O Gympass é um aplicativo que dá acesso a academias no Brasil e no mundo todo por meio de uma assinatura mensal. São mais de 23 mil academias no Brasil, espalhadas por mais de 1,2 mil cidades. No mundo todo, somam-se quase 50 mil academias em 14 países, incluindo Estados Unidos, Portugal, Argentina e Chile.
Nós temos como três usuários: nossos clientes finais que usam nosso aplicativo, as empresas que assinam o benefício para seus funcionários e as nossas academias parceiras.
Introdução do projeto
Como designer system ops do Yoga, desde meu primeiro dia, minhas maiores missões estão diretamente ligadas com a construção de processos que contribuam com:
-
A adoção do design system;
-
Nosso inventário de componentes;
-
Processo de desenvolvimento desses componentes.
A primeira ação feita por mim no Yoga foi criar junto com todos os nossos designers de produtos uma tabela de checklist de tokens. Foi discutido sobre o que seria mantido e o que estava faltando nos tokens.
Trabalhar em nossos tokens foi fundamental, por que conseguimos melhorar nosso escopo, identificando propriedades pouco usadas e outras que poderiam ser adaptadas por propriedades similares. Aqui aconteceu o trabalho de comunicação que envolve operações, foi necessário alinhar lado a lado sobre os cortes que seriam feitos, assim como as adições e todas as adaptações.
Além do alinhamento geral de tokens, esse passo foi importante para começamos a trabalhar nos elementos que ajudariam o time de desenvolvimento do Yoga a iniciar o desenvolvimento dos temas das nossas tribos.
É importante para o Gympass que a comunicação adequada seja realizada com cada tipo de usuário, e por isso, os temas são um tópico super importante.
São os temas que definem nossa identidade para cada tipo de solução, e isso quer dizer que as interfaces que são usadas pelos nossos parceiros, precisam ter um tipo de construção e elementos diferentes se comparadas com as interfaces entregues aos nossos usuários finais.
.png)
Depois que garantimos que todos os nossos tokens estavam organizados, definidos e discutidos, começamos a a documentá-los de forma que a consulta de designes e desenvolvedores fosse simples. Esse é um aspecto super importante para o dia a dia, pois as pessoas podem criar resistência quando consultas e regras parecem muito burocráticas.
Recebemos colaboração de todos os times, então comunicação é o pilar que garante que essa interação seja simples ao ponto das pessoas quererem contribuir.
Esse é um ponto super importante para nosso time do Yoga, simplicidade de transparência. Nós monitoramos a adoção do Yoga via código e via Figma, e sabemos que o crescimento que temos de aplicação todos os dias se deve muito a nossa comunicação com time, além da facilidade que um design system trás na velocidade de consistência de produção.
Somos abertos a conversar sempre, principalmente por saber que design system ainda é um tópico novo para muitos no Gympass. Gostamos de basear nossas decisões de aceitar ou não uma colaboração, em princípios.
Dentre nossos princípios escalabilidade, durabilidade, integridade de anatomia e comportamento e disponibilidade são alguns dos pilares mais importantes. Vou detalhar um pouco de nossa visão sobre esses pilares abaixo.
-
Escalabilidade: Garante que o Yoga adote contribuições que são replicadas em diversos cenários. É importante para nós que nenhuma contribuição seja paliativa ou única, assim garantimos o máximo do nosso produto.
-
Durabilidade: Esse princípio garante que não vamos gastar esforço produzindo componentes e comportamentos de componente que serão cortados com outros lançamentos. É importante para nosso time ter um legado de versões coerentes e confiáveis.
-
Integridade de anatomia e comportamento: Quando falamos de anatomia e comportamento aqui, estamos falando de componentes. É importante que as contribuições propostas pelos outros times não viole esse principio, pois ele que garante que estamos construindo um material de qualidade. Todo componente proposto é documentado por mim para que os desenvolvedores do Yoga tenham as regras de comportamento claras e consigam entender o funcionamento em edge cases.
-
Disponibilidade: Esse principio se integra com o principio de durabilidade, pois também se refere a permanência de componentes em nossas versões. Nenhuma contribuição é liberada de forma provisória.
Nosso design system é um organismo vivo, então documentação é um aspecto de autonomia para todo o time do Gympass interagir com o Yoga. Desenvolvedores e designers devem entender o papel de cada componente lançado.
Atualmente nós estamos nos planejando para ampliar nossa documentação para incluir do's and dont's. É necessário incluir mais detalhes que auxiliem nosso designers a construir soluções consistentes entre si se baseando em regras demonstrativas. Isso faz parte do nosso desafio.
Outro ponto que começamos a trabalhar e que está mostrando resultados incríveis são os testes de de usabilidade com nossos componentes. Usamos uma ferramenta gringa chamada User Testing, onde temos acesso a uma base de pessoas dos Estados Unidos (o que está alinhado ao nosso negócio) que são acionadas para testar nossos componentes com base em tarefas contextuais.
O processo ideal que identifiquei, é montar o teste de usabilidade junto ao designer que propôs a solução e colocar no fluxo possíveis edge cases, assim conseguimos ver como o usuário reage a situação fora da curva.
Recentemente fizemos um teste isolado no Gympass Wellness, nossa galeria de apps parceiros.
E analisando o acesso dos respondentes recrutados através da tarefa cadastrada, achamos erros de acesso em nossos cards, o que nos trouxe vários ativos de melhorias que estamos estruturando para combater.
Outro aspecto legal dos testes, é que ele nos ajuda com componentes ao mesmo tempo que trás ao designer insights. Nessa pesquisa mais recente os usuários nos ajudaram a identificar possíveis informações interessantes que os ajudariam no processo de escolha para fazer download dos apps, e até descobrimos que componentes que já existiam podiam ser adicionados no fluxo para fomentar esse processo decisório.
O projeto do Yoga está em constante crescimento e esses foram alguns nossos ensinamentos através da aplicação de metodologias e processos. Ainda estamos melhorando e sempre revisando nossas ações para trazer o melhor para todo o nosso time.
Para saber mais sobre o Yoga, acesse nossa página do Github:
.png){kind=small}
bottom of page