Design System: envolvendo pessoas chaves no processo de construção
Sempre que leio ou escuto que um Design System fracassou, um dos principais motivos é a falta de adesão, principalmente da equipe de engenharia. Mas como mitigar esse risco? Bem, no artigo a seguir conto um pouco de como estamos fazendo aqui na NDD para construir o Design System com o envolvimento de uma equipe multidisciplinar.
Uma das primeiras coisas que me falaram no momento da minha contratação é que a empresa queria um Design System. Claro, no começo fiquei com receio afinal eu desconhecia os produtos e não entendia o grau da maturidade para a aplicação de um Design System. De qualquer forma, começamos a construção, mas para isso tomamos algumas medidas que tem nos ajudado a fazer e construir com mais segurança.
Na verdade eu entendo que são Pilares Norteadores de toda a construção e adesão ao Design System.
Tenha um objetivo claro
O objetivo não podia simplesmente ter um Design System porquê o Diretor quer. Além de ser algo frágil, adotar algo por simples imposição não seria nada empático, nem correto. Então, precisávamos de um objetivo, algo que pudesse ser usado como Métrica e até mesmo uma medição do ROI.
O primeiro passo foi vender a ideia da forma correta para a diretoria, explicando corretamente o conceito de uso e aplicação de um Design System usando números, referências e muito benchmarking. E lá fomos nós apresentar a todo o corpo diretivo e principais decisores, composto por 8 pessoas.
Após o alinhamento do que é um Design System e principalmente entender as expectativas, falamos um pouco de números. Inclusive, citei um artigo do Robert Charett onde ele cita o custo do retrabalho quando falamos de software e afirmei que nosso objetivo inicial é justamente evitar custos desnecessários com refação.
E para amparar o objetivo, fizemos uma pesquisa interna que nos ajudou a estabelecer um ROI (que trataremos em artigo posterior), entender as necessidades dos times e definir as personas de uso de nosso novo produto.
Essa pesquisa que contou com a participação de mais de 30 pessoas, nos trouxe valiosos insights e nos fez conhecer um pouco o dia-a-da das equipes de Desenvolvimento e Testes. A partir dessa pesquisa conseguimos entender que internamente temos 3 públicos diferentes e para cada um desenhamos uma persona.
Envolva as pessoas certas
Para que tudo saísse de forma coesa e que ficasse mais fácil a adesão e entendimento do que é um Design System, decidimos junto às Diretorias de Produto e Desenvolvimento, que formaríamos um comitê, uma espécie de time de curadoria que nos ajudaria a definir e desenhar o projeto como um todo. Escolhemos pessoas de várias áreas (Marketing, Produtos, Engenharia etc) e que representassem as 3 unidades de negócio que temos na empresa.
Ao total tivemos mais de 15 pessoas envolvidas, que foram reunidas para um kick-off e posteriormente para 2 dinâmicas de cocriação. Nessas dinâmicas usamos a Matriz CSD, o Model Project Canvas e Pirâmide de Princípios (obrigado Guilherme Gonzalez).
Achei interessante que a equipe tinha muito claro a necessidade de algo que ajudaria e facilitaria a construção padronizada, tanto em interface quanto em experiência. Essa necessidade em muito facilitou as decisões.
Envolver essas pessoas chaves já criou uma sinergia, deixando o terreno preparado para a futura aplicação além de termos clareza de quem são os Usuários, os Construtores e os Stakeholders.
Outro ponto importante é ressaltar o envolvimento do time de Engenharia, dos Devs, desde o início do processo. Aqui na NDD nosso time de UX está inserido na estrutura do NDD Labs. E é daqui que saem as orientações e definições de Templates e Grids, Linguagem de Programação e Componentes para uso dos Desenvolvedores. Então teremos o NDS (NDD Design System) que dá claras instruções e fornecerá insumos e um biblioteca para Design e Front-end e em paralelo o NDK (NDD Developtment Kit) com os componentes codados. Dessa forma atendemos Designers, POs, Uxers, Devs e demais que fazem parte da cadeia produtiva.
# Comunique o andamento
É interessante comentar que no início do projeto as coisas ainda estavam meio nubladas para mim, mas conforme fomos pesquisando, acessando referências, assistindo webinars e lendo artigos, tudo ficou mais claro.
Começamos o Design System fazendo um inventários de componentes usados nos produtos atuais, um excelente trabalho feito pelos meus “parças” de time, a Luana De Andrade e o Franco Ramos.
A partir desse inventário identificamos componentes básicos de qualquer interface, coisas como cor, botões, campos de formulário etc.
Também decidimos desde o início ter clareza nos princípios de design que queremos que a NDD se atenha na hora de construir produtos: Consistência, Colaboração, Usuário em Primeiro Lugar, Design Confiável, Linguagem Clara e Coesa e Escalabilidade.
Junto com os Princípios de Design, começamos a orientar sobre assuntos como a Acessibilidade e fizemos um pequeno guia sobre isso.
Deixamos claro que o NDS Tetris, nosso Design System, é um produto em constante evolução e crescimento.
Um Design System está sempre pronto e nunca pronto. É um organismo vivo em constante crescimento e progresso.
Para deixar claro a importância, definimos um Roadmap inicial de entregas e conforme fechamos um ciclo, enviamos uma atualização para todo o time do Design System.
Também, já nos reunimos algumas vezes para expor o que tinha sido feito, uma espécie de Retrô, colher feedbacks e combinar os passos a seguir.
Muito a fazer
Estamos apenas no início! Nosso Design System cresce a cada dia e dessa forma o Tetris ganha novas peças. Continuamos com entregas rotineiras e já estamos estudando formar de facilitar a aplicação.
Também resolvemos adotar a plataforma do Storybook para documentar tanto o NDS quanto o NDK.
Além disso, temos todo um trabalho para trazer os legados para o template atual determinado pelo Labs. Precisamos que todos os produtos estejam na mesma linguagem e grid para poderem assim adotar e usar o Design System. E esse é um grande desafio!!!
Sei que existem inúmeros cases por aí, um mais bacana que o outro. O nosso é desafiador por ser a aplicação de um Design System em uma empresa com mais de 15 anos de atuação, uma quantidade razoável de produtos que atendem mercados distintos e com necessidades individuais, além de ter o famoso legado. Mas com bom planejamento, paciência e com o envolvimento das pessoas certas, temos confiança de que será possível.
Particularmente quero agradecer a todo time do NDD Labs, principalmente os que estão juntos nessa empreitada: Luana De Andrade, Franco Ramos, Hugo Estevam Longo, Guilherme Toniello, Lucas Carvalho, Renan Nunes Steinck, William Passig e Lucas Anjos.
Obrigado a todos que se esforçam a publicar e compartilhar experiências, isso é muito válido.
E você, está passando por um processo similar? Conte, compartilhe com a gente como está sendo, suas vitórias, derrotas, dificuldade. 😊
# Referências para consulta
Recursos, links, referências e artigos sobre Design Systems https://uxdesign.cc/resources-links-references-and-articles-on-design-systems-e8ab898e0ab5
Design Systems Repo
https://designsystemsrepo.com/
O que é, e porque criar um Design System
https://uxdesign.blog.br/design-system-90036c034225
De antemão agradeço os claps 👏 e comentários 💬!!
