Table of Contents
Do not index
Do not index
Criar um Design System, apesar de complexo, é apenas uma parte do processo. O que acontece depois?
Fazendo a equipa pensar no sistema de design
Processos de Governança têm em vista garantir o controlo, minimizar riscos, otimizar o desempenho e apoiar o crescimento do design system. Para isso, é essencial prever as várias necessidades que poderão surgir ao longo do tempo de vida desta ferramenta, e preparar as respostas e processos adequados.
Fluxo de Governança
Se tudo correr como previsto, uma pessoa consulta o design system, encontra o que procura facilmente, e utiliza esses elementos de forma completa e inequívoca, cumprindo todos os requisitos.
1 | Componentes em falta ou que não cumprem requisitos
No entanto, não é sempre esse o caso. Identificando que existem componentes em falta ou que não estão em conformidade com os requisitos, entramos na fase de descoberta (ver imagem acima). O próximo passo é entender se esta falha deve ou não significar novo trabalho para a colmatar.
2 | Identificar o novo elemento
Num próximo passo, se efetivamente fizer sentido, inicia-se o processo de classificar este novo elemento. Podemos estar perante dois tipos de situação:
- Snowflakes: um elemento muito específico e de utilização única, que pertence apenas a um produto/serviço/propósito. Neste caso, o trabalho de implementação deve seguir no backlog da respetiva equipa.
- Parte do design system: uma variante que deve integrar o design system, com impacto em vários outros componentes, e com utilizações futuras várias.
3 | Protótipo do conceito inicial
Nesta etapa, definem-se as primeiras especificações e moldes do novo protótipo.
4 | Revisão do conceito inicial
Aqui, a equipa revê se o conceito a que chegaram cumpre todos os requisitos necessários.
5 | Design formal vs testagem
Neste passo temos duas etapas distintas. Primeiro cria-se a representação visual do novo componente/variante, bem como o código de front-end a ele associado - adicionando-o à biblioteca digital.
Em seguida, é hora de testar, assegurando as seguintes dimensões : conteúdo, acessibilidade, plataforma (desktop/mobile), funcionalidade, etc…
6 | Revisão final
Durante todo este processo, é provável que várias das especificações e definições iniciais tenham sofrido grandes alterações. Por isso, faz sentido que haja uma revisão final, na qual a equipa de produto (geralmente) valida a versão final. Se isso não se verificar, as várias equipas envolvidas devem rever e reajustar até se chegar ao resultado pretendido.
7 | Documentação e ensaio de lançamento
Uma vez finalizado o processo de signoff, o novo componente (e respetivo código e API), é integrado no design system, ficando disponível no ambiente de development (stage). Na release seguinte, será libertado para o ambiente real.
8 | Lançamento do novo design system
Neste passo, o novo componente fica finalmente disponível no design system. É preciso tratar da comunicação interna, para que todos estejam na mesma página quanto a esta alteração.
9 | Adoção e testagem do novo design system
Finalmente, a equipa de QA testa a nova versão do design system, de forma a identificar e corrigir eventuais problemas ou bugs. Ao mesmo tempo, a equipa de design deve garantir suporte contínuo, à medida que algumas dúvidas ou problemáticas vão surgindo. Nesta fase, a comunicação aberta e eficaz é crucial para o sucesso deste novo design system.
Governança à escala
Pode ser um processo algo caótico, manter um design system operacional, otimizado e constantemente em atualização. Os contributos das várias equipas, por muito que sejam essenciais, podem contribuir para um certo ambiente de confusão.
Aqui ficam alguns conselhos que te podem ajudar a gerir esta tarefa :
- Envolve toda a gente
Regra geral, faz mais sentido envolver toda a equipa de design na ownership do design system. Porquê? O design system será provavelmente utilizado de forma muito regular por todos os designers, pelo que centralizar a gestão e poder de decisão em apenas um ou dois elementos pode gerar algum caos e revelar-se pouco eficiente. Além disso, estamos a capitalizar os vários talentos e skills das diferentes pessoas envolvidas.
- Forma um «Design System Council»
Um dos métodos que pode funcionar para a tua equipa é criar uma espécie de Design System Council. Porquê? Ao não definir posições/responsabilidades estáticas, consegues no entanto incluir várias pessoas no processo de construção e gestão do design system.
Deves definir uma missão clara para o teu conselho, bem como critérios de participação : qual o mínimo de disponibilidade que cada membro deve ter? ; que ferramentas devem utilizar?; que língua / linguagem vai ser utilizada para comunicar?...
- Define um processo de contribuição
Estruturar o modo como se deve contribuir para o design system é talvez a parte mais importante. Tenta:
- Definir um único ponto de entrada de sugestões
- Organizar a informação : por exemplo, classificando-a como novo componente, feedback/sugestão, bug
Para aplicares estes conhecimentos na prática, é sempre importante recolher informação de livros, artigos, podcasts, e cursos gravados/ao vivo.
Queres aprender os conceitos e ferramentas principais para criação, implementação e gestão de um sistema de design?
Vais aprender todas as etapas de projeto para a construção de um Design System e os desafios de negócio envolvidos com o curso Design Systems na TheStarter!
Conhece a TheStarter: Uma escola que te prepara para o futuro do UX Design
Entre as opções de cursos de UX/UI Design com certificação, destaca-se a TheStarter. Reconhecida pela sua abordagem prática e voltada para resultados, a TheStarter oferece programas abrangentes e especializados que combinam teoria, prática e interação, preparando os alunos para enfrentar os desafios do mundo real.
Somos a maior escola online especializada em UX e Product Design em Portugal, oferecendo programas educacionais e conteúdos avançados, práticos, dinâmicos, e personalizados.
Com origens portuguesas, orgulhosamente cria pontes entre profissionais de UX no Brasil e em Portugal, onde empresas e profissionais de UX podem melhorar os seus processos, visão e pensamento estratégico em UX Design
Com uma equipa de mais de 30 instrutores experientes e uma metodologia inovadora, os cursos da TheStarter são projetados para fornecer uma base sólida em UX/UI Design, e desenvolver skills mais avançadas ao longo da tua carreira.
Oferecemos cursos avançados:
- Remotos, ao vivo: Sem instalações físicas, terás a oportunidade de experienciar uma sala de aula virtual com designers de várias partes do mundo.
- Aulas práticas e dinâmicas: Inserido numa micro turma, tens acompanhamento ilimitado dentro e fora das sessões.
- Foco na estratégia, não nas ferramentas: Queremos formar profissionais preparados para defenderem o valor do design a stakeholders, PMs e clientes.
Conhece os nossos cursos de UX/UI Design aqui.
Written by
UI Designer | Co-Founder e CX/Product Manager na TheStarter (LinkedIn)
